:root{color-scheme:light;--brand-coral:#f2df3a;--brand-teal:#f2df3a;--brand-tan:#f2df3a;--brand-text:#fffdf3;--brand-muted:#d7d5c8;--ink:#172c2e;--paper:#fffdf3;--yellow:#f2df3a;--coast:#318bb3;--hud-bg:rgba(23,44,46,.78);--hud-fg:#fffdf3}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#8199ce;color:var(--ink);font-family:Bricolage Grotesque,Arial,sans-serif;-webkit-tap-highlight-color:transparent}body{overscroll-behavior:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #147a9b;outline-offset:4px}[hidden]{display:none!important}#app>canvas{touch-action:none}#app,#app>canvas{display:block;width:100%;height:100%}.heart-glyph{display:block;width:20px;height:20px;fill:currentColor}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:none;overflow-y:auto;overscroll-behavior:contain;padding:28px 20px;align-items:center;justify-items:center;background:#10272f59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.screen.show{display:grid}.card{width:min(440px,100%);padding:32px;border-radius:22px;background:var(--paper);color:var(--ink);box-shadow:0 22px 70px #0f272e3d;text-align:left;position:relative}.card h1{font-size:clamp(32px,5vw,45px);font-weight:800;line-height:1.02;letter-spacing:-1.9px;margin:28px 0 12px}.card p{line-height:1.5}.card .intro{font-size:16px;max-width:32ch;margin:0 0 20px;color:#455e60}.brand-lockup{display:flex;align-items:center;gap:10px}.brand-emblem{display:grid;place-items:center;width:38px;height:38px;background:var(--yellow);border-radius:50%;flex-shrink:0;color:var(--ink)}.brand-emblem .heart-glyph{width:21px;height:21px}.brand-mark-words{display:grid;gap:3px}.brand-mark-words strong{font-size:14px;font-weight:800;letter-spacing:.1px}.brand-mark-words>span{font-size:11px;color:#53696a}.start-screen{align-items:end;background:linear-gradient(0deg,rgba(16,39,47,.45),transparent 65%);-webkit-backdrop-filter:none;backdrop-filter:none;padding-bottom:max(24px,env(safe-area-inset-bottom))}.card-start{background:#fffdf3f7;padding:26px 30px 22px}.card-start h1{margin-top:20px;max-width:8ch;font-size:49px;letter-spacing:-2.5px}.btn{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:16px 20px;border:0;border-radius:12px;background:var(--yellow);color:var(--ink);font-size:17px;line-height:1.25;font-weight:800;text-decoration:none;min-height:54px;box-shadow:inset 0 -2px #172c2e1a}.btn:hover{filter:brightness(1.035)}.btn:active{transform:translateY(1px)}.btn>span{font-size:17px}.btn-secondary{border:1px solid #cdd7cd;border-radius:10px;background:transparent;color:var(--ink);padding:12px;min-height:44px;font-size:13px;font-weight:700}.btn-secondary:hover{background:#edf0e6}.how-to-play{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;margin:22px 0;padding:18px 0;border-top:1px solid #dce1d7;border-bottom:1px solid #dce1d7}.how-to-play>div{display:grid;gap:8px;font-size:12px;font-weight:700}.control-gesture{font-size:22px;line-height:1}.how-to-play small{display:block;font-weight:400;font-size:10px;white-space:nowrap;color:#53696a;margin-top:4px}.touch-copy{display:none!important}.preview-label{font-size:10px;color:#647776;margin:12px 0 0!important;line-height:1.3!important}.campaign-status,.share-status{font-size:12px;color:#42616b;margin:8px 0 0;line-height:1.4}.campaign-status:empty,.share-status:empty{display:none}.leaderboard-link{display:block;width:fit-content;font-size:12px;font-weight:700;text-underline-offset:4px;margin:15px 0 0}.loader-screen{background:#b5cbd1;-webkit-backdrop-filter:none;backdrop-filter:none}.loader-screen .card{box-shadow:none;background:transparent}progress{display:block;width:100%;height:7px;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#7cabae;border-radius:4px;overflow:hidden;margin-top:30px}progress::-webkit-progress-bar{background:#90b6b8}progress::-webkit-progress-value{background:var(--ink);transition:width .2s}progress::-moz-progress-bar{background:var(--ink)}.game-controls{position:fixed;z-index:45;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));display:flex;gap:8px}.game-controls button{border:1px solid rgba(255,255,255,.28);background:#172c2ed1;color:var(--paper);border-radius:12px;min-height:42px;min-width:42px;padding:10px 12px;font-size:11px;font-weight:700}.game-controls .pause-toggle{font-size:18px;display:none}.playing .pause-toggle{display:block}.paused .pause-toggle{display:none}.pause-screen{z-index:40}.card-pause .btn{margin-top:24px}.card-pause .how-to-play{margin-bottom:0}.hud{display:none;position:fixed;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--paper);text-shadow:0 2px 8px rgba(15,39,46,.35)}.playing .hud{display:block}.hud .score{font-size:38px;font-weight:800;letter-spacing:-1.3px;line-height:1;display:inline-block;font-variant-numeric:tabular-nums}.hud-chips{display:flex;gap:8px;margin-top:8px}.chip{display:inline-flex;align-items:center;gap:5px;background:var(--hud-bg);border-radius:7px;padding:4px 7px;font-size:12px;font-weight:700;text-shadow:none}.chip .heart-glyph{width:12px;height:12px;color:var(--yellow)}.distance-line{font-size:11px;margin-top:8px;font-variant-numeric:tabular-nums}.score.pulse{animation:scorePulse .2s ease-out}@keyframes scorePulse{50%{transform:scale(1.08)}}.score-float{position:fixed;z-index:11;pointer-events:none;color:var(--paper);font-size:16px;font-weight:700;text-shadow:0 2px 6px #172c2e;animation:floatUp .65s ease-out forwards}.score-float.power{font-size:12px;color:var(--yellow)}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% - 32px))}}.crash-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;pointer-events:none;opacity:0;background:#ca664740}.crash-flash.fire{animation:crashFlash .35s ease-out}@keyframes crashFlash{20%{opacity:1}to{opacity:0}}.touch-controls{position:fixed;inset:auto 0 max(18px,env(safe-area-inset-bottom));z-index:14;display:none;justify-content:space-between;align-items:end;padding:0 20px;pointer-events:none}.touch-btn{pointer-events:auto;border:1px solid rgba(255,255,255,.6);border-radius:18px;width:58px;height:58px;background:#172c2e8c;color:#fffdf3;font-size:29px;box-shadow:0 6px 18px #0f272e1f;touch-action:none}.touch-btn.active{background:var(--yellow);color:var(--ink);transform:scale(.94)}.touch-controls.screened,.paused .touch-controls{display:none!important}.card-end{margin:0 auto;text-align:center;padding:28px}.card-end .brand-lockup{justify-content:center;text-align:left}.card-end h1{font-size:28px;letter-spacing:-.8px;margin-top:24px}.result-score{margin:12px 0 0}.final-score{font-size:clamp(56px,10vw,82px);font-weight:800;line-height:1;letter-spacing:-3px;font-variant-numeric:tabular-nums}.result-score>span{display:block;font-size:12px;margin-top:4px;color:#53696a}.best-score{font-size:11px;line-height:1.4;margin:16px 0 22px;color:#53696a}.best-score>span{padding:0 3px;color:#b0bfb5}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 0}.card-end .leaderboard-link{margin:18px auto 0}.leaderboard-join{padding-top:20px;margin-top:20px;border-top:1px solid #dce1d7;text-align:left}.leaderboard-copy{font-size:12px;color:#53696a;margin:0 0 10px}.leaderboard-join>.leaderboard-copy:first-child{font-size:15px;font-weight:700;color:var(--ink)}.leaderboard-fields{display:grid;gap:12px}.leaderboard-fields label{display:grid;gap:6px;font-size:11px;font-weight:600}.leaderboard-fields input{width:100%;border:1px solid #c6d1c8;border-radius:8px;padding:12px;background:#fff;color:var(--ink);font-size:16px}.leaderboard-fields .consent-copy{display:flex;align-items:flex-start;gap:8px;font-size:11px;font-weight:400;line-height:1.4}.consent-copy input{width:17px;height:17px;flex:0 0 17px;margin:2px 0 0}.btn-leaderboard{font-size:14px;background:var(--ink);color:var(--paper);min-height:46px}.leaderboard-status{font-size:13px;line-height:1.5;color:#226879}.is-joined .leaderboard-fields{display:none}.fest-cta{color:#17667c}.debug-panel{position:fixed;left:16px;top:135px;z-index:60;background:#0a1619e6;color:#fff;padding:12px;border-radius:8px;font:11px/1.5 monospace;min-width:170px;pointer-events:none}.debug-panel.hidden{display:none}.debug-panel .row{display:flex;justify-content:space-between;gap:20px}.debug-panel .title{font-weight:700;margin-bottom:6px}.leaderboard-display{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;background:var(--paper);color:var(--ink);padding:clamp(24px,5vw,72px)}.leaderboard-display-header{display:flex;gap:30px;align-items:start;justify-content:space-between;margin-bottom:30px}.leaderboard-display-title h1{font-size:clamp(32px,6vw,62px);line-height:1;margin:30px 0 8px;letter-spacing:-2px}.leaderboard-display-title p,.display-status{font-size:13px;color:#53696a}.leaderboard-display-header>.btn{width:auto;flex-shrink:0;font-size:14px}.leaderboard-display-list{list-style:none;padding:0;max-width:1100px;margin:24px 0}.leaderboard-display-list li{display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:center;min-height:76px;border-bottom:1px solid #d4ddd3;padding:14px 0}.leaderboard-rank{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e4eadc;color:var(--ink);font-size:14px;font-weight:700}.leaderboard-display-list li:first-child .leaderboard-rank{background:var(--yellow)}.leaderboard-name{font-size:clamp(17px,3vw,28px);font-weight:700;overflow-wrap:anywhere;min-width:0}.leaderboard-score{font-size:clamp(20px,3vw,32px);font-variant-numeric:tabular-nums}.leaderboard-display>.btn{width:auto;font-size:13px;min-height:44px;background:var(--ink);color:var(--paper)}.environment-qa .hud,.environment-qa .touch-controls,.environment-qa .game-controls{display:none}.environment-note{position:fixed;bottom:18px;left:18px;padding:10px 14px;border-radius:8px;background:var(--hud-bg);color:var(--paper);font:12px Arial;z-index:30;text-decoration:none}.shirt-qa .hud,.shirt-qa .touch-controls,.shirt-qa .game-controls{display:none!important}@media (pointer:coarse),(max-width:720px){.playing .touch-controls{display:flex}}@media (pointer:coarse){.touch-copy{display:block!important}.key-copy{display:none!important}}@media (max-width:520px){.screen{padding:16px 14px}.start-screen{padding-bottom:max(16px,env(safe-area-inset-bottom))}.card{padding:24px;border-radius:18px}.card-start h1{font-size:43px;line-height:1;letter-spacing:-2px}.card-start .intro{font-size:14px;margin-bottom:16px}.how-to-play{gap:9px;margin:16px 0;padding:14px 0}.hud{left:14px;top:max(14px,env(safe-area-inset-top))}.hud .score{font-size:32px}.game-controls{right:14px;top:max(14px,env(safe-area-inset-top))}.game-controls button{min-height:38px;padding:8px 10px}.leaderboard-display-header{display:block}.leaderboard-display-header>.btn{margin-top:20px;width:fit-content}.leaderboard-display-list li{grid-template-columns:34px minmax(0,1fr) auto;gap:10px}}@media (max-height:650px){.start-screen{align-items:center}.card-start{padding:18px 24px}.card-start h1{font-size:32px;max-width:none;margin-top:14px}.card-start .intro{font-size:13px;margin:0 0 8px}.how-to-play{margin:12px 0;padding:10px 0}.card-end{padding:20px}.card-end h1{margin-top:16px}.final-score{font-size:56px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}