@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/bricolage-400-800.woff2)format("woff2")}:root{color-scheme:light;--ink:#172c2e;--paper:#fffdf3;--yellow:#f2df3a;--coast:#318bb3;--on-accent:#172c2e;--muted:#53696a;--line:#cdd7cd;--soft:#edf0e6;--link:#17667c;--focus:#147a9b;--input-bg:#fff;--start-bg:#fffdf3f7;--loader-bg:#b5cbd1;--hud-bg:#172c2ec7;--hud-fg:#fffdf3;--hud-accent:#f2df3a;--hud-shadow:#172c2e}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;background:#8199ce;margin:0;font-family:Bricolage Grotesque,Arial,sans-serif;overflow:hidden}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 var(--focus);outline-offset:4px}[hidden]{display:none!important}#app>canvas{touch-action:none;outline:none}#app,#app>canvas{width:100%;height:100%;display:block}.heart-glyph{fill:currentColor;width:20px;height:20px;display:block}.screen{z-index:30;overscroll-behavior:contain;backdrop-filter:blur(4px);background:#10272f59;place-items:center;padding:28px 20px;display:none;position:fixed;inset:0;overflow-y:auto}.screen.show{display:grid}.card{background:var(--paper);width:min(440px,100%);color:var(--ink);text-align:left;border-radius:22px;padding:32px;position:relative;box-shadow:0 22px 70px #0f272e3d}.card h1{letter-spacing:-1.9px;margin:28px 0 12px;font-size:clamp(32px,5vw,45px);font-weight:800;line-height:1.02}.card p{line-height:1.5}.card .intro{max-width:32ch;color:var(--muted);margin:0 0 20px;font-size:16px}.brand-lockup{align-items:center;gap:10px;display:flex}.brand-emblem{background:var(--yellow);width:38px;height:38px;color:var(--on-accent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.brand-emblem .heart-glyph{width:21px;height:21px}.brand-mark-words{gap:3px;display:grid}.brand-mark-words strong{letter-spacing:.1px;font-size:14px;font-weight:800}.brand-mark-words>span{color:var(--muted);font-size:11px}.start-screen{backdrop-filter:none;background:linear-gradient(90deg,#10272f33,#0000 60%);place-items:end start;padding:40px}.card-start{background:var(--start-bg);width:min(380px,100%);padding:24px 26px 20px}.card-start h1{letter-spacing:-2.5px;max-width:8ch;margin-top:20px;font-size:48px}.start-best{color:var(--muted);margin:0;font-size:12px}.start-best strong{color:var(--ink);font-variant-numeric:tabular-nums}.btn{background:var(--yellow);width:100%;color:var(--on-accent);border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:16px 20px;font-size:17px;font-weight:800;line-height:1.25;text-decoration:none;display:flex;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 var(--line);color:var(--ink);background:0 0;border-radius:10px;min-height:44px;padding:12px;font-size:13px;font-weight:700}.btn-secondary:hover{background:var(--soft)}.how-to-play{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1.4fr 1fr 1fr;gap:12px;margin:22px 0;padding:18px 0;display:grid}.how-to-play>div{gap:8px;font-size:12px;font-weight:700;display:grid}.control-gesture{font-size:22px;line-height:1}.how-to-play small{white-space:nowrap;color:var(--muted);margin-top:4px;font-size:10px;font-weight:400;display:block}.touch-copy{display:none!important}.preview-label{color:var(--muted);font-size:10px;margin:12px 0 0!important;line-height:1.3!important}.campaign-status,.share-status{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.4}.campaign-status:empty,.share-status:empty{display:none}.leaderboard-link{text-underline-offset:4px;width:fit-content;margin:15px 0 0;font-size:12px;font-weight:700;display:block}.loader-screen{background:var(--loader-bg);backdrop-filter:none}.loader-screen .card{box-shadow:none;background:0 0}progress{appearance:none;background:#7cabae;border:0;border-radius:4px;width:100%;height:7px;margin-top:30px;display:block;overflow:hidden}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{z-index:45;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));gap:8px;display:flex;position:fixed}.game-controls button{background:var(--hud-bg);color:var(--hud-fg);border:1px solid #ffffff47;border-radius:12px;min-width:42px;min-height: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{top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));z-index:10;pointer-events:none;user-select:none;color:var(--hud-fg);text-shadow:0 2px 8px var(--hud-shadow);display:none;position:fixed}.playing .hud{display:block}.hud .score{letter-spacing:-1.3px;font-variant-numeric:tabular-nums;font-size:38px;font-weight:800;line-height:1;display:inline-block}.score-label{margin-bottom:3px;font-size:11px;font-weight:700}.run-hint{background:var(--hud-bg);text-align:center;width:max-content;max-width:calc(100% - 32px);text-shadow:none;border-radius:10px;padding:10px 16px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.hud-chips{gap:8px;margin-top:8px;display:flex}.chip{background:var(--hud-bg);text-shadow:none;border-radius:7px;align-items:center;gap:5px;padding:4px 7px;font-size:12px;font-weight:700;display:inline-flex}.chip .heart-glyph{width:12px;height:12px;color:var(--hud-accent)}.distance-line{font-variant-numeric:tabular-nums;margin-top:8px;font-size:11px}.score.pulse{animation:.2s ease-out scorePulse}@keyframes scorePulse{50%{transform:scale(1.08)}}.score-float{z-index:11;pointer-events:none;color:var(--hud-fg);text-shadow:0 2px 6px var(--hud-shadow);font-size:16px;font-weight:700;animation:.65s ease-out forwards floatUp;position:fixed}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% - 32px))}}.crash-flash{z-index:18;pointer-events:none;opacity:0;background:#ca664740;position:fixed;inset:0}.crash-flash.fire{animation:.35s ease-out crashFlash}@keyframes crashFlash{20%{opacity:1}to{opacity:0}}.touch-controls{inset:auto 0 max(18px,env(safe-area-inset-bottom));z-index:14;pointer-events:none;justify-content:space-between;align-items:end;padding:0 20px;display:none;position:fixed}.touch-group{gap:8px;display:flex}.touch-btn{pointer-events:auto;background:var(--hud-bg);width:58px;height:62px;color:var(--hud-fg);touch-action:none;border:1px solid #fff9;border-radius:14px;place-content:center;gap:2px;font-size:24px;line-height:1;display:grid;box-shadow:0 6px 18px #0f272e1f}.touch-btn small{font-size:10px;font-weight:700}.touch-btn.active{background:var(--yellow);color:var(--on-accent);transform:scale(.94)}.touch-controls.screened,.paused .touch-controls{display:none!important}.card-end{text-align:center;margin:0 auto;padding:28px}.card-end .brand-lockup{text-align:left;justify-content:center}.card-end h1{letter-spacing:-.8px;margin-top:24px;font-size:28px}.result-score{margin:12px 0 0}.final-score{letter-spacing:-3px;font-variant-numeric:tabular-nums;font-size:clamp(56px,10vw,82px);font-weight:800;line-height:1}.result-score>span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.best-score{color:var(--muted);margin:16px 0 22px;font-size:11px;line-height:1.4}.best-score>span{color:var(--muted);padding:0 3px}.result-tip{color:var(--muted);max-width:34ch;margin:0 auto 8px;font-size:14px;line-height:1.45!important}.next-target{margin:0 0 18px;font-size:12px;font-weight:700}.share-actions{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 0;display:grid}.card-end .leaderboard-link{margin:18px auto 0}.leaderboard-join{border-top:1px solid var(--line);text-align:left;margin-top:20px;padding-top:20px}.leaderboard-copy{color:var(--muted);margin:0 0 10px;font-size:12px}.leaderboard-join>.leaderboard-copy:first-child{color:var(--ink);font-size:15px;font-weight:700}.leaderboard-fields{gap:12px;display:grid}.leaderboard-fields label{gap:6px;font-size:11px;font-weight:600;display:grid}.leaderboard-fields input{border:1px solid var(--line);background:var(--input-bg);width:100%;color:var(--ink);border-radius:8px;padding:12px;font-size:16px}.leaderboard-fields .consent-copy{align-items:flex-start;gap:8px;font-size:11px;font-weight:400;line-height:1.4;display:flex}.consent-copy input{flex:0 0 17px;width:17px;height:17px;margin:2px 0 0}.btn-leaderboard{background:var(--ink);color:var(--paper);min-height:46px;font-size:14px}.leaderboard-status,.leaderboard-lead-status{color:var(--link);font-size:13px;line-height:1.5}.leaderboard-lead-status{color:var(--muted)}.leaderboard-status:empty,.leaderboard-lead-status:empty,.is-joined .leaderboard-fields{display:none}.fest-cta{color:var(--link)}.debug-panel{z-index:60;color:#fff;pointer-events:none;background:#0a1619e6;border-radius:8px;min-width:170px;padding:12px;font:11px/1.5 monospace;position:fixed;top:135px;left:16px}.debug-panel.hidden{display:none}.debug-panel .row{justify-content:space-between;gap:20px;display:flex}.debug-panel .title{margin-bottom:6px;font-weight:700}.leaderboard-display{background:var(--paper);color:var(--ink);padding:clamp(24px,5vw,72px);position:fixed;inset:0;overflow:auto}.leaderboard-display-header{justify-content:space-between;align-items:start;gap:30px;margin-bottom:30px;display:flex}.leaderboard-display-title h1{letter-spacing:-2px;margin:30px 0 8px;font-size:clamp(32px,6vw,62px);line-height:1}.leaderboard-display-title p,.display-status{color:var(--muted);font-size:13px}.leaderboard-display-header>.btn{flex-shrink:0;width:auto;font-size:14px}.leaderboard-display-list{max-width:1100px;margin:24px 0;padding:0;list-style:none}.leaderboard-display-list li{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr auto;align-items:center;gap:16px;min-height:76px;padding:14px 0;display:grid}.leaderboard-rank{background:var(--soft);width:36px;height:36px;color:var(--ink);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.leaderboard-display-list li:first-child .leaderboard-rank{background:var(--yellow);color:var(--on-accent)}.leaderboard-name{overflow-wrap:anywhere;min-width:0;font-size:clamp(17px,3vw,28px);font-weight:700}.leaderboard-score{font-variant-numeric:tabular-nums;font-size:clamp(20px,3vw,32px)}.leaderboard-display>.btn{background:var(--ink);width:auto;min-height:44px;color:var(--paper);font-size:13px}.environment-qa .hud,.environment-qa .touch-controls,.environment-qa .game-controls{display:none}.environment-note{background:var(--hud-bg);color:var(--paper);z-index:30;border-radius:8px;padding:10px 14px;font:12px Arial;text-decoration:none;position:fixed;bottom:18px;left:18px}.shirt-qa .hud,.shirt-qa .touch-controls,.shirt-qa .game-controls{display:none!important}@media (pointer:coarse),(width<=720px){.playing .touch-controls{display:flex}.run-hint{bottom:max(96px,calc(env(safe-area-inset-bottom) + 88px));font-size:12px}.touch-copy{display:block!important}.key-copy{display:none!important}}@media (width<=520px){.screen{padding:16px 14px}.start-screen{padding-bottom:max(16px,env(safe-area-inset-bottom));justify-items:center}.card{border-radius:18px;padding:22px}.card-start h1{letter-spacing:-1.7px;max-width:none;margin:16px 0 10px;font-size:36px;line-height:1.05}.card-start .intro{margin-bottom:16px;font-size:14px}.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-width:44px;min-height:44px;padding:8px 10px}.touch-controls{padding:0 14px}.touch-btn{width:54px;height:58px}.touch-group{gap:6px}.leaderboard-display-header{display:block}.leaderboard-display-header>.btn{width:fit-content;margin-top:20px}.leaderboard-display-list li{grid-template-columns:34px minmax(0,1fr) auto;gap:10px}}@media (height<=650px){.start-screen{align-items:center}.card-start{padding:18px 24px}.card-start h1{max-width:none;margin-top:14px;font-size:32px}.card-start .intro{margin:0 0 8px;font-size:13px}.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{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
