@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Mono:wght@400;500&display=swap";:root{font-family:DM Mono,Consolas,monospace;color:#f2f6ff;background:#071426;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #f2f6ff;--muted: #a9bad3;--faint: rgba(226, 236, 255, .62);--line: rgba(125, 167, 224, .25);--signal: #ef3340;--blue: #2584f4}*{box-sizing:border-box}html,body,#game-shell{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:0}#game-shell{position:relative;isolation:isolate;background:#747d78}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(15,19,18,.09),transparent 29%,transparent 68%,rgba(15,19,18,.18))}.hud{position:absolute;top:0;left:0;width:min(100%,430px);padding:17px 20px 14px;color:var(--ink);background:linear-gradient(90deg,rgba(7,20,38,.96),rgba(7,20,38,.78) 75%,transparent);border-bottom:1px solid rgba(113,163,230,.3);border-right:1px solid rgba(113,163,230,.2);animation:reveal-in .5s ease-out both}#game-shell:not(.is-playing) .hud,#game-shell:not(.is-playing) .session-best,#game-shell:not(.is-playing) .crosshair,#game-shell:not(.is-playing) .combo-display,#game-shell:not(.is-playing) .bottom-bar,#game-shell:not(.is-playing) #tether-overlay{visibility:hidden}.hud-brand{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.08em;color:#b8c8df}.hud-brand b{color:var(--blue);font-weight:500}.location-readout{margin-top:9px;color:#e6eddd;font-size:11px;line-height:1.4;max-width:100%;overflow-wrap:anywhere}.brand-mark{width:7px;height:7px;background:var(--signal);transform:rotate(45deg)}.readouts{display:flex;align-items:end;gap:18px;margin-top:15px}.readout{display:grid;gap:3px;min-width:76px}.readout>span,.secondary-readout{color:var(--muted);font-size:8px;letter-spacing:.08em}.readout strong{font-family:Barlow Condensed,Impact,sans-serif;font-size:23px;line-height:.95;font-weight:600}.readout small{color:var(--faint);font-size:9px}.readout-speed{min-width:112px}.readout-speed strong{color:var(--signal);font-size:32px}.readout-speed small{position:absolute;margin:22px 0 0 84px}.secondary-readout{display:none;flex-wrap:wrap;gap:7px 12px;margin-top:13px}.hud.is-details-open .secondary-readout{display:flex}.secondary-readout b{color:var(--ink);font-weight:400}#move-state[data-grounded=true]{color:var(--blue)}.session-best{position:absolute;top:14px;right:16px;z-index:3;display:grid;justify-items:end;gap:2px;min-width:100px;padding:7px 10px 8px;border-right:2px solid var(--signal);background:#071426e6;color:var(--ink);font-variant-numeric:tabular-nums}.session-best span{color:var(--muted);font-size:8px;letter-spacing:.08em}.session-best strong{color:var(--blue);font:600 23px/.9 Barlow Condensed,Impact,sans-serif}.crosshair{position:absolute;top:50%;left:50%;width:28px;height:28px;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));pointer-events:none}.crosshair.is-hidden{display:none}.crosshair:before,.crosshair:after,.crosshair i,.crosshair b{position:absolute;content:"";background:#f7f4e5f0}.crosshair:before,.crosshair:after{top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before{width:2px;height:14px}.crosshair:after{width:14px;height:2px}.crosshair i{width:4px;height:4px;top:12px;left:12px;background:#fff6cc}.crosshair b{top:50%;left:50%;width:8px;height:8px;transform:translate(-50%,-50%);border:1px solid #ffe6a6;border-radius:50%;background:transparent;opacity:0}.combo-display{position:absolute;bottom:72px;left:50%;z-index:3;display:grid;justify-items:center;gap:7px;transform:translate(-50%) skew(-8deg);opacity:0;visibility:hidden;pointer-events:none;filter:brightness(1.35) saturate(1.25) drop-shadow(0 3px 5px rgba(14,20,19,.7));transition:opacity .14s ease,visibility .14s ease}.combo-display.is-active{opacity:1;visibility:visible}.combo-word{display:flex;align-items:center;gap:1px;min-height:44px}.combo-word span{min-width:.62em;color:transparent;background:linear-gradient(90deg,var(--start-color),var(--end-color));background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:1px rgba(255,255,255,.72);font:800 48px/.9 Barlow Condensed,Impact,sans-serif;text-align:center}.combo-peak{color:#8cbcff;font:500 12px DM Mono,Consolas,monospace;text-shadow:0 1px 3px rgba(0,0,0,.9)}#tether-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}#tether-marker{opacity:0}#tether-marker path{fill:none;stroke:#fff1c4;stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}#tether-marker .tether-center{fill:#fff1c4;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}#tether-marker .tether-ring{fill:none;stroke:#ffe6a6f2;stroke-width:1.5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.75))}#tether-marker .tether-pulse{fill:none;stroke:#ffe6a6e6;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}#tether-overlay.is-active #tether-marker{opacity:1}#tether-overlay.is-active .tether-pulse{transform-box:fill-box;transform-origin:center;animation:tether-ring .52s ease-out infinite}.bottom-bar{position:absolute;left:0;bottom:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;width:100%;min-height:50px;padding:10px 26px;background:#071426eb;border-top:1px solid rgba(113,163,230,.28);color:var(--faint);font-size:9px;animation:reveal-in .65s .1s ease-out both}.control-key{color:#f2f6ff;white-space:nowrap}.control-key span{margin-left:5px;color:#a9bad3}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.entry-screen{position:absolute;top:50%;left:50%;z-index:4;width:min(510px,calc(100% - 36px));padding:28px 34px 24px;transform:translate(-50%,-50%);background:#081a30;border:1px solid rgba(87,148,232,.48);box-shadow:0 24px 80px #02091494;transition:opacity .18s ease,visibility .18s ease}.entry-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.entry-screen{max-height:calc(100dvh - 40px);overflow-y:auto}.map-control{display:grid;gap:8px;margin-bottom:20px;font-size:9px;color:var(--muted)}.map-control select{width:100%;min-height:36px;border:1px solid var(--line);border-radius:0;padding:6px 9px;background:#10243b;color:var(--ink);font:inherit;font-size:12px}.entry-screen button:disabled{opacity:.5;cursor:wait}.map-attribution{position:absolute;right:8px;bottom:56px;z-index:3;max-width:calc(100% - 16px);padding:4px 6px;background:#071426e0;color:#e2ecff;font-size:9px}.map-attribution[hidden]{display:none}@media(max-width:620px){.map-attribution{bottom:76px}}.entry-rule{width:38px;height:3px;background:var(--signal);margin-bottom:21px}.entry-kicker{margin:0;color:#8cbcff;font-size:9px;letter-spacing:.09em}.entry-screen h1{margin:13px 0 11px;color:var(--blue);font-family:Barlow Condensed,Impact,sans-serif;font-size:64px;line-height:.95;font-weight:700;white-space:nowrap}.entry-screen h1 em{color:var(--signal);font-style:normal}.entry-copy{margin:18px 0 23px;max-width:340px;color:#c0cde0;font-size:11px;line-height:1.65}.sensitivity-control{display:grid;gap:9px;margin:0 0 20px}.sensitivity-label{display:flex;align-items:center;justify-content:space-between;color:#a9bad3;font-size:9px;letter-spacing:.08em}.sensitivity-label output{color:#8cbcff;font-variant-numeric:tabular-nums}.sensitivity-control input{width:100%;height:16px;margin:0;accent-color:var(--signal);cursor:pointer}.invert-y-control{display:flex;align-items:center;gap:9px;margin:-3px 0 19px;color:#a9bad3;font-size:9px;letter-spacing:.08em;cursor:pointer}.invert-y-control input{width:14px;height:14px;margin:0;accent-color:var(--signal);cursor:pointer}.entry-screen button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:47px;padding:0 15px;border:1px solid #ff5964;background:#e92737;color:#fff7f7;font:500 10px DM Mono,Consolas,monospace;letter-spacing:.04em;cursor:pointer}.entry-screen button:hover{background:#1675e8;border-color:#65aaff}.entry-screen button b{font-size:18px;font-weight:400}.entry-footnote{display:flex;justify-content:space-between;gap:12px;margin:17px 0 0;color:#a9bad3;font-size:8px;letter-spacing:.05em}.entry-footnote span{color:#8cbcff;text-align:right}.load-error{position:absolute;left:50%;top:24px;width:min(620px,calc(100% - 24px));padding:13px 16px;transform:translate(-50%);background:#3a1723;border:1px solid #ef3340;color:#ffe9eb;font-size:12px;line-height:1.5}@keyframes reveal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:620px){.hud{width:100%;padding:12px 14px 11px}.hud-brand{font-size:8px}.location-readout:not([hidden]){margin-top:32px;font-size:10px}.location-readout:not([hidden])+.readouts{margin-top:12px}.readouts{gap:8px;margin-top:30px;justify-content:space-between}.session-best{top:10px;right:10px;min-width:82px;padding:6px 7px}.session-best span{font-size:7px}.session-best strong{font-size:20px}.readout{min-width:58px}.readout-speed{min-width:96px}.readout-speed strong{font-size:28px}.readout-speed small{margin:20px 0 0 72px}.readout strong{font-size:19px}.readout>span,.secondary-readout{font-size:8px}.secondary-readout{gap:5px 10px;margin-top:10px}.combo-display{bottom:80px}.combo-word{min-height:38px}.combo-word span{font-size:40px}.bottom-bar{gap:7px 12px;min-height:62px;padding:9px 13px;font-size:8px}.control-key span{margin-left:3px}.entry-screen{padding:23px 22px 20px}.entry-screen h1{font-size:52px}.sensitivity-control{margin-bottom:17px}}@media(max-width:360px){.entry-screen h1{font-size:36px}}@media(max-width:240px){.entry-screen h1{font-size:29px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@keyframes tether-expand{0%{opacity:.25}55%{opacity:1}to{opacity:.9}}@keyframes tether-ring{0%{transform:scale(1);opacity:.9}to{transform:scale(3.8);opacity:0}}
