:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--neon-cyan: #69756f;--neon-red: #d62828;--neon-green: #141b17;--bg-dark: #faf6ee;--hyper-magenta: #d62828;--hyper-yellow: #8ea095;--fluid-blur: blur(.5px);--quantum-bezier: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;overflow:hidden;background:var(--bg-dark);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:fixed;width:100%;height:100%}#root{width:100vw;height:100dvh}.canvas-container{width:100vw;height:100vh;height:100dvh;position:fixed;top:0;left:0}canvas{position:absolute;top:0;left:0;z-index:1;display:block;background:transparent;touch-action:none}.neural-background,.start-screen{position:fixed;inset:0;width:100vw;height:100dvh;z-index:200;display:flex;justify-content:center;align-items:center;background:#faf6ee;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.neural-background:before,.start-screen:before{content:"";position:absolute;width:1100px;height:1100px;background:radial-gradient(circle,transparent 48%,rgba(105,117,111,.22) 50%,rgba(105,117,111,.05) 52%,transparent 55%);border-radius:48% 52% 46% 54%/52% 46% 54% 48%;filter:var(--fluid-blur);mix-blend-mode:multiply;opacity:0;animation:charcoal-ripple-soft-1 11s infinite cubic-bezier(.22,1,.36,1);will-change:transform;pointer-events:none;z-index:1}.neural-background:after,.start-screen:after{content:"";position:absolute;width:1200px;height:1200px;background:radial-gradient(circle,transparent 46%,rgba(142,160,149,.16) 49%,rgba(142,160,149,.03) 51%,transparent 54%);border-radius:54% 46% 52% 48%/46% 54% 48% 52%;filter:var(--fluid-blur);mix-blend-mode:multiply;opacity:0;animation:charcoal-ripple-soft-2 14s infinite cubic-bezier(.22,1,.36,1);animation-delay:4s;will-change:transform;pointer-events:none;z-index:1}.start-container{position:relative;z-index:10;width:90%;max-width:440px;padding:clamp(35px,6vw,45px);background:#fdfbf7f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(20,27,23,.25);border-radius:36px 28px 40px 32px;box-shadow:0 30px 60px #141b171f,inset 0 2px 4px #ffffffb3;transition:all .5s var(--quantum-bezier);text-align:center;align-items:center}.start-container:hover{border-color:#d6282866;border-radius:28px 36px;box-shadow:0 40px 80px #141b172e}.corner-tl,.corner-br{position:absolute;width:12px;height:12px;opacity:.15}.cinematic-intro{position:fixed;inset:0;width:100vw;height:100dvh;background:#141b17;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;color:#faf6ee;overflow:hidden}.cinematic-intro:before{content:"";position:absolute;inset:-10%;background:radial-gradient(circle at center,rgba(214,40,40,.15) 0%,transparent 70%);filter:blur(60px);animation:cosmic-drift 18s infinite alternate ease-in-out}.cinematic-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:10;padding:0 24px}.narrative-block{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 45%,#0b0f0d 120%);pointer-events:none}.start-button,.status-type{font-size:clamp(2.4rem,10vw,3.8rem);font-weight:800;letter-spacing:-1.5px;margin:0 0 20px;line-height:1.05;color:var(--neon-green);background:none;-webkit-background-clip:unset;-webkit-text-fill-color:initial;animation:none}.status-type.danger{color:#fff;background:var(--neon-red);border-radius:12px 20px 14px 18px;padding:4px 16px}.status-type.vital{color:#fff;background:#4a5c52;border-radius:18px 12px 20px 14px;padding:4px 16px}.status-type.action{color:var(--neon-red);animation:sketch-breath 2.5s infinite ease-in-out}.status-type.story{animation:sketch-breath 2.5s infinite ease-in-out;font-weight:900;color:#141b17;letter-spacing:-4px}.status-type.final{color:var(--neon-red);font-size:clamp(3.6rem,18vw,8rem);font-weight:900;color:#141b17;letter-spacing:-4px}.system-status,.status-sub{font-family:Roboto Mono,monospace;font-size:.75rem;font-weight:700;color:#4a5c52;background:#69756f1f;border-radius:8px;padding:4px 12px;display:inline-block;letter-spacing:.5px;margin-bottom:20px;text-transform:uppercase}.click-to-boot,.start-container>p:last-of-type{font-family:Roboto Mono,monospace;font-size:.8rem;font-weight:600;color:var(--neon-red);margin-top:25px;letter-spacing:0px;text-transform:uppercase}.auth-form{width:100%}.input-group{margin-bottom:22px;text-align:left}.input-group label{display:block;font-family:Roboto Mono,monospace;font-size:.75rem;font-weight:700;color:#3b4a41;margin-bottom:8px;letter-spacing:.5px;text-transform:uppercase}.input-group input{width:100%;background:#fffdfa;border:1.5px solid rgba(20,27,23,.25);border-radius:16px 12px 14px 16px;color:var(--neon-green);padding:14px 16px;font-size:16px;font-family:Roboto Mono,monospace;outline:none;-webkit-appearance:none;transition:all .3s var(--quantum-bezier);box-shadow:inset 0 1px 3px #141b170a}.input-group input:focus{background:#fff;border-color:var(--neon-red);border-radius:14px;box-shadow:0 0 0 4px #d628280f}.input-group input:disabled{opacity:.4;background:#f3ede0;border-color:#93a399;cursor:not-allowed}.auth-actions{display:flex;gap:14px;margin-top:25px;justify-content:center;align-items:center;width:100%}.action-btn,.btn-cyber{flex:1;width:100%;background:var(--neon-red);border:none;border-radius:16px 20px 14px 18px;color:#fff;padding:15px 28px;font-family:Orbitron,sans-serif;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s var(--quantum-bezier);box-shadow:0 6px 16px #d628282e}.action-btn:hover:not(:disabled),.btn-cyber:hover{transform:translateY(-2px);background:#ff4d5a;border-radius:18px 14px 20px;box-shadow:0 8px 22px #d6282840}.action-btn:active,.btn-cyber:active{transform:translateY(1px)}.action-btn:disabled{background:#cbd1cc;color:#141b174d;cursor:not-allowed;box-shadow:none;transform:none}.action-btn.register-btn,.action-btn.cancel-btn{background:#7e8c84;color:#fff;border:none;border-radius:14px 16px 18px 12px;box-shadow:0 6px 16px #7e8c8426}.action-btn.register-btn:hover:not(:disabled),.action-btn.cancel-btn:hover:not(:disabled){background:#90a198;border-radius:16px 12px 14px 18px;box-shadow:0 8px 22px #7e8c8438}.loading-bar,.boot-progress-container{width:100%;height:6px;background:#141b170f;border-radius:100px;margin-top:30px;overflow:hidden;position:relative}.boot-progress-container{position:absolute;bottom:15%;width:65%;max-width:280px;left:50%;transform:translate(-50%)}.loading-fill,.boot-progress-bar{height:100%;background:linear-gradient(90deg,var(--hyper-yellow),var(--neon-red));border-radius:100px;box-shadow:none;transition:width .3s ease}.overlay-scanline{position:absolute;inset:0;z-index:2;background:radial-gradient(circle at center,transparent 50%,rgba(20,27,23,.1) 100%);pointer-events:none}.settings-overlay{position:fixed;inset:0;z-index:300;display:flex;justify-content:center;align-items:center;background:#141b1766;backdrop-filter:var(--fluid-blur);-webkit-backdrop-filter:var(--fluid-blur);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.settings-container{position:relative;width:90%;max-width:480px;max-height:75dvh;overflow-y:auto;padding:clamp(35px,6vw,45px);background:#fdfbf7fa;border:1.5px solid rgba(20,27,23,.25);border-radius:32px 40px 28px 36px;box-shadow:0 30px 60px #141b1726,inset 0 1px #ffffff80}.settings-title{font-size:clamp(1.3rem,5vw,1.8rem);font-weight:700;color:var(--neon-green);margin-bottom:30px;border-bottom:1.5px solid rgba(20,27,23,.15);padding-bottom:14px;text-transform:uppercase;letter-spacing:-.5px}.config-group{margin-bottom:24px;text-align:left}.config-label{display:block;font-size:.85rem;font-weight:700;color:#3b4a41;margin-bottom:10px;text-transform:uppercase}.config-select{width:100%;background:#fffdfa;border:1.5px solid rgba(20,27,23,.25);border-radius:12px;color:var(--neon-green);padding:14px 16px;font-size:15px;font-family:Roboto Mono,monospace;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.config-select option{background:#fffdfa;color:var(--neon-green)}.config-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#141b1714;border-radius:100px;outline:none}.config-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--neon-red);border-radius:50%;box-shadow:0 2px 6px #141b1726;cursor:pointer}.config-checkbox-label{display:flex;align-items:center;gap:14px;cursor:pointer;font-family:Roboto Mono,monospace;font-size:.95rem;color:var(--neon-green);-webkit-user-select:none;user-select:none}.config-checkbox{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:8px;border:1.5px solid rgba(20,27,23,.3);background:#fffdfa;cursor:pointer;position:relative}.config-checkbox:checked{border-color:var(--neon-red);background:var(--neon-red)}.wait-screen-active{position:fixed;inset:0;width:100vw;height:100dvh;background:#1c2621;z-index:2000;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.plasma-core{position:absolute;pointer-events:none;will-change:transform}.plasma-core.cian-node{width:1100px;height:1100px;background:radial-gradient(circle,transparent 48%,rgba(255,255,255,.22) 50%,rgba(255,255,255,.05) 52%,transparent 55%);animation:charcoal-ripple-soft-1 11s infinite cubic-bezier(.22,1,.36,1);opacity:0}.plasma-core.magenta-node{width:1200px;height:1200px;background:radial-gradient(circle,transparent 46%,rgba(255,255,255,.16) 49%,rgba(255,255,255,.03) 51%,transparent 54%);animation:charcoal-ripple-soft-2 14s infinite cubic-bezier(.22,1,.36,1);animation-delay:4s;opacity:0}.plasma-core.green-node{width:350px;height:350px;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 65%);animation:wait-cellular-sketch 12s infinite ease-in-out alternate;opacity:.5}.quantum-loader-sphere{position:relative;width:105px;height:105px;background:#fdfbf74d;border:1.5px solid rgba(28,38,33,.3);border-radius:48% 52% 45% 55%/55% 48% 52% 45%;display:flex;justify-content:center;align-items:center;margin-bottom:35px;box-shadow:0 10px 30px #1c26210a;animation:sphere-morph-sketch 7s infinite ease-in-out}.quantum-loader-sphere .inner-pulse{width:32px;height:32px;background:var(--neon-red);border-radius:50%;box-shadow:0 0 30px var(--neon-red),0 0 60px #d6282833;animation:inner-heartbeat-sketch 1.8s infinite ease-in-out}.dynamic-sub-text{color:#4a5c52!important;text-shadow:none;font-weight:700;letter-spacing:.5px;background:#fdfbf7e6;padding:4px 14px;border-radius:100px;border:1px solid rgba(28,38,33,.15)}.infinite-progress{border-radius:100px;overflow:hidden;background:#1c26210f}.liquid-fill-infinite{width:35%!important;height:100%;position:absolute;background:linear-gradient(90deg,transparent,var(--hyper-yellow),var(--neon-red),transparent);animation:infinite-flow-sketch 2s infinite linear}@keyframes charcoal-ripple-soft-1{0%{transform:scale(.05) rotate(0);border-radius:48% 52% 46% 54%/52% 46% 54% 48%;opacity:0}15%{opacity:.85}60%{opacity:.65}85%{opacity:.2}to{transform:scale(1.45) rotate(45deg);border-radius:52% 48% 54% 46%/46% 54% 48% 52%;opacity:0}}@keyframes charcoal-ripple-soft-2{0%{transform:scale(.05) rotate(0);border-radius:54% 46% 52% 48%/46% 54% 48% 52%;opacity:0}18%{opacity:.8}65%{opacity:.55}90%{opacity:.15}to{transform:scale(1.35) rotate(-35deg);border-radius:46% 52% 46% 54%/54% 46%;opacity:0}}@keyframes cosmic-drift{0%{transform:scale(1);opacity:.5}to{transform:scale(1.08);opacity:.8}}@keyframes sketch-breath{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.97)}}@keyframes wait-cellular-sketch{0%{transform:scale(.8) translate(0);opacity:.3}to{transform:scale(1.1) translate(-2vw,2vh);opacity:.6}}@keyframes sphere-morph-sketch{0%,to{border-radius:48% 52% 45% 55%/55% 48% 52% 45%;transform:rotate(0)}50%{border-radius:55% 45%/42% 58%;transform:rotate(90deg)}}@keyframes inner-heartbeat-sketch{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.18);filter:brightness(1.15);box-shadow:0 0 35px var(--neon-red),0 0 70px #d6282866}}@keyframes infinite-flow-sketch{0%{left:-35%}to{left:100%}}@media(max-width:480px){.auth-actions{flex-direction:column;gap:12px}.action-btn,.btn-cyber{width:100%}.start-container{padding:35px 24px;border-radius:24px}}