:root{--bg: #080b10;--bg-grid: #0d131b;--line-dim: #4c6a86;--line: #a9c4de;--accent: #ffb454;--accent-dim: rgba(255, 180, 84, .55);--text: #c9d6e2;--text-dim: #6b7c8f;--border: #1c2733}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--bg);overflow:hidden}body{font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace;color:var(--text);background-image:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);background-size:28px 28px}#frame{position:relative;width:100%;height:100%;display:flex;flex-direction:column}#hud-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 12px;border-bottom:1px solid var(--border);flex:0 0 auto;z-index:3;pointer-events:none}.masthead-title{margin:0;font-size:clamp(26px,7.8vw,42px);line-height:1.02;font-weight:600;letter-spacing:.01em;text-transform:uppercase;color:var(--text)}.masthead-year{font-size:clamp(26px,7.8vw,42px);line-height:1.02;font-weight:600;letter-spacing:.04em;color:var(--accent);font-variant-numeric:tabular-nums}#story{flex:0 0 auto;margin:0;padding:12px 16px 4px;font-size:clamp(12px,3.4vw,15px);line-height:1.5;letter-spacing:.02em;color:var(--text-dim);z-index:3}#scene-wrap{position:relative;flex:1 1 auto;min-height:0;margin:8px 10px}#globe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}#labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.pin-label{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;font-size:9.5px;letter-spacing:.03em;color:var(--text);pointer-events:none;will-change:transform,opacity;display:flex;flex-direction:column;align-items:center;line-height:1.35;text-shadow:0 0 4px var(--bg),0 0 4px var(--bg)}.pin-label .pin-city{color:var(--accent);font-weight:500}.pin-label .pin-coord{color:var(--text-dim);font-size:8.5px}.pin-label:after{content:"";width:1px;height:10px;background:var(--accent-dim);margin-top:2px}.arc-label{position:absolute;transform:translate(-50%,-50%);font-size:8.5px;letter-spacing:.04em;color:var(--line);pointer-events:none;white-space:nowrap;text-shadow:0 0 4px var(--bg),0 0 4px var(--bg)}.reticle-corner{position:absolute;width:18px;height:18px;border:1px solid var(--line-dim);opacity:.8;pointer-events:none}.corner-tl{top:-2px;left:-2px;border-right:none;border-bottom:none}.corner-tr{top:-2px;right:-2px;border-left:none;border-bottom:none}.corner-bl{bottom:-2px;left:-2px;border-right:none;border-top:none}.corner-br{bottom:-2px;right:-2px;border-left:none;border-top:none}#hint{position:absolute;left:0;right:0;bottom:10px;margin:0;padding:0 8px;text-align:center;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);pointer-events:none;z-index:4;opacity:0;animation:hint-in .9s ease-out .6s forwards}#hint.is-dismissed{animation:none;opacity:0;transition:opacity .4s ease-out}@keyframes hint-in{to{opacity:1}}@media(prefers-reduced-motion:reduce){#hint{animation:none;opacity:1}#hint.is-dismissed{transition:none}}#scene-status{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);margin:0;padding:0 24px;text-align:center;font-size:10px;line-height:1.7;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);pointer-events:none;z-index:4;animation:status-pulse 1.6s ease-in-out infinite}#scene-status.is-done{display:none}#scene-status.is-error{animation:none;color:var(--text);text-transform:none;letter-spacing:.04em;font-size:12px}@keyframes status-pulse{0%,to{opacity:.45}50%{opacity:1}}@media(prefers-reduced-motion:reduce){#scene-status{animation:none;opacity:1}}body.og-capture #scene-status,body.og-capture .reticle-corner,body.og-capture #hint,body.og-capture #reset,body.og-capture #hud-top,body.og-capture #story,body.og-capture #stats-bar{display:none}body.og-capture #frame{max-width:none;border:none}body.og-capture #scene-wrap{margin:0}#reset{position:absolute;right:8px;bottom:8px;margin:0;padding:10px 13px;font-family:inherit;font-size:9.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:#080b10d9;border:1px solid var(--border);border-radius:2px;cursor:pointer;z-index:5;opacity:0;transition:opacity .3s ease-out,border-color .15s ease-out}#reset.is-visible{opacity:1}#reset:hover,#reset:focus-visible{border-color:var(--accent-dim);outline:none}@media(prefers-reduced-motion:reduce){#reset{transition:none}}#stats-bar{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px;border-top:1px solid var(--border);background:#080b10e6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:12px 4px calc(12px + env(safe-area-inset-bottom,0px));z-index:3}.stat{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;border-left:1px solid var(--border);padding:0 2px}.stat:nth-child(3n+1){border-left:none}.stat-value{font-size:17px;font-weight:600;color:var(--line);font-variant-numeric:tabular-nums;letter-spacing:.02em;max-width:100%;overflow:hidden}.stat-label{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);text-align:center}@media(max-height:560px){.masthead-title{font-size:22px}.masthead-year{font-size:16px}#story{padding-top:6px;padding-bottom:0}#hint{bottom:4px}#stats-bar{row-gap:8px;padding-top:8px}}@media(min-width:640px){#frame{max-width:480px;margin:0 auto;border-left:1px solid var(--border);border-right:1px solid var(--border)}}