:root{--ink: #16232b;--paper: #f4efe4;--accent: #1c6f8f;--accent-2: #d9782c;--hud-bg: rgba(20, 30, 36, .78);--hud-fg: #f2ede3;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:#cfd8dc;color:var(--ink)}button{font:inherit;cursor:pointer}#view{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#loading{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(160deg,#e9e3d3,#cbd6d8 60%,#9fb4bb);z-index:20;padding:16px}.loading-card{width:min(520px,100%);background:var(--paper);border-radius:6px;padding:36px 36px 28px;box-shadow:0 18px 50px #141e2440;border-top:6px solid var(--accent-2)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--accent)}.loading-card h1{margin:6px 0 4px;font-size:clamp(30px,6vw,44px);letter-spacing:-.01em}.loading-card .sub{margin:0 0 22px;color:#4c5a62}.bar{height:6px;background:#d9d2c2;border-radius:3px;overflow:hidden}#bar-fill{height:100%;width:0;background:var(--accent);transition:width .15s}#loading-status{margin-top:10px;font-size:13px;color:#4c5a62}#enter{margin-top:22px;width:100%;padding:14px;border:0;border-radius:4px;background:var(--ink);color:var(--paper);font-size:17px;letter-spacing:.02em}#enter:hover{background:#253842}.hint{font-size:13px;color:#4c5a62;margin:12px 0 0;line-height:1.45}.credit{margin:22px 0 0;padding-top:14px;border-top:1px solid #e0d9c8;font-size:12px;letter-spacing:.04em;color:#6b7a83}.credit a,.panel-credit a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(28,111,143,.35)}.credit a:hover,.panel-credit a:hover{border-bottom-color:var(--accent)}.panel-credit{font-size:13px;color:#6b7a83}.quality-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.quality-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#6b7a83}.segmented{display:inline-flex;border:1px solid #cfc7b5;border-radius:4px;overflow:hidden;background:#fff}.segmented button{border:0;background:transparent;padding:7px 14px;font-size:13px;color:#4c5a62;cursor:pointer}.segmented button+button{border-left:1px solid #cfc7b5}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.quality-note,.opt-note{font-size:12px;color:#6b7a83;flex-basis:100%;margin:0;line-height:1.4}.opt{margin:10px 0 14px}.opt-head{display:block;font-size:13px;font-weight:600;margin-bottom:6px}#look-sens{width:100%;accent-color:var(--accent)}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}#hud>*{pointer-events:auto}#crosshair{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 0 1px #00000059;pointer-events:none}#label{position:absolute;left:14px;bottom:48px;bottom:max(48px,calc(env(safe-area-inset-bottom) + 34px));background:var(--hud-bg);color:var(--hud-fg);padding:9px 14px;border-radius:4px;text-align:left;pointer-events:none;max-width:min(70vw,360px);border-left:3px solid var(--accent-2)}@media(pointer:coarse){#label{bottom:172px;bottom:max(172px,calc(env(safe-area-inset-bottom) + 158px))}}#label-name{font-size:16px;font-weight:600}#label-meta{font-size:12px;opacity:.8;margin-top:2px}#topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));background:linear-gradient(#141e248c,#141e2400);pointer-events:none}#title{color:#fff;font-weight:700;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.5)}#title span{font-weight:400;opacity:.8;margin-left:6px}#topbar-actions{display:flex;gap:6px;pointer-events:auto}#topbar-actions button{background:var(--hud-bg);color:var(--hud-fg);border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:7px 12px;font-size:13px;white-space:nowrap}#topbar-actions button:hover{background:#141e24f2}#minimap{position:absolute;right:14px;bottom:14px;bottom:max(14px,env(safe-area-inset-bottom));width:190px;background:var(--hud-bg);border-radius:4px;padding:6px;pointer-events:none}#minimap-img{display:block;width:100%;height:auto;border-radius:2px}#minimap-you{position:absolute;width:0;height:0;margin:-7px 0 0 -5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:12px solid var(--accent-2);filter:drop-shadow(0 0 2px rgba(0,0,0,.8));transform-origin:50% 70%}#controls-hint{position:absolute;left:14px;bottom:14px;bottom:max(14px,env(safe-area-inset-bottom));color:#fff;font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.7);pointer-events:none;opacity:.9;max-width:50vw;line-height:1.5}#touch{position:absolute;inset:0;pointer-events:none}#stick{position:absolute;left:28px;bottom:28px;bottom:max(28px,env(safe-area-inset-bottom));width:120px;height:120px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.35);pointer-events:none}#stick-knob{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;background:#ffffff8c}.panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px));background:var(--paper);color:var(--ink);border-radius:6px;padding:20px 22px;box-shadow:0 18px 50px #141e2459;border-top:5px solid var(--accent-2);line-height:1.5}.panel-title{font-weight:700;font-size:18px;margin-bottom:8px}.panel p{margin:0 0 10px;font-size:14px}.panel-close,#go-list button{display:block;width:100%;margin-top:8px;padding:10px 12px;border:1px solid #cfc7b5;background:#fff;border-radius:4px;text-align:left;font-size:14px}#go-list button:hover,.panel-close:hover{border-color:var(--accent);background:#f7fbfd}#go-list button small{display:block;color:#6b7a83;font-size:12px}@media(max-width:640px){#minimap{width:130px}#controls-hint{display:none}.loading-card{padding:26px 22px 22px}}