:root{--ink:#1a1f24;--paper:#f3efe6;--panel:#12161be0;--line:#f3efe624;--accent:#c4a35a;--accent-ink:#1a1f24;--good:#7cb89a;--muted:#f3efe69e;--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:#0d1116;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}.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}.topbar{z-index:5;pointer-events:none;background:linear-gradient(#080a0cb3,#0000);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:fixed;top:0;left:0;right:0}.brand{flex-direction:column;gap:.1rem;display:flex}.brand-mark{font-family:var(--display);letter-spacing:-.02em;font-size:1.55rem;font-weight:700;line-height:1}.brand-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.progress-pill{pointer-events:auto;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.45rem .8rem;font-size:.85rem;font-weight:600}.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;position:fixed;top:4.5rem;left:1rem;overflow:auto;box-shadow:0 18px 50px #00000059}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .35rem;font-size:.72rem;font-weight:600}.hunt-panel h1,.complete-card h2{font-family:var(--display);letter-spacing:-.02em;margin:0 0 .45rem;font-size:1.55rem;font-weight:700;line-height:1.15}.lede,.complete-card p{color:var(--muted);margin:0 0 1rem;font-size:.92rem;line-height:1.45}.stop-photo{object-fit:cover;border:1px solid var(--line);background:#0d1116;width:100%;height:8.5rem;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.4rem;height:3.4rem;display:block}.btn.reality{opacity:.9;width:100%;margin-bottom:.65rem;font-size:.8rem}.stops{flex-direction:column;gap:.35rem;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:.55rem .6rem;transition:border-color .15s,background .15s;display:grid}.stops li button:hover,.stops li button.active{background:#c4a35a14;border-color:#c4a35a73}.stops li button.found{color:var(--good)}.stops .num{color:var(--muted);font-size:.75rem;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;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.05)}.btn.ghost{flex:1}.btn.ghost:hover:not(:disabled){border-color:#f3efe659}.hint{color:var(--muted);margin:0;font-size:.78rem}.credits{z-index:5;color:#f3efe673;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}.load-state{z-index:6;font-family:var(--display);background:radial-gradient(#1c2430 0%,#0d1116 70%);place-items:center;font-size:1.4rem;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(6px);backdrop-filter:blur(6px);background:#080a0cb8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.complete-modal[hidden]{display:none}.complete-card{border:1px solid var(--line);background:#161b22;flex-direction:column;gap:.75rem;width:min(24rem,100%);padding:1.5rem;display:flex}.complete-card .btn{width:100%}@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}.hunt-panel{border-bottom:none;border-left:none;border-right:none;width:100%;max-height:38vh;inset:auto 0 0}.credits{font-size:.6rem;bottom:calc(38vh + .4rem)}}