:root{--navy:#06101c;--orange:#f08a24;--blue:#0879ba;--cream:#f6f0e5}*{box-sizing:border-box}html{background:var(--navy);overscroll-behavior:none}body{margin:0;min-width:320px;background:var(--navy);color:var(--cream);font-family:Arial,Helvetica,sans-serif}button{touch-action:manipulation}.game-shell{position:relative;min-height:100svh;overflow:hidden;padding:24px clamp(18px,4vw,64px) 18px;isolation:isolate;background:linear-gradient(115deg,rgba(6,16,28,.98),rgba(7,27,46,.9)),#06101c}.street-glow{position:absolute;inset:0;z-index:-1;opacity:.82;background:radial-gradient(circle at 78% 8%,rgba(14,136,204,.25),transparent 35%),radial-gradient(circle at 6% 82%,rgba(240,138,36,.18),transparent 33%),repeating-linear-gradient(92deg,transparent 0 66px,rgba(255,255,255,.018) 67px 68px)}.topbar{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-lockup,.header-actions,.stat-card,.control-button,footer p{display:flex;align-items:center}.brand-lockup{gap:14px}.brand-roundel,.mini-roundel{display:grid;place-items:center;border-radius:50%;color:#fff;font-family:Impact,"Arial Black",sans-serif;transform:rotate(-5deg);background:var(--blue);border:5px solid #fff;box-shadow:0 0 0 4px var(--orange),0 9px 28px rgba(0,0,0,.35)}.brand-roundel{width:68px;height:68px;font-size:25px}.mini-roundel{width:66px;height:66px;font-size:25px;margin-bottom:12px}.eyebrow{margin:0;color:#f3ae51;font-size:10px;font-weight:850;letter-spacing:.18em}.topbar h1{margin:-2px 0 -5px;font:normal clamp(38px,5vw,54px)/1 Impact,"Arial Black",sans-serif;letter-spacing:.045em;color:#fff;text-shadow:3px 3px 0 var(--blue)}.brand-subtitle{margin:0;color:#a9bac9;font-size:12px;letter-spacing:.06em}.header-actions{gap:8px}.icon-button{width:40px;height:40px;border-radius:9px;color:#fff;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.055);font-weight:900;cursor:pointer}.icon-button:disabled{opacity:.35}.game-layout{max-width:1120px;margin:28px auto 0;display:grid;grid-template-columns:minmax(310px,.8fr) minmax(340px,450px);gap:clamp(36px,7vw,92px);align-items:center}.intro-panel{align-self:center}.prototype-badge{display:inline-block;margin-bottom:19px;padding:6px 9px;border:1px solid rgba(240,138,36,.55);border-radius:8px;color:#ffbe70;background:rgba(240,138,36,.08);letter-spacing:.1em;font-size:10px}.intro-panel h2{margin:0;font:normal clamp(45px,5.6vw,76px)/.91 Impact,"Arial Black",sans-serif;letter-spacing:.01em;color:#eef6fb}.intro-panel h2 span{color:var(--orange)}.intro-copy{max-width:535px;margin:22px 0 24px;color:#bac6d0;line-height:1.65;font-size:15px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-card{min-height:86px;flex-direction:column;justify-content:center;padding:12px 8px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.045)}.stat-card b{font-size:23px;color:#f3a74c;margin-bottom:5px}.stat-card strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.stat-card span{color:#8497a8;font-size:10px;margin-top:2px}.credit-plaque{margin-top:16px;padding:15px 20px 15px 25px;border-radius:0 14px 14px 0;background:linear-gradient(90deg,rgba(8,121,186,.32),rgba(8,121,186,.06));border:1px solid rgba(78,181,234,.2);border-left:5px solid var(--orange)}.credit-plaque span,.credit-plaque strong{display:block}.credit-plaque span{color:#84a6bc;font-size:9px;letter-spacing:.18em}.credit-plaque strong{margin-top:4px;font-size:15px;letter-spacing:.1em;color:#fff}.play-column{width:100%;max-width:450px;justify-self:center}.phone-frame{position:relative;width:min(100%,390px);aspect-ratio:390/640;margin:auto;overflow:hidden;border-radius:28px;border:6px solid #152434;background:#07111b;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 34px 80px rgba(0,0,0,.55),0 0 55px rgba(8,121,186,.12)}#game{display:block;width:100%;height:100%;cursor:crosshair}.hud{position:absolute;z-index:3;left:9px;right:9px;top:10px;display:grid;grid-template-columns:1.25fr 1.25fr 1fr 1fr;gap:5px;pointer-events:none}.hud div{padding:6px 4px 5px;text-align:center;border-radius:8px;color:#fff;background:rgba(5,14,23,.83);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px)}.hud span,.hud strong{display:block}.hud span{color:#8fa7b9;font-size:7px;letter-spacing:.14em}.hud strong{font:700 13px Consolas,monospace}.game-overlay{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:58px 35px 28px;text-align:center;background:linear-gradient(rgba(5,13,22,.56),rgba(5,13,22,.91)),radial-gradient(circle at center,rgba(8,121,186,.2),transparent 60%);backdrop-filter:blur(2px)}.game-overlay.compact{background:rgba(5,13,22,.9)}.game-overlay.hidden{display:none}.overlay-kicker{margin:0 0 8px;color:#f4ac52;font-size:9px;font-weight:850;letter-spacing:.2em}.game-overlay h2{margin:0;font:normal clamp(47px,14vw,68px)/.86 Impact,"Arial Black",sans-serif;letter-spacing:.025em;text-shadow:3px 3px 0 rgba(8,121,186,.7)}.game-overlay h2 span{color:var(--orange)}.game-overlay>p:not(.overlay-kicker){max-width:270px;margin:18px 0;color:#c3d0da;font-size:12px;line-height:1.5}.game-overlay small{margin-top:16px;color:#91a4b3;font-size:8px;letter-spacing:.17em}.overlay-icon{font:900 40px Arial;color:var(--orange);margin-bottom:14px}.start-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:0 23px;border:0;border-radius:8px;color:#08111a;background:linear-gradient(180deg,#ffad4d,#f07d16);box-shadow:0 7px 0 #9a4307,0 15px 28px rgba(0,0,0,.3);font-size:12px;font-weight:950;letter-spacing:.08em;cursor:pointer}.start-button:active{transform:translateY(4px);box-shadow:0 3px 0 #9a4307}.result-row{display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,275px);margin:20px 0 22px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.05)}.result-row div{padding:10px 6px}.result-row div+div{border-left:1px solid rgba(255,255,255,.13)}.result-row strong,.result-row span{display:block}.result-row strong{color:#ffbf6f;font:700 20px Consolas,monospace}.result-row span{color:#8ea1b2;font-size:7px;letter-spacing:.14em}.mobile-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(100%,390px);margin:13px auto 0}.control-button{justify-content:center;gap:12px;min-height:69px;border:1px solid rgba(255,255,255,.2);border-radius:15px;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.16),0 10px 24px rgba(0,0,0,.24);cursor:pointer}.control-button.jump{background:linear-gradient(145deg,#0a78b7,#07598a)}.control-button.punch{color:#15100a;background:linear-gradient(145deg,#f9a23d,#ed7713)}.control-button:active{transform:translateY(2px) scale(.99)}.control-button>b{font-size:27px}.control-button span,.control-button strong,.control-button small{display:block;text-align:left}.control-button strong{font-size:15px;letter-spacing:.08em}.control-button small{opacity:.68;font-size:7px;letter-spacing:.14em;margin-top:2px}footer{max-width:1120px;margin:22px auto 0;padding-top:14px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);color:#778a9a;font-size:9px;letter-spacing:.05em}footer p{margin:0;gap:7px}footer strong{color:#acbbc7;letter-spacing:.12em}footer strong span{color:var(--orange);padding:0 5px}@media(max-width:820px){.game-shell{padding:16px 14px}.brand-roundel{width:57px;height:57px;font-size:21px}.eyebrow,.brand-subtitle{display:none}.topbar h1{font-size:39px;margin:0}.game-layout{display:block;margin-top:18px}.intro-panel{display:none}.play-column{margin:auto;max-width:430px}footer{justify-content:center;text-align:center}footer p{display:none}}@media(max-height:790px) and (max-width:820px){.phone-frame{width:min(100%,325px);border-radius:22px}.mobile-controls{width:min(100%,325px)}.control-button{min-height:58px}footer{margin-top:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important}}