*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#000;width:100%;height:100%;overflow:hidden}#three-container{position:fixed;inset:0}#three-container canvas{width:100%;height:100%;display:block}#transition-flash{opacity:0;pointer-events:none;z-index:200;background:#fff;position:fixed;inset:0}#warp-overlay{opacity:0;pointer-events:none;z-index:150;mix-blend-mode:screen;position:fixed;inset:0}#terminal{z-index:100;color:#c9d1d9;background:#000;font-family:Courier New,Courier,monospace;font-size:14px;animation:.15s infinite flicker;display:none;position:fixed;inset:0}#terminal.entering{animation:.8s ease-out forwards terminal-enter;display:block}#terminal.active{animation:.15s infinite flicker;display:block}#terminal-output{scrollbar-width:none;z-index:20;flex:1;position:relative;overflow-y:auto}#terminal-output::-webkit-scrollbar{display:none}.terminal-line{white-space:pre-wrap;word-break:break-all;min-height:1.6em;line-height:1.6}#terminal-input-row{color:#00ff41;text-shadow:0 0 4px #00ff41b3,0 0 8px #00ff4180,0 0 14px #00ff4159;white-space:pre;visibility:hidden;z-index:20;align-items:center;min-height:1.6em;margin-top:2px;display:flex;position:relative}#input-prompt,#input-display{white-space:pre}.cursor{vertical-align:text-bottom;background:#00ff41;width:9px;height:1.1em;animation:1s step-end infinite blink;display:inline-block;box-shadow:0 0 4px #00ff41e6,0 0 8px #00ff41b3,0 0 12px #00ff4180}@keyframes terminal-enter{0%{clip-path:circle(3% at 50% 42%);filter:brightness(4)blur(3px)}60%{filter:brightness(1.4)blur()}to{clip-path:circle(150% at 50% 42%);filter:brightness()blur()}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.terminal-line.white{color:#c9d1d9;text-shadow:0 0 3px #c9d1d966,0 0 6px #c9d1d94d,0 0 10px #c9d1d933}.terminal-line.amber{color:#ffa657;text-shadow:0 0 4px #ffa65799,0 0 8px #ffa65773,0 0 14px #ffa6574d,0 0 20px #ff8c3233}.terminal-line.green{color:#00ff41;text-shadow:0 0 4px #00ff41b3,0 0 8px #00ff4180,0 0 14px #00ff4159,0 0 20px #00ff4133}.crt-screen{border-radius:12px;flex-direction:column;width:100%;height:100%;padding:48px 56px;display:flex;position:relative;overflow:hidden}.crt-screen:before{content:"";pointer-events:none;z-index:5;mix-blend-mode:screen;background:radial-gradient(circle at 30% 30%,#ff000004,#0000 40%),radial-gradient(circle at 70% 30%,#00ff0004,#0000 40%),radial-gradient(circle at 50% 70%,#0000ff04,#0000 40%);position:absolute;inset:0}.crt-screen .scanlines{content:"";pointer-events:none;z-index:30;background:repeating-linear-gradient(#0000 0 2px,#00000059 2px 4px);animation:8s linear infinite scanline-drift;position:absolute;inset:0}.crt-screen .vignette{content:"";pointer-events:none;z-index:25;background:radial-gradient(#0000 50%,#000000b3 95%,#000000f2 100%),radial-gradient(circle,#0000 60%,#00ff4105 100%);border-radius:12px;position:absolute;inset:0}@keyframes flicker{0%{filter:brightness()contrast(1.02)}10%{filter:brightness(.98)contrast()}20%{filter:brightness(1.02)contrast(1.01)}30%{filter:brightness(.99)contrast()}40%{filter:brightness(1.01)contrast(1.02)}50%{filter:brightness(.97)contrast()}60%{filter:brightness(1.02)contrast(1.01)}70%{filter:brightness()contrast(1.02)}80%{filter:brightness(.99)contrast()}90%{filter:brightness(1.01)contrast(1.01)}to{filter:brightness()contrast(1.02)}}@keyframes scanline-drift{0%{transform:translateY(0)}to{transform:translateY(4px)}}#welcome-screen{z-index:100;opacity:1;background:#000;justify-content:center;align-items:center;transition:opacity .8s ease-out;display:flex;position:fixed;inset:0}#welcome-screen.hidden{opacity:0;pointer-events:none}#welcome-content{text-align:center;color:#fff;max-width:520px;padding:2rem;font-family:monospace}#welcome-title{letter-spacing:.2em;margin-bottom:.5rem;font-size:3.5rem;font-weight:700}.welcome-quantum{color:#00ff41;text-shadow:0 0 20px #00ff41,0 0 40px #00ff4166}.welcome-self{color:#ffa657;text-shadow:0 0 20px #ffa657,0 0 40px #ffa65766;margin-left:1rem}#welcome-subtitle{color:#aaa;letter-spacing:.15em;margin-bottom:1.5rem;font-size:.85rem}.welcome-divider{border:none;border-top:1px solid #333;margin:1.5rem 0}#welcome-how-to h2{letter-spacing:.25em;color:#555;margin-bottom:1rem;font-size:.7rem}#welcome-how-to ul{flex-direction:column;gap:.6rem;list-style:none;display:flex}#welcome-how-to li{color:#ccc;justify-content:center;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.key{color:#00ff41;letter-spacing:.1em;white-space:nowrap;background:#111;border:1px solid #444;border-bottom-width:2px;border-radius:4px;padding:.15rem .5rem;font-size:.75rem}#welcome-hint{color:#666;letter-spacing:.05em;font-size:.8rem}.inline-key{color:#ffa657;font-family:monospace}#welcome-enter-btn{color:#00ff41;letter-spacing:.2em;cursor:pointer;background:0 0;border:1px solid #00ff41;margin-top:2rem;padding:.75rem 2rem;font-family:monospace;font-size:.85rem;transition:background .2s,color .2s,box-shadow .2s}#welcome-enter-btn:hover{color:#000;background:#00ff41;box-shadow:0 0 20px #00ff4166}#welcome-enter-btn.activating{color:#000;cursor:default;background:#00ff41;border-color:#00ff41;animation:.6s ease-in-out infinite alternate btn-pulse;box-shadow:0 0 20px #00ff41,0 0 60px #00ff4144}@keyframes btn-pulse{0%{box-shadow:0 0 20px #00ff41,0 0 60px #00ff4144}to{box-shadow:0 0 35px #00ff41,0 0 90px #00ff4166}}#multiverse-ui{pointer-events:none;z-index:10;position:fixed;inset:0}.question-panel{text-align:center;color:#fff;pointer-events:auto;opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05030fd9;border:1px solid #9650ff66;border-radius:8px;max-width:320px;padding:1.5rem 2rem;font-family:monospace;transition:opacity .6s;position:absolute;transform:translate(-50%,-50%)}.question-panel.visible{opacity:1}.question-panel h3{letter-spacing:.2em;color:#95f;margin-bottom:.75rem;font-size:.7rem}.question-panel p{color:#eee;margin-bottom:1.25rem;font-size:.95rem;line-height:1.5}.answer-options{flex-direction:column;gap:.5rem;display:flex}.answer-btn{color:#ccc;cursor:pointer;text-align:left;background:0 0;border:1px solid #9650ff80;border-radius:4px;padding:.5rem 1rem;font-family:monospace;font-size:.8rem;transition:background .2s,color .2s,border-color .2s}.answer-btn:hover{color:#fff;background:#9650ff33;border-color:#95f}.narrative-panel{text-align:center;pointer-events:none;opacity:0;max-width:280px;font-family:monospace;transition:opacity 1s;position:absolute;transform:translate(-50%,-50%)}.narrative-panel.visible{opacity:1}.narrative-panel .self-name{letter-spacing:.25em;color:#95f;margin-bottom:.5rem;font-size:.7rem}.narrative-panel .self-text{color:#ffffffbf;font-size:.8rem;line-height:1.6}#portrait-panel{text-align:center;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#05030feb;border:1px solid #ffc85066;border-radius:10px;width:90%;max-width:400px;padding:2rem 2.5rem;font-family:monospace;transition:opacity 2s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #ffb43c1f}#portrait-panel.visible{opacity:1}#portrait-panel .portrait-label{letter-spacing:.3em;color:#fa4;margin-bottom:.75rem;font-size:.65rem}#portrait-panel .portrait-text{color:#fff;font-size:.9rem;line-height:1.8}#portrait-backdrop{z-index:19;pointer-events:none;background:#0000008c;transition:background 2s;position:fixed;inset:0}.question-panel.centered,.narrative-panel.centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.portrait-close{color:#ffc864b3;letter-spacing:.1em;cursor:pointer;pointer-events:auto;background:0 0;border:1px solid #ffaa3c66;border-radius:4px;margin-top:1.5rem;padding:.5rem 1.25rem;font-family:monospace;font-size:.75rem;transition:color .2s,border-color .2s;display:inline-block}.portrait-close:hover{color:#fc6;border-color:#ffaa3ccc}#bubble-ripple.active{pointer-events:none;opacity:0;z-index:15;animation:1.2s ease-out forwards bubble-ripple;position:fixed;inset:0}@keyframes bubble-ripple{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.hud-btn{color:#c8c8ffb3;letter-spacing:.08em;cursor:pointer;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05030fbf;border:1px solid #9650ff59;border-radius:4px;padding:.4rem .85rem;font-family:monospace;font-size:.8rem;transition:opacity .4s,border-color .2s,color .2s;position:fixed}.hud-btn:hover{color:#fff;border-color:#9650ffbf}#mute-btn{bottom:1.5rem;right:1.5rem}.hud-btn--skip{bottom:1.5rem;left:50%;transform:translate(-50%)}#return-btn{top:1.5rem;right:1.5rem}#restart-btn{top:4.5rem;right:1.5rem}.hud-btn.hidden{opacity:0;pointer-events:none}
