:root{font-family:Inter,Avenir Next,Segoe UI,Arial,Noto Sans,sans-serif;color:#183a3b;background:#dce9e2;font-synthesis:none;font-weight:500;font-size:15px;--ink: #183a3b;--muted: #6d827b;--paper: #f9faf2;--accent: #edb75e;--teal: #286b61}*{box-sizing:border-box}body{margin:0;overscroll-behavior:none}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button{border:0;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #e6a541;outline-offset:4px}button:disabled{cursor:default;opacity:.42}button:not(:disabled):active{transform:translateY(2px)}button,a{touch-action:manipulation}#game{position:relative;width:100%;height:100dvh;min-height:480px;overflow:hidden;isolation:isolate}.world{position:absolute;inset:0;display:block}#ui{position:absolute;inset:0;z-index:2;pointer-events:none}.interactive{pointer-events:auto}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:28px 40px;z-index:4;gap:20px}.wordmark{display:flex;align-items:center;gap:15px;font-size:13px;letter-spacing:2.2px}.veno{padding:7px 11px;border-radius:20px;background:#192c30;color:#fff;font-size:15px;letter-spacing:1px;font-weight:900}.veno span{color:#bdfa43}.brand-divider{width:1px;height:21px;background:#284c4230}.topbar nav{display:flex;align-items:center;gap:10px}.wallet{font-size:13px;letter-spacing:.04em;margin-right:10px}.icon-button{width:42px;height:42px;display:inline-grid;place-items:center;border-radius:50%;background:#f8faf1ac;box-shadow:0 2px 5px #203b3509;font-size:20px}.home-panel{position:absolute;top:50%;left:7%;width:min(390px,35vw);transform:translateY(-43%)}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;line-height:1.7;color:#607d72;margin:0 0 13px}.logo-crop{position:relative;width:112%;aspect-ratio:2.95;overflow:hidden;margin:0 0 18px -5.5%;mix-blend-mode:multiply}.logo-crop img{position:absolute;width:100%;height:auto;top:-96%;left:0}h1{font-size:clamp(28px,3.1vw,46px);font-weight:650;line-height:1.14;letter-spacing:-1.5px;margin:15px 0 12px;max-width:380px}h2{font-size:30px;letter-spacing:-1px;line-height:1.18;margin:10px 0 24px}h3{font-size:14px}.home-sub{color:#607d72;font-size:14px;margin:0 0 26px}.primary{color:#f9fff5;background:#24665c;border:1px solid #286b61;border-radius:15px;padding:16px 22px;font-weight:750;box-shadow:0 7px #164c44,0 13px 23px #26594b15}.primary:hover{background:#2f796d}.large{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:18px;padding:20px 24px;margin:0 0 24px}.large span{font-size:28px;line-height:15px}.mode-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mode-card{background:#f6f8eeaa;border:1px solid #fff9;border-radius:14px;padding:15px 5px;font-size:11px;font-weight:700;display:flex;align-items:center;flex-direction:column;gap:9px}.mode-card span{font-size:24px;color:#49756a;line-height:23px}.mode-card:hover{background:#fff}.home-links{display:flex;justify-content:space-between;gap:2px;margin:15px 0 24px}.text-button{background:none;padding:9px 5px;color:#526f64;font-size:12px;font-weight:650}.text-button:hover{text-decoration:underline}.controls-guide{border-top:1px solid #355b4226;display:flex;align-items:center;gap:9px;padding-top:18px;flex-wrap:wrap;font-size:10px;letter-spacing:.08em;color:#658074}.controls-guide small{flex-basis:100%;font-size:11px;letter-spacing:0;line-height:1.7}.keycap{width:30px;height:30px;border:1px solid #a3bdb0;display:grid;place-items:center;border-radius:7px;background:#f7f9ed80;font-size:20px;color:#426b5e}.world-label{position:absolute;right:15%;top:20%;display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#608375}.tiny-dot{width:6px;height:6px;border-radius:50%;background:#619180}.home-footer{position:absolute;bottom:25px;left:40px;right:40px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#648377}.home-footer a{color:inherit;text-decoration:none}.modal-backdrop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:90px 20px 25px;background:#16372e3d;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:auto}.panel{background:#fafbf3f5;width:min(460px,100%);max-height:100%;overflow:auto;border-radius:25px;padding:30px 36px;text-align:center;box-shadow:0 28px 95px #16332b24;border:1px solid #fff}.panel-wide{width:min(650px,100%)}.back-button{background:none;display:block;padding:0 0 20px;font-size:12px;color:#6a8075}.tabs{display:flex;gap:5px;padding:5px;background:#e8eee3;border-radius:12px;margin-bottom:24px}.tabs button{background:transparent;flex:1;border-radius:8px;font-size:11px;padding:11px 7px}.tabs .selected{background:#fff;box-shadow:0 2px 5px #264e3512}.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.course-card{padding:22px 8px 15px;background:#e2eee3;border:1px solid #bed4c1;border-radius:14px;display:flex;flex-direction:column;gap:10px}.course-card b{font-size:26px;font-weight:600}.course-card span{color:#b99550;letter-spacing:2px}.subtle{font-size:12px;color:#788b7e;line-height:1.7;margin:22px 0 8px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 0;border-bottom:1px solid #e2e8dd;font-size:13px;text-align:left}select{max-width:55%;background:#e6eee2;border:0;border-radius:9px;padding:10px 12px;font-size:13px}.toggle{padding:9px 18px;background:#e4eadd;border-radius:20px;min-width:65px}.toggle.selected{background:#276d60;color:#fff}.secondary{background:#e2eee2;border:1px solid #c7dccc;padding:14px 17px;border-radius:12px;font-weight:650;font-size:13px}.secondary.selected{background:#d4e8d6;color:#356943}.wide{display:block;width:100%;margin-top:15px}.skins{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.skin-card{background:#ecf1e6;border:1px solid #dde7d8;border-radius:18px;padding:20px 12px;display:flex;align-items:center;flex-direction:column}.skin-swatch{width:78px;height:70px;position:relative;display:flex;gap:15px;align-items:center;justify-content:center;border-radius:19px;background:#65d7c2;box-shadow:inset 4px 5px 5px #ffffff70,inset -7px -7px #00000010,0 8px #e7b957;transform:rotate(-8deg);margin:8px 0 15px}.skin-swatch i{width:7px;height:17px;border-radius:8px;background:#18383c;transform:rotate(8deg)}.skin-1{background:#e9a8b9}.skin-2{background:#f2c572}.skin-3{background:#7393c5}.pause-symbol{margin:0 auto 20px;display:grid;place-items:center;width:72px;height:72px;border:1px solid #b7cdb7;border-radius:50%;font-size:35px;color:#7a947d}.result-score{font-size:70px;letter-spacing:-3px;margin:22px 0 16px;font-weight:700;line-height:1}.result-stars{color:#dda945;font-size:35px;letter-spacing:10px}.result-stars span{color:#c5d0b9}.result-stats{display:flex;justify-content:space-around;margin:25px 0 32px;font-size:11px;color:#79917e;gap:12px}.result-stats span{display:flex;flex-direction:column;gap:7px}.result-stats b{font-size:21px;color:#335e4e}.reward-button{background:#f4e7c8;border:1px solid #e4cf9b;border-radius:12px;color:#907034;font-size:13px;padding:14px}.playbar{position:absolute;left:0;right:0;top:0;padding:28px 35px;display:flex;gap:16px;align-items:center;background:linear-gradient(#e0eae484,transparent)}.run-title{display:flex;flex-direction:column;gap:6px}.run-title span,.hud-score span{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#6a867b}.run-title b{font-size:14px;font-weight:600}.hud-score{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:3px}.hud-score strong{font-size:33px;line-height:1;letter-spacing:-1px}.progress-wrap{position:absolute;left:35px;right:35px;top:98px;height:3px;border-radius:4px;background:#2d605019}.progress-wrap>div{height:100%;border-radius:4px;background:#438c75;transition:width .16s}.gate-pill{position:absolute;top:122px;left:35px;display:flex;gap:7px;align-items:center;font-size:11px;color:#5f8074}.gate-pill>span:first-child{font-size:16px;font-weight:700}.tap-zone{position:absolute;bottom:27px;left:50%;transform:translate(-50%);display:flex;align-items:center;flex-direction:column;width:min(440px,85%);text-align:center}.tap-zone>p{font-size:12px;line-height:1.6;max-width:340px;color:#4c7163;background:#e8efdfb8;padding:5px 14px;border-radius:20px;margin:14px 0 0}.tap-button{width:88px;height:88px;border-radius:28px;background:#f7f8ebd9;box-shadow:0 5px #9eada1,0 9px 28px #19483922;border:2px solid #fff;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:0;transition:background .08s,box-shadow .08s;isolation:isolate}.tap-button>span:first-child{font-size:39px;line-height:41px;font-family:Arial,sans-serif}.tap-button b{font-size:9px;letter-spacing:1px}.tap-button.active{background:#f9c96e;box-shadow:0 5px #b78636,0 0 25px #fff09d}.tap-button.claimed{background:#8cddbf}.tap-ring{position:absolute;inset:-7px;border-radius:32px;background:conic-gradient(#44856f var(--timing, 0%),#46785c20 0);z-index:-1;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:3px}.cue-preview{height:30px;margin-bottom:7px;color:#466e5c;font-size:11px;font-weight:800;letter-spacing:1px}.feedback{position:absolute;top:27%;left:50%;transform:translate(-50%,10px);font-size:28px;font-weight:800;letter-spacing:-1px;color:#517e57;text-shadow:0 2px #fff9;opacity:0;transition:opacity .1s,transform .1s;white-space:nowrap}.feedback.visible{opacity:1;transform:translate(-50%)}.practice-tools{display:flex;align-items:center;gap:10px;font-size:10px;margin-top:7px}.practice-tools select{font-size:10px;padding:6px;max-width:none}.toast{position:absolute;z-index:20;left:50%;bottom:25px;transform:translate(-50%,15px);opacity:0;transition:.2s;pointer-events:none;background:#1e493feb;color:#fff;padding:13px 20px;border-radius:12px;font-size:13px;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%)}.demo-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.studio{position:absolute;z-index:6;right:20px;top:20px;width:250px;padding:20px;background:#fafbf4ed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #fff;border-radius:18px;box-shadow:0 14px 45px #17342e25}.studio h2{font-size:21px;margin:0 0 18px}.studio label{font-size:11px;display:flex;align-items:center;justify-content:space-between;margin:12px 0}.studio select{font-size:11px;max-width:64%;padding:8px}.studio button{font-size:12px}.studio summary{cursor:pointer;font-weight:700}.export-status{font-size:11px;text-align:center;line-height:1.6}.studio a{color:#286b61}.studio:has(details:not([open])){width:auto}.studio details:not([open]) summary{font-size:12px}@media(min-width:1500px){.home-panel{left:10%;width:410px}.home-panel h1{font-size:50px}.world-label{right:19%}}@media(max-height:720px)and (min-width:801px){.home-panel{transform:translateY(-41%);width:330px}.logo-crop{margin-bottom:4px}.home-panel h1{font-size:32px;margin:8px 0}.home-sub{margin-bottom:16px}.mode-card{padding:10px 5px}.home-links{margin:10px 0 13px}.controls-guide{padding-top:12px}.large{padding:16px 22px;margin-bottom:19px}.topbar{padding:18px 30px}}@media(max-width:800px){#game{min-height:560px}.topbar{padding:20px 22px;gap:8px}.wordmark{font-size:10px;letter-spacing:1.2px;gap:10px}.veno{font-size:12px;padding:6px 9px}.brand-divider{height:18px}.topbar nav{gap:7px}.wallet{margin:0;font-size:11px}.icon-button{width:36px;height:36px;font-size:18px}.home-panel{top:auto;bottom:62px;left:6%;width:88%;transform:none;background:linear-gradient(#edf3e69e,#edf3e6ed 23%);border:1px solid #ffffff5e;border-radius:24px;padding:20px 22px 15px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.home-panel .eyebrow{font-size:8px;margin-bottom:4px;letter-spacing:1.3px}.logo-crop{width:76%;margin:0 auto 3px;aspect-ratio:3.5}.logo-crop img{top:-117%}h1{font-size:29px;line-height:1.1;letter-spacing:-1px;margin:8px 0;text-align:center;max-width:none}.home-panel .eyebrow,.home-sub{text-align:center}.home-sub{font-size:11px;margin:10px 0 15px}.large{padding:16px 20px;font-size:16px;margin-bottom:19px;border-radius:12px}.mode-card{padding:10px 3px;font-size:10px;gap:5px}.mode-card span{font-size:22px}.home-links{margin:10px 0 0;gap:4px}.home-links button{font-size:10px}.controls-guide{display:none}.world-label{top:95px;left:25px;right:auto;font-size:8px;letter-spacing:.8px}.home-footer{bottom:24px;left:25px;right:25px;font-size:9px;letter-spacing:.4px}.panel{padding:25px 24px;border-radius:22px}.modal-backdrop{padding:85px 15px 20px}.panel h2{font-size:26px}.course-grid{gap:8px}.course-card{padding:18px 5px 12px}.tabs button{font-size:9px;padding:10px 4px}.playbar{padding:22px}.progress-wrap{left:22px;right:22px;top:88px}.gate-pill{top:109px;left:22px}.tap-zone{bottom:28px}.tap-button{width:84px;height:84px}.feedback{font-size:24px;top:28%}.studio{right:12px;top:12px;width:230px}.skins{gap:10px}.skin-card{padding:14px 8px}.skin-card .secondary{padding:10px 9px;font-size:11px}.skin-card .text-button{font-size:10px}}@media(max-height:740px)and (max-width:800px){.home-panel{bottom:54px;padding:14px 18px 10px}.logo-crop{width:64%}.home-panel .eyebrow{display:none}h1{font-size:25px}.home-sub{margin:6px 0 12px}.mode-card{padding:8px 3px}.mode-card span{font-size:18px}.home-links{margin-top:5px}.home-footer{bottom:20px}.tap-zone>p{font-size:10px}.tap-button{width:70px;height:70px;border-radius:23px}.tap-button>span:first-child{font-size:32px;line-height:34px}.tap-ring{border-radius:27px}.tap-zone{bottom:19px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}#ui[data-screen=home]:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#dce9e2,#dce9e2ed 25%,#dce9e200 58%)}.demo-page{background:#183331;display:flex;align-items:center;justify-content:center;min-height:100dvh}.demo-page #game{min-height:0;flex:none}.demo-page .studio{position:fixed}@media(max-width:800px){#ui[data-screen=home]:before{background:linear-gradient(0deg,#dce9e280,transparent 70%)}.home-panel{padding-top:16px}.home-panel .logo-crop{width:93%;aspect-ratio:2.95}.home-panel .logo-crop img{top:-96%}}#game[data-theme="2"] .playbar{color:#daf1e7;background:linear-gradient(#142635cc,transparent)}#game[data-theme="2"] .run-title span,#game[data-theme="2"] .hud-score span,#game[data-theme="2"] .gate-pill,#game[data-theme="2"] .cue-preview{color:#a7ccc5}#game[data-theme="2"] .playbar .icon-button{color:#25463e;background:#e3f3e6}#game[data-theme="2"] .feedback{color:#f1cc7f;text-shadow:0 2px #142536}#game[data-theme="2"] .progress-wrap{background:#d3fff32b}#game[data-theme="2"] .progress-wrap>div{background:#8ddcc8}@media(max-height:520px)and (min-width:600px){#game{min-height:0}.topbar{padding:12px 24px}.topbar .icon-button{width:32px;height:32px;font-size:17px}.home-panel{left:6%;width:300px;top:50%;bottom:auto;transform:translateY(-40%);padding:0;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}.home-panel .eyebrow,.home-sub,.controls-guide{display:none}.home-panel .logo-crop{width:240px;aspect-ratio:3.1;margin:0 auto}.home-panel .logo-crop img{top:-101%}.home-panel h1{font-size:23px;line-height:1.1;margin:4px 0 12px;text-align:left}.large{font-size:14px;padding:11px 18px;margin-bottom:15px;border-radius:10px}.large span{font-size:22px}.mode-card{padding:7px 4px;gap:3px;font-size:9px;border-radius:10px}.mode-card span{font-size:17px;line-height:18px}.home-links{margin:3px 0 0}.home-links button{font-size:9px;padding:7px 3px}.home-footer{bottom:12px;left:24px;right:24px;font-size:8px}.world-label{top:80px;right:13%;left:auto;font-size:8px}.modal-backdrop{padding:60px 18px 14px}.panel{padding:20px 26px}.playbar{padding:14px 24px}.progress-wrap{top:72px;left:24px;right:24px}.gate-pill{top:87px;left:24px}.tap-zone{bottom:12px}.tap-button{width:58px;height:58px;border-radius:18px}.tap-button>span:first-child{font-size:27px;line-height:29px}.tap-button b{font-size:8px}.tap-ring{border-radius:23px}.tap-zone>p{font-size:9px;padding:3px 10px;margin-top:9px;max-width:440px}.cue-preview{height:18px;margin-bottom:4px;font-size:9px}.feedback{top:23%;font-size:21px}.practice-tools{position:absolute;left:100%;bottom:0;flex-direction:column;white-space:nowrap}}