:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#f4f7fb;background:radial-gradient(circle at top,rgba(84,157,255,.12),transparent 34%),radial-gradient(circle at bottom right,rgba(255,149,108,.11),transparent 28%),#050b13;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #050b13;--panel: rgba(10, 20, 33, .78);--panel-strong: rgba(11, 20, 30, .92);--border: rgba(159, 193, 255, .16);--text-main: #f4f7fb;--text-muted: #9db0c7;--text-soft: #70819a;--shadow: 0 28px 120px -48px rgba(0, 0, 0, .7);--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:var(--bg);color:var(--text-main)}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{position:relative;min-height:100vh;padding:clamp(1.25rem,2vw,2rem);overflow:hidden}.app-shell__aurora{position:absolute;width:34rem;height:34rem;border-radius:999px;filter:blur(80px);opacity:.4;pointer-events:none}.app-shell__aurora--one{top:-8rem;left:-6rem;background:#479aff47}.app-shell__aurora--two{right:-12rem;bottom:-12rem;background:#ff76762e}.picker-page,.scenario-view{position:relative;z-index:1;max-width:1440px;margin:0 auto}.scenario-view{max-width:none}.picker-page{isolation:isolate}.picker-page__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:40px;opacity:1}.hero-panel,.glass-panel,.scene-stage,.scenario-card,.scenario-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:var(--space-6);padding:clamp(1.5rem,2vw,2.5rem);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg,#09121fb8,#08111e85);box-shadow:var(--shadow)}.hero-panel__back-link{display:inline-flex;align-items:center;justify-content:center;justify-self:end;align-self:start;min-height:2.9rem;padding:.7rem 1.15rem;border-radius:999px;border:1px solid rgba(163,190,255,.16);background:#0a1421bd;color:var(--text-main);text-decoration:none;letter-spacing:.01em;transition:transform .16s ease,background .16s ease,border-color .16s ease}.hero-panel__back-link:hover{transform:translateY(-1px);background:#132236eb;border-color:#a3beff47}.hero-panel__copy h1{margin:.5rem 0 1rem;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:clamp(2.8rem,6vw,5.8rem);line-height:.96;letter-spacing:-.04em;max-width:10ch}.hero-panel__lede,.scenario-card__body p,.panel-copy,.scene-stage__frame p,.scenario-topbar__subtitle{color:var(--text-muted);line-height:1.6}.hero-panel__notes{display:grid;gap:var(--space-4);align-content:start}.note-chip{padding:1rem 1.1rem;border-radius:var(--radius-md);border:1px solid rgba(163,190,255,.12);background:#ffffff0d;color:var(--text-main);line-height:1.55}.picker-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-6);position:relative;z-index:1}.scenario-card{display:flex;flex-direction:column;justify-content:space-between;min-height:330px;padding:1.25rem;border-radius:var(--radius-lg);border:1px solid transparent;text-align:left;color:inherit;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(125,220,255,.24),transparent 24%),radial-gradient(circle at 50% 40%,rgba(92,136,255,.12),transparent 34%),linear-gradient(180deg,#06101db8,#050b13eb)}.floor{position:absolute;left:-10%;right:-10%;bottom:-8rem;height:18rem;background:linear-gradient(180deg,#0000,#2a7aff38),repeating-linear-gradient(90deg,rgba(91,146,255,.08) 0,rgba(91,146,255,.08) 1px,transparent 1px,transparent 42px),repeating-linear-gradient(0deg,rgba(91,146,255,.08) 0,rgba(91,146,255,.08) 1px,transparent 1px,transparent 28px);transform:perspective(420px) rotateX(72deg);transform-origin:center top;opacity:.92}.main-column{position:absolute;top:7%;bottom:10%;left:50%;width:2px;transform:translate(-50%);background:linear-gradient(180deg,#86e3ff00,#86e3ffd9,#86e3ff00);box-shadow:0 0 24px #7ddcffb3,0 0 110px #5c88ff61;opacity:.96}.light-stream-container{position:absolute;top:0;right:0;bottom:0;left:0}.light-beam{position:absolute;bottom:-14%;height:42%;border-radius:999px;background:linear-gradient(180deg,#6bbcff00,#79e0ff 44%,#f0b4ff94);opacity:0;box-shadow:0 0 24px #79e0ffc7,0 0 64px #79e0ff47;animation-name:beam-rise,beam-fade,beam-drop;animation-timing-function:ease-in,ease-in-out,ease-out;animation-iteration-count:infinite,infinite,infinite}@keyframes beam-rise{0%{transform:translateY(28vh) scaleY(.6)}to{transform:translateY(-70vh) scaleY(1.15)}}@keyframes beam-fade{0%,to{opacity:0}20%{opacity:.34}55%{opacity:1}}@keyframes beam-drop{0%,80%,to{filter:brightness(1)}90%{filter:brightness(1.35)}}.scenario-card__topline{display:flex;justify-content:space-between;align-items:center}.scenario-card__status{padding:.35rem .65rem;border-radius:999px;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.scenario-card__swatch{width:2.5rem;height:2.5rem;border-radius:999px;box-shadow:0 0 30px #ffffff26}.scenario-card__body{display:grid;gap:.85rem}.scenario-card__body h2,.glass-panel__header h2,.scene-stage__frame h2{margin:0;font-family:Iowan Old Style,Palatino Linotype,serif;letter-spacing:-.03em}.scenario-card__subtitle,.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--text-soft)}.scenario-card__cta{display:inline-flex;align-items:center;gap:.5rem;color:#fff;font-weight:600}.scenario-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-5);padding:1.25rem 1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:#0a121cb8;box-shadow:var(--shadow)}.scenario-topbar h1{margin:.35rem 0 .5rem;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:clamp(2rem,4vw,3rem)}.scenario-topbar__actions{display:flex;align-items:center;gap:.85rem}.pill{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem .95rem;border-radius:999px;background:#ffffff0d;color:var(--text-muted)}.pill__dot{width:.65rem;height:.65rem;border-radius:999px}.ghost-button{border:1px solid var(--border);background:#ffffff0a;color:var(--text-main);border-radius:999px;padding:.8rem 1.1rem}.scenario-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin-top:var(--space-5)}.scene-stage{position:relative;min-height:800px;display:flex;flex-direction:column;justify-content:space-between;padding:1.4rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 24%),#070d17d6;box-shadow:var(--shadow);overflow:hidden}.scene-stage--particle{padding:0}.scene-stage__glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.9;pointer-events:none}.scene-stage__frame{position:relative;z-index:1;width:min(640px,100%);padding:clamp(1.6rem,2vw,2rem);border-radius:calc(var(--radius-lg) - 8px);border:1px solid rgba(255,255,255,.08);background:#060c15b8}.metric-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.metric-card{padding:1rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#ffffff08}.metric-card span{display:block;color:var(--text-soft);margin-bottom:.45rem}.glass-panel{padding:1.2rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow)}.glass-panel__header{margin-bottom:1rem}.gesture-debug__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.panel-copy{margin:0}.panel-list{margin:1rem 0 0;padding-left:1.1rem;color:var(--text-muted);line-height:1.6}.panel-list--compact{display:grid;gap:.35rem}.status-stack{display:grid;gap:.75rem}.scenario-panels{display:grid;gap:var(--space-4)}.scenario-status-menu{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,2.1fr);gap:var(--space-5);align-items:start}.scenario-status-menu__identity{display:grid;align-content:start}.scenario-status-menu__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.scenario-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);align-items:start}.status-card{display:grid;gap:.28rem;padding:.95rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#ffffff09}.status-card span{color:var(--text-soft)}.status-card strong{font-size:1rem}.panel-copy--spaced{margin-top:1rem}.fallback-box{margin-top:1rem;display:grid;gap:.8rem;padding:1rem;border-radius:var(--radius-md);border:1px solid rgba(255,154,108,.25);background:#ff9a6c14}.fallback-box p{margin:0;color:var(--text-muted)}.camera-preview{width:100%;aspect-ratio:16 / 10;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top,rgba(111,210,255,.08),transparent 45%),#08111d;object-fit:cover}.gesture-debug__actions{margin-top:1rem;display:flex;justify-content:flex-end}.particle-stage{position:relative;min-height:800px}.particle-stage canvas{display:block;width:100%!important;height:800px!important}.scene-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(138,216,255,.14),transparent 28%),radial-gradient(circle at 50% 60%,rgba(255,212,121,.12),transparent 36%),linear-gradient(180deg,#070d17d1,#050b13f5)}.scene-fallback__orb{position:absolute;width:min(48vw,20rem);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle at 35% 35%,rgba(255,244,214,.95),rgba(255,212,121,.45) 34%,rgba(138,216,255,.08) 68%,transparent 75%),radial-gradient(circle at center,rgba(138,216,255,.24),transparent 62%);box-shadow:0 0 0 1px #ffffff0d,0 0 80px #8ad8ff29,0 0 140px #ffd4791a;filter:blur(.2px);opacity:.9}.scene-fallback__card{position:relative;z-index:1;width:min(34rem,calc(100% - 3rem));padding:1.4rem 1.5rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);background:#050b13b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 80px #00000052}.scene-fallback__card h2{margin:.4rem 0 .75rem;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:clamp(1.45rem,2vw,2rem)}.scene-fallback__card p{margin:.65rem 0 0;color:var(--text-muted);line-height:1.6}.scene-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.5rem;background:linear-gradient(180deg,#050b1324,#050b1394)}.scene-overlay__card{max-width:28rem;padding:1.2rem 1.4rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.12);background:#050b13c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.scene-overlay__card h2{margin:.4rem 0 0;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:clamp(1.3rem,2vw,1.8rem)}@media(max-width:1200px){.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel,.scenario-status-menu,.scenario-detail-grid{grid-template-columns:1fr}.hero-panel__back-link{margin-bottom:.5rem}}@media(max-width:720px){.app-shell{padding:1rem}.picker-grid,.metric-row{grid-template-columns:1fr}.scenario-topbar{flex-direction:column}.scenario-topbar__actions{width:100%;flex-direction:column;align-items:stretch}.particle-stage,.particle-stage canvas{min-height:650px;height:650px!important}}