:root{color-scheme:dark;--bg: #05060a;--fg: #e7e9f0;--dim: #9aa0b4;--faint: #6b7185;--line: rgba(255, 255, 255, .14);--panel: rgba(12, 14, 22, .72);--accent: #3fb6b0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%;background:var(--bg);color:var(--fg);overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none}.app{position:fixed;inset:0}button{font:inherit;color:var(--fg);background:#141824d9;border:1px solid var(--line);border-radius:10px;padding:12px 16px;cursor:pointer;transition:background .15s,border-color .15s,transform .05s}button:active{transform:scale(.98)}button.primary{background:var(--accent);color:#04110f;border-color:transparent;font-weight:600}button.secondary{background:#ffffff14}button.ghost{background:transparent;border-color:transparent;color:var(--dim);text-decoration:underline}.chip{padding:8px 12px;border-radius:999px;font-size:13px}.chip.active{background:var(--accent);color:#04110f;border-color:transparent}.onboarding{position:fixed;inset:0;display:grid;place-items:center;padding:24px;overflow-y:auto;background:radial-gradient(120% 100% at 50% 0%,#0b1020,#05060a 70%)}.onboarding-inner{max-width:560px;width:100%}.onboarding h1{font-size:40px;letter-spacing:.5px;margin:0 0 12px}.lede{font-size:18px;line-height:1.5;color:var(--fg)}.consent{margin:20px 0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.consent p{margin:0;font-size:14px;color:var(--dim);line-height:1.5}.regime-picker{margin:18px 0}.picker-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--faint);margin-bottom:8px}.regime-buttons{display:flex;gap:8px;flex-wrap:wrap}.enter-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.enter-buttons button{flex:1;min-width:160px}.demo-link{margin-top:14px;display:block}.mode-note{margin-top:18px;font-size:12px;color:var(--faint)}.field-root{position:fixed;inset:0;overflow:hidden}.passthrough{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}.passthrough.mirror{transform:scaleX(-1);opacity:.7}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(120% 100% at 50% 50%,transparent 40%,rgba(0,0,0,.55) 100%)}.reticle{position:fixed;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border:1px solid rgba(255,255,255,.25);border-radius:999px;pointer-events:none;transition:border-color .2s,transform .2s}.reticle.active{border-color:var(--accent);transform:scale(1.25)}.cards{position:fixed;inset:0;pointer-events:none}.frag{position:absolute;max-width:62vw;padding:9px 13px;border-radius:12px;background:var(--panel);border:1px solid var(--line);transform:translate(-50%,-50%);transition:opacity .4s,filter .4s,border-color .3s;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.frag .tag{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--faint);margin-bottom:3px}.frag .txt{font-size:15px;line-height:1.32}.frag.alive{filter:none;opacity:1}.frag.eroding{filter:blur(.6px) saturate(.7);opacity:.82}.frag.slogan{opacity:.72}.frag.slogan .txt{font-weight:700;letter-spacing:.4px}.frag.held{border-color:var(--accent)}.frag.cultivated{box-shadow:0 0 0 1px var(--accent),0 0 24px #3fb6b040}.slam-hud{position:fixed;top:calc(env(safe-area-inset-top,0) + 84px);left:12px;width:218px;z-index:2000;background:#06080eeb;border:1px solid var(--line);border-radius:10px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;backdrop-filter:blur(4px)}.slam-hud-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px}.slam-x{background:none;border:none;color:var(--dim);padding:0 2px;font-size:13px;cursor:pointer}.slam-row{display:flex;justify-content:space-between;gap:8px;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.05)}.slam-row span{color:var(--faint)}.slam-row b{font-weight:600}.slam-row i{color:var(--faint);font-style:normal;font-size:10px}.slam-row b.ok{color:#6ee7a8}.slam-row b.bad{color:#ff8080}.slam-gates{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.gate{font-size:9px;padding:2px 6px;border-radius:999px;border:1px solid var(--line);color:var(--dim)}.gate.pass{color:#7ee0b8;border-color:#7ee0b866}.gate.fail{color:#e0574b;border-color:#e0574b66}.slam-actions{display:flex;gap:5px;margin-top:6px}.slam-actions button{flex:1;font:inherit;font-size:10px;padding:6px 4px;border-radius:6px;background:#ffffff12;border:1px solid var(--line);color:var(--fg)}.slam-actions button:disabled{opacity:.4}.slam-actions .rec.active{background:#e0574b;color:#fff;border-color:transparent}.slam-upload{margin-top:6px;font-size:10px;padding:5px 7px;border-radius:6px;background:#ffffff0d;color:var(--dim);line-height:1.4}.slam-upload.done{color:#7ee0b8}.slam-upload.error{color:#e0574b}.scan-overlay{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.messengers{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1500}.consent.toggle{display:flex;gap:12px;align-items:flex-start;margin:12px 0;cursor:pointer}.consent.toggle input{margin-top:3px;width:20px;height:20px;accent-color:var(--accent);flex:0 0 auto}.consent.toggle span{font-size:13px;color:var(--dim);line-height:1.45}.consent.toggle span strong{color:var(--fg);font-weight:600}.consent.toggle.watcher{border-color:#e0574b59}.consent.toggle.watcher em{color:#e0a341;font-style:normal}.consent.toggle.disabled{opacity:.5;cursor:not-allowed}.watcher-badge{position:fixed;top:calc(env(safe-area-inset-top,0) + 52px);right:12px;display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--dim);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:5px 11px;z-index:6}.watcher-badge .eye{width:8px;height:8px;border-radius:999px;background:var(--faint);box-shadow:0 0 0 2px #ffffff14}.watcher-badge.active{color:var(--accent);border-color:#3fb6b080}.watcher-badge.active .eye{background:var(--accent);box-shadow:0 0 10px var(--accent);animation:eyepulse 1.4s ease-in-out infinite}@keyframes eyepulse{0%,to{opacity:1}50%{opacity:.35}}.observation{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0) + 64px);font-size:14px;line-height:1.4;color:var(--fg);background:#00000080;border-left:2px solid var(--accent);padding:10px 13px;border-radius:8px;z-index:4}.observation-tag{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:3px}.hud-top{position:fixed;top:calc(env(safe-area-inset-top,0) + 12px);left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;pointer-events:none}.hud-regime{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--dim);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 12px;pointer-events:auto;cursor:pointer}.hud-regime .dot{width:8px;height:8px;border-radius:999px;background:var(--accent)}.hud-dominant{font-size:12px;color:var(--faint);background:var(--panel);border-radius:999px;padding:6px 12px}.seams-ticker{position:fixed;top:calc(env(safe-area-inset-top,0) + 54px);left:12px;right:12px;font-size:12px;color:var(--dim);background:#0006;border-left:2px solid var(--accent);padding:8px 12px;border-radius:6px}.camera-warn{position:fixed;top:50%;left:12px;right:12px;transform:translateY(-50%);text-align:center;font-size:13px;color:var(--dim)}.hud-bottom{position:fixed;bottom:calc(env(safe-area-inset-bottom,0) + 14px);left:12px;right:12px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.chip.end{background:var(--accent);color:#04110f;border-color:transparent;font-weight:600}.reflection{position:fixed;inset:0}.reflection-scrim{position:fixed;inset:0;background:linear-gradient(180deg,#05060a33,#05060abf);pointer-events:none}.reflection-hud{position:fixed;inset:auto 0 0;padding:24px;text-align:center}.reflection-hud h2{font-size:24px;margin:0 0 6px}.status{font-size:13px;color:var(--dim);margin:0 0 16px}.status.dim{color:var(--faint)}.affect{max-width:360px;margin:0 auto 18px;display:grid;gap:10px}.meter{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:10px}.meter-label{font-size:12px;color:var(--dim);text-align:right}.meter-track{height:8px;border-radius:999px;background:#ffffff1a;overflow:hidden}.meter-fill{height:100%;background:var(--accent);transition:width .15s}.ending-root{position:fixed;inset:0;overflow-y:auto;background:var(--bg)}.ending-scroll{max-width:880px;margin:0 auto;padding:24px 16px 48px;display:grid;gap:28px}.ending-panel{display:grid;gap:12px}.drift-svg,.rhizome-svg{width:100%;height:auto;border:1px solid var(--line);border-radius:12px;display:block}.ending-actions{display:flex;gap:8px}.ending-footer{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:8px}.empty{color:var(--faint);text-align:center}