:root{--ink:#12161b;--paper:#f2efe8;--panel:#0e1216eb;--panel-solid:#141a20;--line:#f2efe824;--accent:#c9a85c;--accent-ink:#12161b;--good:#7cb89a;--muted:#f2efe8a3;--font:"Outfit", system-ui, sans-serif;--display:"Fraunces", Georgia, serif}*{box-sizing:border-box}html,body{height:100%;color:var(--paper);font-family:var(--font);background:#0a0e12;margin:0;overflow:hidden}#app{position:fixed;inset:0}.viewports{width:100%;height:100%;display:flex;position:fixed;inset:0}.pane{flex:100%;min-width:0;height:100%;position:relative;overflow:hidden}.viewports.split .pane-twin,.viewports.split .pane-reality{flex:50%}.pane[hidden]{display:none!important}.pane canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.pane-label{z-index:4;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);pointer-events:none;background:#080a0cb8;padding:.25rem .55rem;font-size:.68rem;position:absolute;top:4.6rem;left:.75rem}body.mode-gate .pane-label{top:.75rem}.pane-reality .pane-label{color:var(--accent)}.pane-note{z-index:4;color:var(--muted);pointer-events:none;margin:0;font-size:.65rem;position:absolute;bottom:2.2rem;left:.75rem}.gate{z-index:8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(115deg,#080b0e8c 0%,#080b0e47 45%,#080b0eb8 100%),radial-gradient(at 70% 40%,#0000 0%,#080b0e80 70%);place-items:center;padding:1.25rem;transition:opacity .45s,visibility .45s;display:grid;position:fixed;inset:0}.gate[hidden]{display:none}.gate.leaving{opacity:0;visibility:hidden;pointer-events:none}.gate-card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(28rem,100%);padding:1.75rem 1.6rem 1.5rem;animation:.55s both gate-in;box-shadow:0 28px 80px #00000073}@keyframes gate-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.gate-brand{font-family:var(--display);letter-spacing:-.03em;margin:0 0 .35rem;font-size:clamp(2.4rem,6vw,3.1rem);font-weight:700;line-height:1}.gate-card h1{font-family:var(--display);letter-spacing:-.02em;color:#f2efe8eb;margin:0 0 .65rem;font-size:clamp(1.35rem,3.5vw,1.65rem);font-weight:500;line-height:1.2}.gate-lede{color:var(--muted);margin:0 0 1rem;font-size:.98rem;line-height:1.5}.gate-bullets{flex-direction:column;gap:.45rem;margin:0 0 1.35rem;padding:0;list-style:none;display:flex}.gate-bullets li{color:#f2efe8d1;padding-left:1.1rem;font-size:.88rem;line-height:1.35;position:relative}.gate-bullets li:before{content:"";background:var(--accent);width:.45rem;height:.45rem;position:absolute;top:.45rem;left:0}.gate-actions{flex-direction:column;gap:.5rem;display:flex}.gate-actions .btn{width:100%}.gate-meta{letter-spacing:.06em;text-transform:uppercase;color:#f2efe866;margin:1rem 0 0;font-size:.72rem}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .35rem;font-size:.72rem;font-weight:600}.topbar{z-index:5;pointer-events:none;background:linear-gradient(#080a0cbf,#0000);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.15rem;display:flex;position:fixed;top:0;left:0;right:0}.topbar[hidden]{display:none}.brand{pointer-events:none;flex-direction:column;gap:.1rem;display:flex}.brand-mark{font-family:var(--display);letter-spacing:-.02em;font-size:1.45rem;font-weight:700;line-height:1}.brand-sub{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.topbar-right{pointer-events:auto;align-items:center;gap:.65rem;display:flex}.progress-wrap{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.progress-pill{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.4rem .75rem;font-size:.85rem;font-weight:600}.progress-bar{background:#f2efe81f;width:5.5rem;height:3px;overflow:hidden}.progress-fill{background:var(--accent);width:0%;height:100%;transition:width .35s}.btn.compact{white-space:nowrap;flex:none;padding:.45rem .7rem;font-size:.78rem}.tour-banner{z-index:7;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:.75rem;width:min(34rem,100vw - 2rem);padding:.75rem .85rem;display:flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #0006}.tour-banner[hidden]{display:none}.tour-banner p{color:#f2efe8e6;flex:1;margin:0;font-size:.9rem;line-height:1.35}.legend{z-index:5;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;width:10.5rem;padding:.7rem .75rem;position:fixed;bottom:2.4rem;right:1rem}.legend[hidden]{display:none}.legend-title{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 .45rem;font-size:.68rem;font-weight:600}.legend ul{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.legend li{color:var(--muted);align-items:center;gap:.45rem;font-size:.72rem;display:flex}.legend .swatch{border:1px solid #00000040;flex:none;width:.7rem;height:.7rem}.legend .swatch.res{background:#e6d7c2}.legend .swatch.com{background:#dcc4a4}.legend .swatch.pub{background:#d0cbc2}.legend .swatch.civ{background:#e8e0d0}.legend .swatch.util{background:#9a948c}body.maponly .gate,body.maponly .topbar,body.maponly .hunt-panel,body.maponly .legend,body.maponly .credits,body.maponly .pane-label,body.maponly .complete-modal{display:none!important}body.maponly .tour-banner{bottom:1rem}body.touring .hunt-panel{opacity:.35;pointer-events:none}.hero-badge{z-index:6;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.04em;color:var(--accent);pointer-events:none;background:#0e1216e0;padding:.35rem .75rem;font-size:.72rem;position:fixed;top:4.6rem;left:50%;transform:translate(-50%)}.hero-badge[hidden]{display:none}body.maponly .hero-badge{top:.75rem}.hunt-panel{z-index:5;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(22rem,100vw - 2rem);max-height:calc(100vh - 7rem);padding:1.1rem 1.15rem 1.2rem;animation:.4s both panel-in;position:fixed;top:4.5rem;left:1rem;overflow:auto;box-shadow:0 18px 50px #00000059}.hunt-panel[hidden]{display:none}@keyframes panel-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.hunt-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.hunt-step{color:var(--muted);margin:0;font-size:.75rem;font-weight:600}.hunt-panel h2{font-family:var(--display);letter-spacing:-.02em;margin:.15rem 0 .4rem;font-size:1.4rem;font-weight:700;line-height:1.15}.lede,.complete-card p{color:var(--muted);margin:0 0 .85rem;font-size:.9rem;line-height:1.45}.stop-photo{object-fit:cover;border:1px solid var(--line);background:#0d1116;width:100%;height:8rem;margin:0 0 .5rem;display:block}.angle-strip{gap:.35rem;margin:0 0 .85rem;display:flex;overflow-x:auto}.angle-strip button{cursor:pointer;background:0 0;border:1px solid #0000;flex:none;padding:0}.angle-strip button.active{border-color:var(--accent)}.angle-strip img{object-fit:cover;width:3.2rem;height:3.2rem;display:block}.btn.reality{opacity:.9;width:100%;margin-bottom:.65rem;font-size:.8rem}.stops{flex-direction:column;gap:.3rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.stops li button{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:#ffffff08;border:1px solid #0000;grid-template-columns:1.5rem 1fr auto;align-items:center;gap:.55rem;padding:.5rem .55rem;font-size:.88rem;transition:border-color .15s,background .15s;display:grid}.stops li button:hover,.stops li button.active{background:#c9a85c14;border-color:#c9a85c73}.stops li button.found{color:var(--good)}.stops .num{color:var(--muted);font-size:.72rem;font-weight:600}.stops .check{color:var(--good);min-width:1rem;font-size:.75rem}.hunt-actions{gap:.5rem;margin-bottom:.65rem;display:flex}.btn{appearance:none;border:1px solid var(--line);color:var(--paper);font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:.65rem .85rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s,filter .15s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);flex:1}.btn.primary:hover:not(:disabled){filter:brightness(1.06)}.btn.ghost{flex:1}.btn.ghost:hover:not(:disabled){border-color:#f2efe859}.btn.subtle{opacity:.75;border-color:#0000;font-size:.82rem;font-weight:500}.hint{color:var(--muted);margin:0;font-size:.78rem}.credits{z-index:5;color:#f2efe86b;pointer-events:none;text-shadow:0 1px 2px #0009;white-space:pre-wrap;max-width:calc(100vw - 2rem);font-size:.68rem;position:fixed;bottom:.75rem;left:1rem;right:1rem}body.mode-gate .credits{max-width:min(36rem,100vw - 2rem);bottom:1rem}.load-state{z-index:12;font-family:var(--display);background:radial-gradient(#1a222c 0%,#0a0e12 70%);place-items:center;font-size:1.35rem;transition:opacity .4s,visibility .4s;display:grid;position:fixed;inset:0}.load-state.hidden{opacity:0;visibility:hidden;pointer-events:none}.complete-modal{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080a0cc7;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.complete-modal[hidden]{display:none}.complete-card{border:1px solid var(--line);background:var(--panel-solid);flex-direction:column;gap:.55rem;width:min(26rem,100%);padding:1.6rem 1.45rem 1.35rem;animation:.4s both gate-in;display:flex}.complete-card h2{font-family:var(--display);letter-spacing:-.02em;margin:0 0 .2rem;font-size:1.55rem;font-weight:700;line-height:1.15}.complete-card .btn{flex:none;width:100%}.complete-stats{grid-template-columns:1fr 1fr;gap:.65rem;margin:.35rem 0 .65rem;display:grid}.complete-stats>div{border:1px solid var(--line);background:#ffffff08;flex-direction:column;gap:.15rem;padding:.7rem .8rem;display:flex}.complete-stats strong{font-family:var(--display);font-size:1.45rem;font-weight:700;line-height:1}.complete-stats span{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.72rem}@media (max-width:720px){.viewports.split{flex-direction:column}.viewports.split .pane-twin,.viewports.split .pane-reality{flex:50%;min-height:28vh}.pane-label{top:.5rem}.gate-card{padding:1.35rem 1.2rem 1.2rem}.topbar{padding:.7rem .85rem}.btn.compact#btn-top-cta,.legend{display:none}.tour-banner{bottom:calc(42vh + .5rem)}body.maponly .tour-banner{bottom:1rem}.hunt-panel{border-bottom:none;border-left:none;border-right:none;width:100%;max-height:42vh;animation:none;inset:auto 0 0}.credits{font-size:.6rem;bottom:calc(42vh + .4rem)}body.mode-gate .credits{bottom:.75rem}}