:root{--app-bg: #010206;--text-main: #FFFFFF;--text-muted: #8b9cba;--gold-champagne: #F7E7CE;--gold-radiant: #D4AF37;--cyan-ethereal: #45f3ff;--red-dissonant: #ff3366;--font-display: "Cinzel", serif;--font-data: "Jost", sans-serif}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:none}*::-webkit-scrollbar{display:none}html{overflow:hidden}body{font-family:var(--font-data);background:radial-gradient(circle at center,#04091a 0%,var(--app-bg) 100%);color:var(--text-main);overflow:hidden;width:100vw;height:100vh}#bg-canvas{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1;outline:none}#ui-layer{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:10;pointer-events:none}#app-title{position:absolute;top:32px;left:40px;font-size:.8rem;letter-spacing:.35em;margin-bottom:0;opacity:.7;display:flex;align-items:center;gap:16px}#reset-btn{font-family:var(--font-data);font-size:.55rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-champagne);background:#f7e7ce0f;border:1px solid rgba(247,231,206,.2);border-radius:4px;padding:4px 10px;cursor:pointer;pointer-events:auto;transition:all .3s ease;opacity:.6}#reset-btn:hover{opacity:1;border-color:var(--gold-radiant);box-shadow:0 0 12px #d4af374d;background:#d4af371a}.astral-panel{background:radial-gradient(circle at center,#0a0f1e66,#02040ab3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(247,231,206,.15);border-radius:50% 0/20px 0;color:var(--gold-champagne);padding:32px;position:relative;box-shadow:0 0 40px #45f3ff0d,inset 0 0 20px #d4af370d}.astral-panel:before,.astral-panel:after{content:"";position:absolute;width:20px;height:20px;border:1px solid rgba(247,231,206,.4);pointer-events:none;border-radius:50%}.astral-panel:before{top:-10px;left:-10px}.astral-panel:after{bottom:-10px;right:-10px}.divine-header{font-family:var(--font-display);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.25em;color:var(--gold-radiant);margin-bottom:12px;display:flex;align-items:center;text-shadow:0 0 10px rgba(212,175,55,.4)}h1,h2,h3{font-family:var(--font-display);font-weight:500;font-size:1.8rem;text-transform:uppercase;margin-bottom:12px;letter-spacing:.1em;color:var(--text-main);text-shadow:0 0 15px rgba(255,255,255,.2)}p{font-family:var(--font-data);color:var(--gold-champagne);font-weight:300;font-size:.85rem;line-height:1.7;letter-spacing:.03em;margin-bottom:24px;opacity:.85}#present-dashboard{position:absolute;bottom:clamp(16px,3vh,40px);left:clamp(16px,3vw,40px);width:clamp(280px,28vw,420px);pointer-events:auto;z-index:50;box-shadow:inset 0 1px #f7e7ce33,0 12px 40px #00000080;max-height:calc(100vh - 100px);overflow-y:auto}.metric-row{display:flex;gap:24px;margin-top:20px;border-top:1px solid rgba(247,231,206,.1);padding-top:20px}.metric{display:flex;flex-direction:column;gap:4px}.metric .label{font-family:var(--font-data);font-size:.6rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em}.metric .value{font-family:var(--font-display);font-size:1.5rem;color:var(--gold-champagne);text-shadow:0 0 12px rgba(247,231,206,.2)}.spatial-card{position:absolute;width:320px;transform-origin:center center;transition:opacity .5s ease,transform .6s cubic-bezier(.19,1,.22,1);opacity:0;pointer-events:auto;z-index:10;background:radial-gradient(circle at center,#0a0f1e80,#02040acc);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(69,243,255,.2);border-radius:50% 0/20px 0;padding:24px;box-shadow:0 0 30px #45f3ff0d}.spatial-card.visible{opacity:1}.hud-cyan{border-color:#45f3ff66;box-shadow:0 0 30px #45f3ff26}.hud-cyan .divine-header{color:var(--cyan-ethereal);text-shadow:0 0 10px rgba(69,243,255,.4)}.hud-cyan p{color:#bdf8ff}.hud-orange{border-color:#f366;box-shadow:0 0 30px #ff336626}.hud-orange .divine-header{color:var(--red-dissonant);text-shadow:0 0 10px rgba(255,51,102,.4)}.hud-orange p{color:#ffccd6}#reticle{position:absolute;top:50%;left:50%;width:60px;height:60px;transform:translate(-50%,-50%);pointer-events:none;z-index:100;transition:transform .4s cubic-bezier(.19,1,.22,1)}.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(247,231,206,.2);transition:all .4s cubic-bezier(.19,1,.22,1)}#reticle .outer{width:60px;height:60px;border-style:dashed;animation:divine-spin 20s linear infinite}#reticle .middle{width:40px;height:40px;animation:divine-spin 15s linear infinite reverse}#reticle .inner{width:12px;height:12px;border:1px solid var(--gold-radiant);box-shadow:0 0 10px var(--gold-radiant)}.crosshair-lines{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.crosshair-lines:before,.crosshair-lines:after{content:"";position:absolute;background:#f7e7ce4d}.crosshair-lines:before{width:1px;height:100%;left:50%;top:0;transform:translate(-50%)}.crosshair-lines:after{width:100%;height:1px;top:50%;left:0;transform:translateY(-50%)}#reticle.active{transform:translate(-50%,-50%) scale(.6) rotate(45deg)}#reticle.active .outer{border-color:var(--cyan-ethereal);box-shadow:0 0 15px var(--cyan-ethereal)}#reticle.active .inner{background:var(--cyan-ethereal);border-color:var(--cyan-ethereal);box-shadow:0 0 20px var(--cyan-ethereal)}@keyframes divine-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}#gesture-tracker{position:relative;width:100%;pointer-events:none;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.05)}.tracker-content{display:flex;flex-direction:column;gap:12px;margin-top:10px}.video-container{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#000;box-shadow:inset 0 0 16px #45f3ff0f}.video-container video,.video-container canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.video-container canvas{z-index:2;transform:scaleX(-1)}.skeleton-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#02040acc;color:var(--gold-champagne);font-family:var(--font-data);font-weight:300;font-size:.6rem;letter-spacing:.1em;text-align:center;z-index:3;padding:8px}.gesture-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.legend-item{display:flex;align-items:center;gap:8px;opacity:.5;transition:opacity .2s ease,color .2s ease}.legend-item.active{opacity:1;color:var(--brand-cyan)}.legend-item .icon{font-size:1.2rem}.legend-item .label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.05em}#radial-minimap{position:absolute;bottom:40px;right:40px;width:240px;height:240px;display:flex;flex-direction:column;z-index:50}.minimap-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;margin-top:8px}#minimap-svg{width:100%;height:100%;overflow:visible}.pulse-pip{animation:pulse-ring 2s infinite;transform-origin:center;transform-box:fill-box}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(.8);opacity:1}}.shell-loading{opacity:.6!important;border-color:#d4af3733!important}.shell-text{opacity:.5}@keyframes shell-pulse-anim{0%,to{opacity:1}50%{opacity:.3}}.shell-pulse{animation:shell-pulse-anim 1.5s ease-in-out infinite;color:var(--gold-radiant)!important;font-size:.85rem!important}.causal-link{font-family:var(--font-data);font-size:.75rem;font-style:italic;color:var(--text-muted);opacity:.75;line-height:1.5;margin-bottom:0;padding-top:4px;border-top:1px solid rgba(247,231,206,.06)}.causal-link:empty{display:none}.mechanism-chain{font-family:var(--font-data);font-size:.65rem;font-weight:400;color:var(--gold-radiant);opacity:.55;line-height:1.6;margin-top:6px;margin-bottom:0;padding:6px 8px;background:#d4af370a;border-left:2px solid rgba(212,175,55,.2);border-radius:0 4px 4px 0;letter-spacing:.02em}.mechanism-chain:empty{display:none}.entropy-dial-row{align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(247,231,206,.07)!important;margin-top:12px!important;padding-top:12px!important;transition:box-shadow .3s ease,border-color .3s ease}.entropy-dial-row.gesture-active{border-color:#45f3ff4d!important;box-shadow:0 0 16px #45f3ff1f;border-radius:6px;padding:10px 12px!important;background:#45f3ff08}.entropy-dial-row .label{font-family:var(--font-data);font-size:.6rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em;white-space:nowrap}.entropy-dial-row .value{font-family:var(--font-display);font-size:.9rem;color:var(--gold-champagne);min-width:24px;text-align:right}#entropy-dial{flex:1;-webkit-appearance:none;appearance:none;height:2px;background:linear-gradient(to right,var(--gold-radiant) 0%,var(--gold-radiant) calc(var(--val, 50%) * 100%),rgba(247,231,206,.15) calc(var(--val, 50%) * 100%));border-radius:1px;outline:none;cursor:pointer}#entropy-dial::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--gold-radiant);box-shadow:0 0 8px var(--gold-radiant);cursor:pointer}#entropy-dial::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--gold-radiant);box-shadow:0 0 8px var(--gold-radiant);border:none;cursor:pointer}.topic-row{flex-direction:column;gap:6px}.topic-row .label{font-family:var(--font-data);font-size:.6rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em}.topic-input-wrapper{display:flex;gap:6px;align-items:center}#topic-prompt{flex:1;font-family:var(--font-data);font-size:.75rem;font-weight:300;color:var(--gold-champagne);background:#f7e7ce0a;border:1px solid rgba(247,231,206,.15);border-radius:4px;padding:6px 10px;outline:none;letter-spacing:.03em;transition:border-color .3s ease,box-shadow .3s ease}#topic-prompt::placeholder{color:var(--text-muted);opacity:.5;font-style:italic}#topic-prompt:focus{border-color:var(--gold-radiant);box-shadow:0 0 12px #d4af3733}#topic-go-btn{font-family:var(--font-data);font-size:.85rem;color:var(--gold-champagne);background:#d4af3714;border:1px solid rgba(247,231,206,.2);border-radius:4px;padding:4px 10px;cursor:pointer;transition:all .3s ease;opacity:.7}#topic-go-btn:hover{opacity:1;border-color:var(--gold-radiant);box-shadow:0 0 12px #d4af374d;background:#d4af3726}.spatial-card h2{font-size:1.1rem;margin-bottom:8px}.spatial-card p{margin-bottom:8px;font-size:.8rem}.spatial-card .metric .value{font-size:.85rem}#scenario-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#04091aeb,#010206fa);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .8s cubic-bezier(.19,1,.22,1),visibility .8s}#scenario-modal.dismissed{opacity:0;visibility:hidden;pointer-events:none}.modal-content{width:440px;max-width:90vw;text-align:center;padding:48px 40px;border:1px solid rgba(247,231,206,.12);border-radius:50% 0/20px 0;background:radial-gradient(circle at center,#0a0f1e80,#02040acc);box-shadow:0 0 60px #d4af370f,inset 0 0 30px #d4af3708,0 24px 80px #0009;animation:modal-emerge 1s cubic-bezier(.19,1,.22,1) forwards}@keyframes modal-emerge{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-sigil{font-size:2.2rem;color:var(--gold-radiant);text-shadow:0 0 20px rgba(212,175,55,.5);margin-bottom:16px;animation:sigil-pulse 3s ease-in-out infinite}@keyframes sigil-pulse{0%,to{opacity:.7;text-shadow:0 0 20px rgba(212,175,55,.3)}50%{opacity:1;text-shadow:0 0 30px rgba(212,175,55,.6)}}.modal-title{font-family:var(--font-display);font-size:1.6rem;font-weight:600;letter-spacing:.3em;color:var(--gold-champagne);margin-bottom:6px;text-shadow:0 0 15px rgba(247,231,206,.15)}.modal-subtitle{font-family:var(--font-data);font-size:.7rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);margin-bottom:0;opacity:.7}.modal-divider{width:60px;height:1px;background:linear-gradient(to right,transparent,var(--gold-radiant),transparent);margin:28px auto;opacity:.5}.modal-section{display:flex;flex-direction:column;gap:12px}#modal-topic-input{font-family:var(--font-data);font-size:.95rem;font-weight:300;color:var(--gold-champagne);background:#f7e7ce0a;border:1px solid rgba(247,231,206,.18);border-radius:6px;padding:14px 18px;outline:none;text-align:center;letter-spacing:.04em;transition:border-color .3s ease,box-shadow .3s ease}#modal-topic-input::placeholder{color:var(--text-muted);opacity:.45;font-style:italic;letter-spacing:.08em}#modal-topic-input:focus{border-color:var(--gold-radiant);box-shadow:0 0 20px #d4af3726}.modal-btn{font-family:var(--font-display);font-size:.65rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;border:1px solid;border-radius:4px;padding:12px 24px;cursor:pointer;transition:all .35s cubic-bezier(.19,1,.22,1);width:100%}.modal-btn.primary{color:var(--app-bg);background:linear-gradient(135deg,var(--gold-radiant),#c4a030);border-color:var(--gold-radiant);text-shadow:none}.modal-btn.primary:hover{box-shadow:0 0 24px #d4af3766;transform:translateY(-1px)}.modal-btn.secondary{color:var(--gold-champagne);background:transparent;border-color:#f7e7ce33}.modal-btn.secondary:hover{border-color:var(--gold-champagne);background:#f7e7ce0f;box-shadow:0 0 16px #f7e7ce1a;transform:translateY(-1px)}.modal-or{display:flex;align-items:center;gap:16px;margin:20px 0}.modal-or:before,.modal-or:after{content:"";flex:1;height:1px;background:#f7e7ce14}.modal-or span{font-family:var(--font-data);font-size:.65rem;font-weight:300;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);opacity:.5}.modal-footnote{font-size:.65rem!important;color:var(--text-muted)!important;opacity:.4!important;margin-top:24px!important;margin-bottom:0!important;line-height:1.5!important}#api-key-section{margin-bottom:20px}.api-key-status{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-data);font-size:.7rem;font-weight:400;letter-spacing:.08em;color:#7dcea0;padding:10px 16px;background:#7dcea00f;border:1px solid rgba(125,206,160,.2);border-radius:6px}.api-key-check{font-size:.9rem;font-weight:600}.api-key-input-group{display:flex;flex-direction:column;gap:8px}.api-key-label{font-family:var(--font-data);font-size:.6rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em;text-align:left}.api-key-row{display:flex;gap:8px;align-items:center}#modal-api-key{flex:1;font-family:var(--font-data);font-size:.8rem;font-weight:300;color:var(--gold-champagne);background:#f7e7ce0a;border:1px solid rgba(247,231,206,.18);border-radius:6px;padding:10px 14px;outline:none;letter-spacing:.08em;transition:border-color .3s ease,box-shadow .3s ease}#modal-api-key::placeholder{color:var(--text-muted);opacity:.4;font-style:italic}#modal-api-key:focus{border-color:var(--gold-radiant);box-shadow:0 0 16px #d4af3726}.api-key-save{font-family:var(--font-data);font-size:1rem;font-weight:400;color:var(--gold-champagne);background:#d4af371a;border:1px solid rgba(247,231,206,.2);border-radius:6px;padding:8px 14px;cursor:pointer;transition:all .3s ease;line-height:1}.api-key-save:hover{border-color:var(--gold-radiant);box-shadow:0 0 12px #d4af374d;background:#d4af3733}.api-key-hint{font-size:.6rem!important;color:var(--text-muted)!important;opacity:.45!important;margin-bottom:0!important;text-align:left}.api-key-hint a{color:var(--gold-radiant);text-decoration:none;transition:color .2s ease}.api-key-hint a:hover{color:var(--gold-champagne);text-decoration:underline}.modal-btn:disabled{opacity:.25;cursor:not-allowed;pointer-events:none}