:root{font-family:"Trebuchet MS",system-ui,sans-serif;color:#fff;background:#090d18;color-scheme:dark}*{box-sizing:border-box}html,body,#gameShell{width:100%;height:100%;margin:0;overflow:hidden}body{background:#090d18;touch-action:none;overscroll-behavior:none}button,a{font:inherit}button{color:inherit}#application{position:absolute;inset:0;width:100%;height:100%;display:block;background:#11162b}.rain{position:absolute;inset:-20%;pointer-events:none;opacity:.22;background-image:repeating-linear-gradient(105deg,transparent 0 24px,#dff5ff 25px 26px,transparent 27px 52px);background-size:110px 90px;animation:rain .42s linear infinite;mix-blend-mode:screen;transform:translateZ(0)}@keyframes rain{to{background-position:-36px 90px}}.game-topbar{position:fixed;z-index:12;top:max(12px,env(safe-area-inset-top));left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.back-link,.brand,.icon-button{pointer-events:auto;border:2px solid #ffffffb8;background:#10172dd9;color:#fff;border-radius:13px;box-shadow:0 4px 0 #05070d80;backdrop-filter:blur(8px)}.back-link{text-decoration:none;padding:8px 11px;font-weight:900;font-size:12px}.brand{padding:8px 11px;font-size:11px;font-weight:900;letter-spacing:.03em}.icon-button{width:42px;height:39px;font-weight:1000;cursor:pointer}.hud{position:fixed;z-index:10;top:max(66px,calc(env(safe-area-inset-top) + 58px));left:14px;right:14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:10px;pointer-events:none}.hud-card{width:max-content;min-width:132px;padding:8px 12px;border:2px solid #ffffffc4;border-radius:14px;background:#0b1225d9;box-shadow:0 6px 0 #06091399}.hud-card small{display:block;font-size:9px;letter-spacing:.16em;font-weight:1000;color:#b6c7db}.hud-card strong{font:1000 clamp(24px,5vw,38px)/1 "Arial Black",system-ui,sans-serif;display:block;margin-top:3px}.distance-card{justify-self:end;text-align:right}.street-callout{align-self:center;margin-top:4px;padding:8px 13px;border-radius:999px;background:#0b1225c9;border:1px solid #ffffff5c;font-weight:1000;font-size:10px;letter-spacing:.1em;text-align:center;max-width:42vw}.timer-card.danger strong{color:#ff5c64;text-shadow:0 0 18px #ff334477}.toast{position:fixed;z-index:13;top:150px;left:50%;transform:translate(-50%,-8px);padding:9px 14px;border-radius:10px;background:#ffdc63;color:#162037;border:2px solid #162037;font-weight:1000;font-size:12px;opacity:0;transition:.18s;pointer-events:none;box-shadow:0 4px 0 #07102080}.toast.show{opacity:1;transform:translate(-50%,0)}.overlay{position:fixed;z-index:20;inset:0;display:none;place-items:center;padding:22px;background:linear-gradient(#080c17a0,#080c17dc);backdrop-filter:blur(5px)}.overlay.visible,.overlay:not([hidden]){display:grid}.panel{width:min(460px,100%);border:2px solid #fff9;border-radius:26px;background:#10172df2;padding:28px;box-shadow:0 24px 70px #0008;text-align:center}.start-card{background:radial-gradient(circle at 50% 0,#253b78 0,#11182f 55%,#0b1020 100%)}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:1000;color:#8be2c7;margin:0 0 9px}.start-card h1{font:1000 clamp(54px,13vw,88px)/.78 "Arial Black",system-ui,sans-serif;letter-spacing:-.075em;margin:10px 0 20px;transform:rotate(-2deg);text-shadow:4px 5px 0 #060816}.start-card h1 span{color:#ffcf51;text-shadow:4px 5px 0 #6d245b}.tagline{font-weight:1000;font-size:17px;margin:0 0 11px}.intro{color:#c5d0df;font-size:13px;line-height:1.5;margin:0 auto 18px;max-width:360px}.controls-copy{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;text-align:left;max-width:300px;margin:0 auto 18px;padding:12px;border-radius:14px;background:#05091277}.controls-copy span{color:#b8c6d8;font-size:11px}.controls-copy b{text-align:right;font-size:10px;letter-spacing:.08em}.primary{appearance:none;width:100%;min-height:50px;border:2px solid #13213c;border-radius:13px;background:#ffcf51;color:#17213b;font-weight:1000;box-shadow:0 4px 0 #805c17;cursor:pointer}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #805c17}.small{font-size:10px;color:#8fa0b4;margin:14px 0 0}.compact-card h2,.result-card h2{font:1000 clamp(36px,9vw,58px)/1 "Arial Black",system-ui,sans-serif;margin:4px 0 18px}.secondary-link{display:inline-block;color:#d6e0ed;font-size:12px;font-weight:900;margin-top:17px}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.result-stats span{background:#070b16;border:1px solid #ffffff32;border-radius:13px;padding:12px}.result-stats small{display:block;color:#8fa0b4;font-size:9px;font-weight:900;letter-spacing:.12em}.result-stats strong{font-size:22px;display:block;margin-top:4px}.touch-controls{position:fixed;z-index:11;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:12px}.touch-controls button{width:62px;height:62px;border-radius:18px;border:2px solid #ffffffa8;background:#0b1225b8;box-shadow:0 5px 0 #05070c99;font:1000 26px/1 system-ui;backdrop-filter:blur(8px);cursor:pointer}.touch-controls .jump{background:#ffcf51d8;color:#17213b;border-color:#fff1b8}.touch-controls button:active{transform:translateY(2px)}@media(pointer:fine) and (min-width:900px){.touch-controls{opacity:.45}.touch-controls:hover{opacity:1}}@media(max-width:620px){.brand{display:none}.hud{top:max(62px,calc(env(safe-area-inset-top) + 54px));grid-template-columns:1fr 1fr}.street-callout{grid-column:1/-1;grid-row:2;justify-self:center;margin-top:0}.hud-card{min-width:118px}.hud-card strong{font-size:26px}.toast{top:160px}.panel{padding:23px}.touch-controls button{width:58px;height:58px}}@media(max-height:560px){.hud{top:55px}.street-callout{display:none}.game-topbar{top:8px}.panel{padding:18px}.start-card h1{font-size:48px;margin:7px 0 12px}.intro{display:none}.controls-copy{margin-bottom:12px}.touch-controls{bottom:8px}.touch-controls button{width:50px;height:50px;border-radius:14px}}

#gameShell.umbrella-hit::after{content:"";position:fixed;z-index:9;inset:-18%;pointer-events:none;background:radial-gradient(ellipse at 50% 22%,#824a9ad8 0 22%,#4f2966bd 23% 39%,transparent 40%);animation:umbrella-flash .42s ease-out forwards;transform:rotate(-6deg)}@keyframes umbrella-flash{0%{opacity:.95;transform:scale(.92) rotate(-6deg)}100%{opacity:0;transform:scale(1.12) rotate(7deg)}}#gameShell.final-sprint .rain{opacity:.34;animation-duration:.30s}#gameShell.final-sprint #application{filter:saturate(1.08) contrast(1.03)}#gameShell.final-sprint .street-callout{border-color:#ff6a70;background:#2a1018e0;box-shadow:0 0 22px #ff405044}