:root{--bg:#050913;--panel:#081222d1;--cyan:#38e8ff;--text:#d8ecff;--dim:#7fa0bf;--display:"Orbitron", "Segoe UI", system-ui, sans-serif;--body:"Rajdhani", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--body);-webkit-user-select:none;user-select:none;overflow:hidden}canvas{display:block}.start{background:radial-gradient(ellipse at 50% 60%, #0d2540 0%, var(--bg) 70%);z-index:30;place-items:center;display:grid;position:fixed;inset:0}.start-grid{background-image:linear-gradient(#38e8ff12 1px,#0000 1px),linear-gradient(90deg,#38e8ff12 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 75%);mask-image:radial-gradient(#000 20%,#0000 75%)}.start-inner{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:0 20px;display:flex;position:relative}.start-title{font-family:var(--display);letter-spacing:.14em;color:#fff;text-shadow:0 0 24px #38e8ffa6,0 0 70px #38e8ff40;margin-bottom:18px;font-size:clamp(2.2rem,8vw,5.5rem);font-weight:900}.start-sub{letter-spacing:.5em;color:var(--dim);padding-left:.5em;font-size:clamp(1rem,2.4vw,1.5rem);font-weight:600}.btn{font-family:var(--display);letter-spacing:.25em;color:var(--text);cursor:pointer;background:#38e8ff0f;border:1px solid #38e8ff8c;min-width:260px;padding:14px 40px;font-size:1rem;font-weight:700;transition:background .2s,box-shadow .2s,color .2s}.btn:hover,.btn:focus-visible{color:#fff;background:#38e8ff38;outline:none;box-shadow:0 0 22px #38e8ff73}.btn-play{margin-top:44px;padding:18px 64px;font-size:1.25rem}.loading{z-index:25;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.loading-text{font-family:var(--display);letter-spacing:.35em;color:var(--dim);font-size:.95rem}.bar{background:#38e8ff26;width:min(420px,70vw);height:4px}.bar-fill{background:var(--cyan);height:100%;box-shadow:0 0 14px var(--cyan)}.loading-pct{font-family:var(--display);color:var(--cyan);font-size:.85rem}.hud{pointer-events:none;z-index:10;position:fixed;inset:0}.crosshair{background:#ffffffd9;border-radius:50%;width:6px;height:6px;transition:width .15s,height .15s,background .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #38e8ffe6}.crosshair.active{border:2px solid var(--cyan);width:14px;height:14px;box-shadow:0 0 12px var(--cyan);background:0 0}.crosshair.active:after{content:"";background:#fff;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fadein{background:#000;animation:1.4s ease-out forwards fadein;position:absolute;inset:0}@keyframes fadein{0%{opacity:1}to{opacity:0}}.hints{letter-spacing:.12em;text-shadow:0 1px 6px #000;flex-direction:column;gap:6px;font-size:.95rem;font-weight:600;display:flex;position:absolute;bottom:20px;left:22px}.hint{align-items:center;gap:12px;display:flex}.key{text-align:center;min-width:64px;font-family:var(--display);letter-spacing:.12em;color:var(--cyan);background:#050c1899;border:1px solid #38e8ff80;padding:2px 8px;font-size:.7rem;display:inline-block}.prompt{background:var(--panel);border:1px solid #38e8ff80;flex-direction:column;align-items:center;gap:4px;padding:10px 22px;display:flex;position:absolute;top:calc(50% + 46px);left:50%;transform:translate(-50%)}.prompt-main{font-family:var(--display);letter-spacing:.2em;color:var(--cyan);font-weight:700}.prompt-sub{letter-spacing:.25em;color:var(--dim);font-size:.8rem}.holo{text-align:center;border:1px solid var(--cyan);background:linear-gradient(#38e8ff29,#081222d9);width:min(460px,86vw);padding:36px 32px;animation:.35s ease-out both holo-in;position:absolute;top:40%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 40px #38e8ff59,inset 0 0 30px #38e8ff1f}.holo:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 4px);position:absolute;inset:0}.holo h2{font-family:var(--display);letter-spacing:.3em;color:#fff;text-shadow:0 0 16px var(--cyan);font-size:1.7rem;font-weight:900}.holo-status{font-family:var(--display);letter-spacing:.3em;color:#6dffb0;text-shadow:0 0 10px #6dffb099;margin-top:14px}.holo-close{letter-spacing:.25em;color:var(--dim);margin-top:24px;font-size:.85rem}@keyframes holo-in{0%{opacity:0;transform:translate(-50%,-46%)scaleY(.85)}to{opacity:1;transform:translate(-50%,-50%)scaleY(1)}}.pause{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030810b8;place-items:center;display:grid;position:fixed;inset:0}.pause-card{background:var(--panel);border:1px solid #38e8ff66;flex-direction:column;align-items:center;gap:14px;padding:36px 44px;display:flex}.pause-card h2{font-family:var(--display);letter-spacing:.4em;margin-bottom:14px;padding-left:.4em}.controls{flex-direction:column;gap:10px;margin-bottom:10px;list-style:none;display:flex}.controls li{align-items:center;gap:16px;font-size:1.05rem;display:flex}.controls .key{min-width:96px}.settings{flex-direction:column;gap:16px;width:min(440px,80vw);margin-bottom:8px;display:flex}.row{font-family:var(--display);letter-spacing:.18em;grid-template-columns:120px 1fr 56px;align-items:center;gap:14px;font-size:.72rem;display:grid}.row .val{text-align:right;color:var(--cyan);font-size:.75rem}.row .seg{grid-column:2/4}.seg{gap:6px;display:flex}.seg-btn{font-family:var(--display);letter-spacing:.15em;color:var(--dim);cursor:pointer;background:0 0;border:1px solid #38e8ff4d;flex:1;padding:8px 0;font-size:.7rem}.seg-btn.on{color:#fff;border-color:var(--cyan);background:#38e8ff38;box-shadow:0 0 12px #38e8ff59}.hint-text{color:var(--dim);letter-spacing:.06em;font-size:.8rem}input[type=range]{appearance:none;cursor:pointer;background:#38e8ff40;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cyan);width:14px;height:22px;box-shadow:0 0 10px var(--cyan);border:0}input[type=range]::-moz-range-thumb{background:var(--cyan);border:0;border-radius:0;width:14px;height:22px}@media (prefers-reduced-motion:reduce){.holo,.fadein{animation:none}.fadein{opacity:0}}.hp{pointer-events:auto;border:1px solid var(--cyan);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#38e8ff24,#061020e6 40%);width:min(560px,92vw);max-height:84vh;padding:30px 34px 22px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 0 44px #38e8ff52,inset 0 0 36px #38e8ff1a}.hp:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 4px);position:absolute;inset:0}.hp-scan{pointer-events:none;background:linear-gradient(#0000,#38e8ff66,#0000);height:70px;animation:.9s ease-out .1s both hp-scan;position:absolute;top:-70px;left:0;right:0}.hp.enter{animation:.45s cubic-bezier(.2,.8,.2,1) both hp-in}.hp.leave{pointer-events:none;animation:.3s ease-in both hp-out}@keyframes hp-in{0%{opacity:0;clip-path:inset(48% 0)}to{opacity:1;clip-path:inset(0)}}@keyframes hp-out{0%{opacity:1;clip-path:inset(0)}to{opacity:0;clip-path:inset(48% 0)}}@keyframes hp-scan{0%{opacity:1;top:-70px}to{opacity:0;top:100%}}.hp-eyebrow{font-family:var(--display);letter-spacing:.35em;color:var(--cyan);margin-bottom:8px;font-size:.7rem}.hp h2{font-family:var(--display);letter-spacing:.12em;color:#fff;text-shadow:0 0 16px var(--cyan);font-size:1.55rem;font-weight:900;line-height:1.25}.hp-sub{letter-spacing:.04em;color:#9fe8f5;margin-top:10px;font-size:1.1rem;font-weight:600}.hp-body{color:var(--text);margin-top:12px;font-size:1.1rem;line-height:1.45}.hp-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.hp-tag{letter-spacing:.08em;color:var(--cyan);background:#38e8ff12;border:1px solid #38e8ff73;padding:4px 10px;font-size:.85rem;font-weight:600}.hp-section{margin-top:18px}.hp-section h3{font-family:var(--display);letter-spacing:.3em;color:#b07cff;margin-bottom:8px;font-size:.7rem}.hp-section ul{grid-template-columns:1fr 1fr;gap:4px 18px;list-style:none;display:grid}.hp-section li{padding-left:14px;font-size:1rem;font-weight:600;position:relative}.hp-section li:before{content:"";background:var(--cyan);width:6px;height:6px;box-shadow:0 0 8px var(--cyan);position:absolute;top:.55em;left:0}.hp-links{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.hp-link{font-family:var(--display);letter-spacing:.2em;color:#fff;border:1px solid var(--cyan);background:#38e8ff1f;padding:10px 22px;font-size:.8rem;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .2s}a.hp-link:hover{background:#38e8ff4d;box-shadow:0 0 18px #38e8ff80}.hp-link.off{color:var(--dim);cursor:not-allowed;background:0 0;border-color:#7fa0bf59}.hp-foot{letter-spacing:.25em;color:var(--dim);justify-content:space-between;align-items:center;margin-top:24px;font-size:.85rem;display:flex}.hp-close{font-family:var(--display);letter-spacing:.25em;color:var(--text);cursor:pointer;background:0 0;border:1px solid #38e8ff8c;padding:9px 26px;font-size:.75rem;font-weight:700}.hp-close:hover{color:#fff;background:#38e8ff38}.crosshair.hidden{opacity:0}.loc{font-family:var(--display);letter-spacing:.25em;color:#fff;text-shadow:0 1px 8px #000;font-size:.78rem;animation:.8s ease-out both loc-in;position:absolute;top:18px;left:22px}.loc-label{color:var(--cyan);margin-right:8px}.esc-hint{letter-spacing:.15em;text-shadow:0 1px 6px #000;align-items:center;gap:10px;font-size:.9rem;font-weight:600;display:flex;position:absolute;top:16px;right:22px}@keyframes loc-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hp.enter,.hp.leave,.hp-scan,.loc{animation:none}}.start-note{max-width:520px;color:var(--text);background:var(--panel);border:1px solid #38e8ff66;margin-top:40px;padding:18px 22px;font-size:1.15rem;line-height:1.5}.hp{width:min(540px,92vw);max-height:80vh;padding:26px 30px 20px}.hp-content{animation:.45s ease-out .5s both hp-reveal;position:relative}.hp-boot{z-index:2;pointer-events:none;font-family:var(--display);letter-spacing:.3em;color:var(--cyan);background:#050c18eb;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:.72rem;animation:.8s both hp-boot;display:flex;position:absolute;inset:0}.hp-boot i{background:#38e8ff33;width:55%;height:3px;display:block;position:relative;overflow:hidden}.hp-boot i:after{content:"";background:var(--cyan);box-shadow:0 0 10px var(--cyan);transform-origin:0;animation:.6s ease-out both hp-fill;position:absolute;inset:0}@keyframes hp-boot{0%,70%{opacity:1}to{opacity:0}}@keyframes hp-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hp-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hp.leave .hp-content{animation:none}.hp-cat{font-family:var(--display);letter-spacing:.22em;color:#b07cff;background:#b07cff14;border:1px solid #b07cff80;margin-top:10px;padding:3px 10px;font-size:.62rem;display:inline-block}.hp-block{margin-top:16px}.hp-block h3{font-family:var(--display);letter-spacing:.3em;color:var(--cyan);margin-bottom:8px;font-size:.66rem}.hp-block .hp-tags{margin-top:0}.hp-block ul{grid-template-columns:1fr 1fr;gap:4px 18px;list-style:none;display:grid}.hp-block ul.one{grid-template-columns:1fr}.hp-block li{padding-left:14px;font-size:1rem;font-weight:600;position:relative}.hp-block li:before{content:"";background:var(--cyan);width:6px;height:6px;box-shadow:0 0 8px var(--cyan);position:absolute;top:.55em;left:0}.hp-note{color:var(--dim);border-left:2px solid #ffb45499;margin-top:16px;padding-left:10px;font-size:.85rem;line-height:1.35}.hp-links{margin-top:18px}@media (prefers-reduced-motion:reduce){.hp-content,.hp-boot,.hp-boot i:after{animation:none}.hp-boot{display:none}}