:root{color-scheme:dark;--hud-bg: rgba(12, 20, 16, .72);--hud-fg: #d8f5e2;--hud-accent: #74e39b}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#171915;font-family:Bricolage Grotesque,Nunito,ui-rounded,system-ui,sans-serif;color:var(--hud-fg)}.hud .score,.final-score{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}#app,canvas{display:block;width:100vw;height:100vh}#app{position:relative}.hud{position:fixed;top:16px;left:16px;z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;padding:0;background:transparent;border:0;box-shadow:none}.heart-glyph{width:16px;height:16px;fill:#fff;display:block}.hud .score{min-width:5ch;font-size:38px;line-height:1;font-weight:800;letter-spacing:0;color:#fff;text-align:left;text-shadow:0 3px 12px rgba(0,0,0,.78);display:inline-block;transform-origin:left center}.hud .score.pulse{animation:scorePulse .32s ease-out}@keyframes scorePulse{0%{transform:scale(1)}40%{transform:scale(1.35);color:#fff}to{transform:scale(1)}}.hud-chips{display:flex;gap:8px;margin-top:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;background:var(--hud-bg);font-size:14px;font-weight:800;color:var(--hud-fg)}.chip-hearts .heart-glyph{width:13px;height:13px;fill:var(--brand-coral, #e64b5d)}.chip-combo{color:var(--brand-tan, #d7a15c)}.chip[hidden]{display:none}.mission-line{margin-top:8px;max-width:230px;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--hud-fg);opacity:.82;text-shadow:0 2px 8px rgba(0,0,0,.7)}.mission-line.done{color:var(--brand-teal, #14a89a);opacity:1}.score-float{position:fixed;z-index:11;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:20px;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.72);animation:floatUp .72s ease-out forwards}.score-float.clear{color:var(--brand-tan, #d7a15c)}.score-float.power{font-size:15px;letter-spacing:.14em;color:var(--brand-teal, #14a89a)}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% - 46px))}}.crash-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;pointer-events:none;background:radial-gradient(ellipse at center,#e64b5d00 30%,#e64b5d8c);opacity:0}.crash-flash.fire{animation:crashFlash .6s ease-out}@keyframes crashFlash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.touch-controls{position:fixed;left:0;right:0;bottom:max(18px,env(safe-area-inset-bottom));z-index:14;display:none;justify-content:center;align-items:end;gap:clamp(14px,9vw,56px);padding:0 max(14px,env(safe-area-inset-left)) 0 max(14px,env(safe-area-inset-right));pointer-events:none}.touch-controls.screened{display:none!important}.touch-btn{pointer-events:auto;width:64px;height:64px;border:1px solid rgba(234,255,244,.28);border-radius:50%;background:#0f17149e;color:var(--brand-text);font:800 34px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace;box-shadow:0 12px 34px #0000004d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:none}.touch-btn.active{background:var(--brand-teal);color:#042019}.touch-jump{width:72px;height:72px;margin-bottom:12px;background:var(--brand-coral);color:#fff}.touch-slide{margin-bottom:4px;background:#14a89ab8}@media (pointer: coarse){.touch-controls{display:flex}}@media (max-width: 720px){.touch-controls{display:flex}.hud{top:8px;left:8px}.hud .score{font-size:30px;text-shadow:0 2px 9px rgba(0,0,0,.78)}.touch-controls{bottom:max(14px,env(safe-area-inset-bottom));gap:clamp(10px,6vw,28px);padding:0 max(14px,env(safe-area-inset-left)) 0 max(14px,env(safe-area-inset-right))}.touch-btn{width:58px;height:58px;background:#0f17147a;font-size:30px}.touch-jump{width:64px;height:64px;margin-bottom:8px}.touch-slide{margin-bottom:4px}.debug-panel{display:none}}@media (max-width: 520px),(max-height: 760px){.card{width:min(300px,calc(100vw - 28px));padding:18px 16px 16px}.brand-lockup{gap:6px;margin-bottom:8px}.brand-mark{width:44px;height:44px}.brand-mark .heart-glyph{width:26px;height:26px}.brand-mark-words{font-size:12px;letter-spacing:.3px}.card .tagline{font-size:9px}.card .site-link{font-size:11px;margin-top:10px}.card h1{font-size:23px}.medal{width:122px;margin-top:12px;padding-top:20px}.medal-disc{width:122px;height:122px}.medal-ribbon{width:28px;height:52px}.medal-ribbon-left{left:26px}.medal-ribbon-right{right:26px}.final-score{font-size:36px}.best-score{font-size:11px}.btn{margin-top:12px;padding:11px 14px;font-size:13px}}body.shirt-qa .hud,body.shirt-qa .touch-controls,body.shirt-qa .debug-panel{display:none!important}body.asset-sandbox{background:#c8dfdc}.asset-panel{position:fixed;top:14px;left:14px;z-index:20;display:grid;gap:10px;width:min(320px,calc(100vw - 28px));padding:12px;border:1px solid rgba(230,246,236,.2);border-radius:8px;background:#0c1410c7;box-shadow:0 14px 34px #0000003d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.asset-title{color:#fff;font-size:15px;font-weight:800;line-height:1}.asset-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.asset-actions button{min-width:0;min-height:34px;padding:7px 8px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:#ffffff14;color:#f3fff8;font:800 11px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace;letter-spacing:0}.asset-actions button:hover{background:#14a89a6b}.asset-toggle{display:flex;align-items:center;gap:8px;color:#f3fff8d1;font-size:12px;line-height:1}.asset-toggle input{width:16px;height:16px;accent-color:#14a89a}.debug-panel{position:fixed;top:16px;right:16px;z-index:10;background:var(--hud-bg);border:1px solid rgba(116,227,155,.25);border-radius:8px;padding:10px 12px;font-size:11px;line-height:1.55;min-width:210px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;white-space:pre}.debug-panel .title{color:var(--hud-accent);font-weight:700;margin-bottom:6px;letter-spacing:1px}.debug-panel.hidden{display:none}.debug-panel .row{display:flex;justify-content:space-between;gap:16px}.debug-panel .row .k{opacity:.6}.debug-panel .row .v{color:#eafff1}:root{--brand-coral: #e64b5d;--brand-teal: #14a89a;--brand-tan: #d7a15c;--brand-surface: rgba(15, 23, 20, .84);--brand-text: #eafff4;--brand-muted: #bcd6cc;--brand-border: rgba(20, 168, 154, .3)}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:none;align-items:center;justify-content:center;overflow-y:auto;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:#060c0980;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:Bricolage Grotesque,Nunito,ui-rounded,system-ui,sans-serif;overscroll-behavior:contain}.screen.show{display:flex}.card{width:min(330px,88vw);margin:auto 0;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:8px;padding:24px 22px 22px;text-align:center;box-shadow:0 24px 70px #00000080;animation:cardIn .45s cubic-bezier(.2,.9,.25,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)}}.brand-lockup{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 auto 12px}.brand-lockup-type{justify-content:center;border-top:2px solid var(--brand-teal);border-bottom:1px solid rgba(255,255,255,.22);padding:10px 0 9px}.brand-lockup-type .brand-mark-words{display:grid;gap:2px;text-align:center}.brand-lockup-type .brand-mark-words strong{font-size:15px;letter-spacing:.1em}.brand-lockup-type .brand-mark-words span{color:var(--brand-teal);font-size:8px;font-weight:900;letter-spacing:.18em}.brand-mark{width:52px;height:52px;border-radius:8px;background:var(--brand-coral);border:3px solid var(--brand-text);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px #e64b5d59}.brand-mark .heart-glyph{width:34px;height:34px;fill:#fff}.brand-mark-words{font-size:14px;font-weight:800;letter-spacing:.4px;color:var(--brand-text);text-transform:uppercase}.card .eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:var(--brand-tan)}.card .tagline{margin:0 0 2px;font-size:10.5px;letter-spacing:.4px;line-height:1.4;text-transform:uppercase;color:var(--brand-tan)}.card .site-link{display:block;margin:12px 0 0;font-size:12px;font-weight:700;letter-spacing:.6px;color:var(--brand-teal);text-decoration:none}.card .site-link:hover{text-decoration:underline}.card h1{margin:8px 0 0;font-size:28px;line-height:1.08;color:var(--brand-text)}.medal{position:relative;width:148px;margin:18px auto 4px;padding-top:26px}.medal-ribbon{position:absolute;top:-6px;width:34px;height:64px;border-radius:4px}.medal-ribbon-left{left:34px;background:var(--brand-teal);transform:rotate(24deg)}.medal-ribbon-right{right:34px;background:var(--brand-coral);transform:rotate(-24deg)}.medal-disc{position:relative;width:148px;height:148px;display:grid;align-content:center;justify-items:center;gap:2px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#e9c27a,var(--brand-tan) 58%,#a8783a);box-shadow:inset 0 0 0 7px #fff8ec3d,0 12px 30px #0006}.final-score{font-size:44px;line-height:1;font-weight:800;color:#241a0c}.medal-label{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#241a0ca8}.best-score{margin:10px 0 0;font-size:12px;color:var(--brand-muted)}.leaderboard-join{margin-top:14px;padding-top:12px;border-top:1px solid var(--brand-border)}.leaderboard-copy,.leaderboard-status{margin:0;color:var(--brand-muted);font-size:11px;line-height:1.35}.leaderboard-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.leaderboard-fields input{min-width:0;border:1px solid var(--brand-border);border-radius:6px;padding:9px 10px;background:#ffffff14;color:var(--brand-text);font:inherit;font-size:12px;outline:none}.leaderboard-fields input::placeholder{color:#fffdf385}.leaderboard-fields input:focus{border-color:var(--brand-teal)}.btn.btn-leaderboard{grid-column:1 / -1;margin-top:0;padding:10px 12px;font-size:12px}.leaderboard-status:not(:empty){margin-top:9px;color:var(--brand-teal)}.leaderboard-join.is-joined .leaderboard-fields{display:none}.leaderboard-link{display:inline-block;margin-top:10px;color:var(--brand-teal);font-size:11px;font-weight:800;text-decoration:none}.btn{display:inline-block;margin-top:18px;width:100%;padding:13px 18px;border:none;border-radius:8px;font:inherit;font-weight:700;font-size:15px;cursor:pointer;background:var(--brand-teal);color:#042019;transition:filter .15s}.btn:hover{filter:brightness(1.08)}.btn-cta{background:var(--brand-coral);color:#fff;text-decoration:none;margin-top:10px}.card .restart{margin-top:14px;font-size:11px;color:var(--brand-muted);opacity:.8}.card .powered{margin-top:18px;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#bcd6cc73}.leaderboard-display{min-height:100vh;padding:clamp(28px,5vw,64px);background:linear-gradient(#060c0985,#060c09db),radial-gradient(circle at 20% 10%,rgba(20,168,154,.35),transparent 34%),radial-gradient(circle at 85% 0%,rgba(230,75,93,.28),transparent 28%),#0b1410;color:var(--brand-text);font-family:Bricolage Grotesque,Nunito,ui-rounded,system-ui,sans-serif}.leaderboard-display-header{display:flex;justify-content:space-between;gap:32px;align-items:center;margin-bottom:clamp(28px,5vw,54px)}.leaderboard-display-title{display:flex;gap:18px;align-items:center}.leaderboard-display-logo .brand-mark{margin:0}.leaderboard-display-kicker{margin:0 0 8px;color:var(--brand-tan);text-transform:uppercase;letter-spacing:2px;font-size:13px}.leaderboard-display h1{margin:0;font-size:clamp(34px,6vw,78px);line-height:.95}.leaderboard-display-title p:last-child{max-width:720px;color:var(--brand-muted);line-height:1.5}.leaderboard-display-play{min-width:min(380px,36vw);padding:18px 20px;border:1px solid var(--brand-border);border-radius:10px;background:var(--brand-surface);text-align:right}.leaderboard-display-play span{display:block;color:var(--brand-tan);text-transform:uppercase;letter-spacing:1.5px;font-size:12px}.leaderboard-display-play strong{display:block;margin-top:7px;color:var(--brand-text);font-size:clamp(13px,1.6vw,18px);word-break:break-word}.leaderboard-display-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.leaderboard-display-list li{display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:center;min-height:72px;padding:14px 20px;border:1px solid rgba(20,168,154,.22);border-radius:8px;background:#0f1714c7}.leaderboard-display-list li.is-top{border-color:#e64b5db8;box-shadow:0 0 0 1px #e64b5d29,0 16px 50px #00000047}.leaderboard-rank{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--brand-coral);color:#fff;font-weight:900}.leaderboard-name{font-size:clamp(20px,3vw,34px);font-weight:800}.leaderboard-score{color:var(--brand-teal);font-size:clamp(22px,3.2vw,38px)}.leaderboard-display-empty{grid-template-columns:1fr!important;color:var(--brand-muted);text-align:center}@media (max-width: 720px){.leaderboard-display-header{display:block}.leaderboard-display-play{margin-top:18px;min-width:0;text-align:left}.leaderboard-display-list li{grid-template-columns:44px 1fr auto;gap:10px;padding:12px}}[hidden]{display:none!important}.campaign-status{color:var(--brand-text, #fffdf3);font-size:14px;line-height:1.5}.leaderboard-fields label{display:grid;gap:6px;text-align:left;font-size:13px}.leaderboard-fields .consent-copy{display:flex;align-items:flex-start;gap:9px;line-height:1.4}.leaderboard-fields .consent-copy input{width:18px;min-width:18px;height:18px;margin-top:2px}button:disabled{opacity:.6;cursor:wait}.leaderboard-display{background:#171915}.leaderboard-display-title{display:block;flex:1;min-width:0}.leaderboard-display-title .brand-lockup{width:fit-content;max-width:100%;margin:0 0 26px}.leaderboard-display-title .brand-mark-words{white-space:normal}.leaderboard-display .btn{display:inline-block;width:auto;text-decoration:none;text-align:center}.leaderboard-display-header>.btn{flex:0 0 auto}.leaderboard-display>.btn{margin-top:24px}.leaderboard-rank{color:#171915}.leaderboard-name{overflow-wrap:anywhere;min-width:0}.display-status{color:var(--brand-muted);line-height:1.5}@media (max-width: 720px){.leaderboard-display-header>.btn{margin-top:18px}.leaderboard-display-list li{grid-template-columns:36px minmax(0,1fr) auto}.leaderboard-rank{width:32px;height:32px}.leaderboard-name{font-size:19px}.leaderboard-score{font-size:22px}}.leaderboard-fields .consent-copy{grid-column:1 / -1}.card-end .leaderboard-link{display:block;width:fit-content;margin:12px auto 0}@media (max-width: 520px){.leaderboard-fields{grid-template-columns:1fr}}.environment-qa .hud,.environment-qa .touch-controls{display:none}.environment-note{position:fixed;bottom:18px;left:18px;padding:10px 14px;border-radius:8px;background:#171915cc;color:#fffdf3;font:13px sans-serif;z-index:30;text-decoration:none}