@font-face{font-family:Chakra Petch;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/chakra-petch-400-SafcrIr2.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/chakra-petch-500-BR1ody1F.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/chakra-petch-600-DVQm9bgb.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/chakra-petch-700-CnDBPjkL.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/assets/jetbrains-mono-6fWv1k7M.woff2) format("woff2")}:root{color-scheme:dark;--bg: #070b0a;--bg-2: #0a100e;--panel: #0e1512;--panel-raised: #131c18;--line: #223029;--line-bright: #38504494;--accent: #f2a900;--accent-dim: #7a5a12;--accent-glow: #f2a90033;--good: #3ddc84;--good-dim: #1c5f3c;--warn: #ff4d4d;--warn-dim: #6e2020;--info: #4bb7d6;--text: #d7e2dc;--text-dim: #8fa298;--text-mute: #5c6f66;--guess-pin: var(--accent);--actual-pin: var(--good);--font-display: "Chakra Petch", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", monospace;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--r1: 4px;--r2: 8px;--r3: 12px;--shadow: 0 8px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .6);--dur-fast: .12s;--dur: .22s;--dur-slow: .48s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease: cubic-bezier(.4, 0, .2, 1);font-family:var(--font-display);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-display);overflow-x:hidden}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}body:before{background:radial-gradient(120% 90% at 50% -10%,#12211b 0%,transparent 55%),radial-gradient(120% 90% at 50% 110%,#0b1512 0%,transparent 55%),repeating-linear-gradient(0deg,transparent 0 39px,#ffffff06 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,#ffffff06 39px 40px)}body:after{background:repeating-linear-gradient(0deg,#0000 0,#0000 2px,#0000000f 2px,#0000000f 3px),radial-gradient(130% 120% at 50% 50%,transparent 60%,#000000b0 100%);opacity:.7}#root{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--s4);min-height:100vh;padding:var(--s5) var(--s4) var(--s7)}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:.02em}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.readout{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--text-mute)}.hud-panel{position:relative;width:100%;max-width:680px;background:linear-gradient(180deg,var(--panel-raised),var(--panel));border:1px solid var(--line);border-radius:var(--r3);padding:var(--s5);box-shadow:var(--shadow)}.hud-panel:before,.hud-panel:after{content:"";position:absolute;width:16px;height:16px;border:1.5px solid var(--accent);opacity:.55;pointer-events:none}.hud-panel:before{top:7px;left:7px;border-right:none;border-bottom:none;border-top-left-radius:4px}.hud-panel:after{bottom:7px;right:7px;border-left:none;border-top:none;border-bottom-right-radius:4px}.hud-panel__label{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s4);font-family:var(--font-mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent)}.hud-panel__label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line-bright),transparent)}.hud-panel--plain{padding:var(--s4)}button{font-family:var(--font-display);font-weight:600;letter-spacing:.04em;font-size:14px;color:#10130c;background:var(--accent);border:1px solid var(--accent);border-radius:var(--r2);padding:11px 18px;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur) var(--ease-out),background var(--dur) var(--ease),filter var(--dur) var(--ease)}button:hover{filter:brightness(1.08);box-shadow:0 0 0 1px var(--accent),0 0 18px var(--accent-glow)}button:active{transform:translateY(1px) scale(.99)}button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}button:disabled{opacity:.4;cursor:not-allowed;filter:none;box-shadow:none;transform:none}.btn-ghost{color:var(--text);background:transparent;border:1px solid var(--line-bright)}.btn-ghost:hover{background:#ffffff08;box-shadow:0 0 0 1px var(--line-bright);filter:none}.btn-danger{color:var(--warn);background:transparent;border:1px solid var(--warn-dim)}.btn-danger:hover{background:#ff4d4d14;box-shadow:none;filter:none}.btn-block{width:100%}.avatar{--sz: 32px;width:var(--sz);height:var(--sz);flex:0 0 auto;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--panel-raised);border:1px solid var(--line-bright);font-family:var(--font-mono);font-size:calc(var(--sz) * .4);font-weight:600;color:var(--accent);text-transform:uppercase;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar--sm{--sz: 24px}.avatar--lg{--sz: 56px}.avatar--ring{box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--accent)}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:4px 8px;border-radius:var(--r1);border:1px solid var(--line-bright);color:var(--text-dim)}.badge--diff-easy{color:var(--good);border-color:var(--good-dim)}.badge--diff-medium{color:var(--accent);border-color:var(--accent-dim)}.badge--diff-hard{color:var(--warn);border-color:var(--warn-dim)}.badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.chip{display:inline-flex;align-items:center;gap:var(--s2);padding:6px 12px 6px 6px;border:1px solid var(--line-bright);border-radius:999px;background:#ffffff06}.chip__meta{display:flex;flex-direction:column;line-height:1.15}.chip__meta small{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;color:var(--text-mute);text-transform:uppercase}.chip__meta span{font-size:13px;font-weight:600}.location-photo{width:100%;border-radius:var(--r2);display:block}.intel{position:relative;border-radius:var(--r2);overflow:hidden;border:1px solid var(--line)}.intel__frame{position:relative;aspect-ratio:16 / 9;background:var(--bg-2)}.intel__frame img{width:100%;height:100%;object-fit:cover;display:block}.intel__caption{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;padding:var(--s2) var(--s3);background:#0005;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#0f1714 30%,#16221d,#0f1714 70%);background-size:220% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-220% 0}}.map-guesser{position:relative;width:100%;aspect-ratio:1 / 1;line-height:0;border-radius:var(--r2);overflow:hidden;border:1px solid var(--line);background:var(--bg-2);touch-action:none;-webkit-user-select:none;user-select:none}.map-guesser__viewport{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0;will-change:transform}.map-guesser__viewport img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;pointer-events:none}.map-guesser--grab{cursor:grab}.map-guesser--grabbing{cursor:grabbing}.map-guesser--crosshair{cursor:crosshair}.reticle{position:absolute;width:0;height:0;transform:translate(-50%,-50%) scale(var(--inv, 1));pointer-events:none;color:var(--guess-pin);z-index:4}.reticle--actual{color:var(--actual-pin);z-index:5}.reticle--dim{opacity:.5;z-index:3}.reticle__mark{position:absolute;width:26px;height:26px;left:0;top:0;transform:translate(-50%,-50%);color:inherit}.reticle--sm .reticle__mark{width:18px;height:18px}.reticle__ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid currentColor;border-radius:50%;box-shadow:0 0 8px 0 currentColor,inset 0 0 4px #00000080}.reticle__ring:before,.reticle__ring:after{content:"";position:absolute;background:currentColor}.reticle__ring:before{left:50%;top:-5px;width:1.5px;height:8px;transform:translate(-50%)}.reticle__ring:after{top:50%;left:-5px;height:1.5px;width:8px;transform:translateY(-50%)}.reticle__dot{position:absolute;top:40%;right:40%;bottom:40%;left:40%;background:currentColor;border-radius:50%}.reticle--placing .reticle__mark{animation:reticle-lock var(--dur) var(--ease-out)}@keyframes reticle-lock{0%{transform:translate(-50%,-50%) scale(1.9);opacity:0}60%{transform:translate(-50%,-50%) scale(.9);opacity:1}to{transform:translate(-50%,-50%) scale(1)}}.map-controls{position:absolute;bottom:var(--s3);right:var(--s3);display:flex;gap:6px;z-index:3}.map-controls button{width:34px;height:34px;padding:0;display:grid;place-items:center;font-size:18px;line-height:1;background:#0c1310cc;color:var(--text);border:1px solid var(--line-bright);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.map-controls button:hover{color:var(--accent);box-shadow:none;filter:none;background:#0c1310}.map-hint{position:absolute;top:var(--s3);left:var(--s3);z-index:3;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);background:#0c1310aa;border:1px solid var(--line);border-radius:var(--r1);padding:4px 8px;pointer-events:none}.distance-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}.distance-svg line{stroke:var(--accent);stroke-width:2;stroke-dasharray:6 5;filter:drop-shadow(0 0 4px var(--accent-glow));animation:dash-draw .6s var(--ease-out) both}@keyframes dash-draw{0%{stroke-dashoffset:240;opacity:0}to{stroke-dashoffset:0;opacity:1}}.statusbar{display:flex;align-items:center;gap:var(--s4);padding:var(--s3) var(--s4)}.statusbar__stat{display:flex;flex-direction:column;line-height:1.1}.statusbar__stat small{font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-mute)}.statusbar__stat b{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.statusbar__spacer{flex:1}.round-pips{display:flex;gap:5px}.round-pip{width:22px;height:4px;border-radius:2px;background:var(--line)}.round-pip--done{background:var(--accent-dim)}.round-pip--active{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.timer{position:relative;width:46px;height:46px}.timer svg{transform:rotate(-90deg);display:block}.timer__track{fill:none;stroke:var(--line);stroke-width:4}.timer__prog{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .95s linear,stroke var(--dur)}.timer--low .timer__prog{stroke:var(--warn)}.timer--low{animation:pulse .9s ease-in-out infinite}.timer__text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-mono);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}@keyframes pulse{50%{opacity:.55}}.guess-progress{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.guess-progress__dots{display:flex;gap:6px}.gp-dot{width:10px;height:10px;border-radius:50%;background:var(--line);border:1px solid var(--line-bright);transition:background var(--dur),box-shadow var(--dur)}.gp-dot--in{background:var(--good);border-color:var(--good);box-shadow:0 0 8px #3ddc8455}.row{display:flex;align-items:center;gap:var(--s3);padding:10px 12px;border-radius:var(--r2);border:1px solid transparent}.row+.row{margin-top:6px}.row--alt{background:#ffffff05}.row--me{border-color:var(--accent-dim);background:var(--accent-glow)}.row__rank{width:26px;flex:0 0 auto;text-align:center;font-family:var(--font-mono);font-weight:700;font-size:14px;color:var(--text-mute)}.row__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.row__score{font-family:var(--font-mono);font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.row__sub{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.rank-1{color:#ffd24a}.rank-2{color:#cfd8dc}.rank-3{color:#e08a4b}.leaderboard-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line)}.podium{display:flex;align-items:flex-end;justify-content:center;gap:var(--s3);margin:var(--s4) 0 var(--s5)}.podium__col{display:flex;flex-direction:column;align-items:center;gap:var(--s2);width:96px}.podium__stand{width:100%;border-radius:var(--r2) var(--r2) 0 0;background:linear-gradient(180deg,var(--panel-raised),var(--panel));border:1px solid var(--line-bright);border-bottom:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:var(--s2);animation:rise var(--dur-slow) var(--ease-out) both}.podium__stand--1{height:96px;border-color:#ffd24a55;box-shadow:0 0 24px #ffd24a22}.podium__stand--2{height:70px}.podium__stand--3{height:52px}.podium__place{font-family:var(--font-mono);font-size:18px;font-weight:700}.podium__name{font-size:12px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium__score{font-family:var(--font-mono);font-size:12px;color:var(--accent)}@keyframes rise{0%{transform:translateY(24px);opacity:0}}.menu{text-align:center}.menu__title{font-size:clamp(38px,9vw,64px);font-weight:700;letter-spacing:.06em;line-height:.95;background:linear-gradient(180deg,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px var(--accent-glow)}.menu__tagline{font-family:var(--font-mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--text-dim);margin-top:var(--s3)}.menu__cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-top:var(--s5)}.mode-card{text-align:left;padding:var(--s4);border-radius:var(--r2);border:1px solid var(--line-bright);background:linear-gradient(180deg,var(--panel-raised),var(--panel));color:var(--text);cursor:pointer;transition:transform var(--dur) var(--ease-out),border-color var(--dur),box-shadow var(--dur);display:flex;flex-direction:column;gap:var(--s2)}.mode-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 10px 30px #0006,0 0 0 1px var(--accent-dim);filter:none}.mode-card:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.mode-card__icon{font-size:22px}.mode-card__title{font-size:17px;font-weight:600;letter-spacing:.03em}.mode-card__desc{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);line-height:1.4}.loading-hud{display:flex;flex-direction:column;align-items:center;gap:var(--s3);padding:var(--s6) var(--s4)}.loading-hud__scan{width:120px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:60% 100%;animation:scan 1.1s var(--ease) infinite}@keyframes scan{0%{background-position:-50% 0}to{background-position:150% 0}}.loading-hud__text{font-family:var(--font-mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--text-dim)}.loading-hud__text:after{content:"_";animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.result-line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);margin-top:var(--s4);font-family:var(--font-mono)}.result-line__dist{color:var(--text-dim);font-size:13px}.result-line__signal{font-size:11px;letter-spacing:.18em;text-transform:uppercase}.result-line__score{font-size:26px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.signal-strong{color:var(--good)}.signal-mid{color:var(--accent)}.signal-weak{color:var(--warn)}.enter{opacity:0;animation:enter var(--dur-slow) var(--ease-out) forwards}.enter-1{animation-delay:.04s}.enter-2{animation-delay:.12s}.enter-3{animation-delay:.2s}.enter-4{animation-delay:.28s}@keyframes enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 480px){.hud-panel{padding:var(--s4)}.menu__cards{grid-template-columns:1fr}#root{padding:var(--s4) var(--s3) var(--s6);gap:var(--s3)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.enter{opacity:1}}