@import "https://fonts.googleapis.com/css2?family=Audiowide&family=Share+Tech+Mono&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg:#030d14;--bg1:#071620;--line:#72f4ff33;--text:#d2f4ff;--muted:#7ab8c4;--hot:#ff5031;--ice:#72f4ff;--acid:#b8ff43;--mono:"Share Tech Mono", "Courier New", monospace}*{box-sizing:border-box}*,:before,:after{margin:0;padding:0}html,body,#app{width:100%;min-height:100vh}body{background:var(--bg);color:var(--text);cursor:none;font-family:Space Grotesk,Segoe UI,sans-serif;overflow:hidden}body:before{content:"";z-index:0;filter:blur(24px);background:radial-gradient(circle at 20% 20%,#72f4ff14,#0000 36%),radial-gradient(circle at 80% 70%,#ff503114,#0000 38%),conic-gradient(from 90deg,#b8ff430a,#72f4ff08,#ff50310a,#b8ff430a);animation:24s linear infinite drift;position:fixed;inset:-30%}@keyframes drift{0%{transform:rotate(0)scale(1)}to{transform:rotate(360deg)scale(1.05)}}.canvas-wrap{z-index:0;position:fixed;inset:0}#sim-canvas{width:100%;height:100%;display:block}.center-brand{z-index:6;pointer-events:none;text-align:left;position:fixed;top:19%;left:27%;transform:translate(-50%,-50%)}.glitch-title{letter-spacing:.09em;color:#dcffe9;text-transform:uppercase;text-shadow:0 0 12px rgba(105, 255, 214, calc(.5 + var(--audio-level,0) * .7)), 0 0 26px rgba(82, 231, 255, calc(.2 + var(--audio-level,0) * .28));font-family:Audiowide,sans-serif;font-size:clamp(1.3rem,3.1vw,2.8rem);animation:6s infinite title-flicker;position:relative}.glitch-title:before,.glitch-title:after{content:attr(data-text);pointer-events:none;position:absolute;inset:0}.glitch-title:before{color:#62ffbe6b;animation:2.9s step-end infinite glitch-a;transform:translate(1px)}.glitch-title:after{color:#58ecff61;animation:3.4s step-end infinite glitch-b;transform:translate(-1px)}.brand-sub{font-family:var(--mono);letter-spacing:.2em;color:#d2f4ffb8;margin-top:.36rem;font-size:.6rem}@keyframes glitch-a{0%,58%,to{clip-path:inset(0);transform:translate(1px)}60%{clip-path:inset(46% 0 34%);transform:translate(2px,-1px)}62%{clip-path:inset(12% 0 70%);transform:translate(1px)}}@keyframes glitch-b{0%,68%,to{clip-path:inset(0);transform:translate(-1px)}70%{clip-path:inset(64% 0 8%);transform:translate(-2px,1px)}72%{clip-path:inset(8% 0 76%);transform:translate(-1px)}}@keyframes title-flicker{0%,42%,to{opacity:1}43%{opacity:.82}44%{opacity:1}}.right-stack{z-index:7;pointer-events:none;gap:.8rem;width:min(26vw,360px);display:grid;position:fixed;top:3rem;right:1rem}.camera-card,.hacklist-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030d14c2;border:1px solid #72f4ff52;box-shadow:0 0 0 1px #72f4ff1a,0 18px 34px #00000075}.panel-head{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#d2f4ffc7;border-bottom:1px solid #72f4ff3d;justify-content:space-between;align-items:center;padding:.42rem .58rem;font-size:.62rem;display:flex}.live-camera{aspect-ratio:16/9;object-fit:cover;filter:hue-rotate(158deg)contrast(1.12)brightness(.88)saturate(1.15);background:#031018;border:0;width:100%;display:block}.camera-source{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#b8ff43bf;border-bottom:1px dashed #72f4ff33;padding:.28rem .56rem;font-size:.56rem}.live-camera.offline{background:repeating-linear-gradient(0deg,#d2f4ff0f 0 1px,#0000 3px 6px),linear-gradient(120deg,#ff503138,#72f4ff1f,#b8ff4333);animation:2.2s linear infinite offline-noise}@keyframes offline-noise{0%{background-position:0 0,0 0}to{background-position:0 120px,120px 0}}.hack-list{font-family:var(--mono);color:#d2f4ffd1;gap:.34rem;padding:.5rem .62rem .64rem;font-size:.66rem;list-style:none;display:grid}.hack-list li{border-left:2px solid #b8ff438c;padding-left:.45rem;line-height:1.4}.noise-overlay{z-index:1;pointer-events:none;opacity:.25;background:repeating-linear-gradient(0deg,#ffffff09 0 1px,#b8ff4304 2px,#0000 4px);animation:8s linear infinite scan;position:fixed;inset:0}.cinema-overlay{z-index:7;pointer-events:none;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#d2f4ffcc;justify-content:space-between;align-items:flex-start;padding:.7rem 1rem;font-size:.66rem;display:flex;position:fixed;inset:0}.cinema-row{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030d1473;border:1px solid #72f4ff38;align-items:center;gap:.5rem;padding:.3rem .5rem;display:flex}.cinema-row.right{color:#b8ff43e6}.rec-dot{background:var(--hot);border-radius:50%;width:7px;height:7px;animation:1s steps(2,end) infinite blink;box-shadow:0 0 8px #ff5031e6}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.glitch-overlay{display:none}.glitch-overlay.active{opacity:0}@keyframes scan{0%{transform:translateY(-5%)}to{transform:translateY(5%)}}.screen{z-index:10;opacity:0;pointer-events:none;background:radial-gradient(at 50% 30%,#071e32e0 0%,#030d14f7 70%);justify-content:center;align-items:center;transition:opacity .32s;display:flex;position:fixed;inset:0}.screen.active{opacity:1;pointer-events:auto}.title-inner{text-align:center;padding:2rem 1.5rem}.eyebrow{font-family:var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--acid);margin-bottom:.8rem;font-size:.78rem}.eyebrow.hot{color:var(--hot)}.eyebrow.acid{color:var(--acid)}.game-title{text-transform:uppercase;color:var(--ice);text-shadow:0 0 20px #72f4ff8c,0 0 60px #72f4ff38;margin-bottom:1.2rem;font-family:Audiowide,sans-serif;font-size:clamp(3.2rem,10vw,7rem);line-height:.92}.subtitle{color:var(--muted);margin-bottom:1.8rem;font-size:1rem;line-height:1.6}.cta-btn{background:linear-gradient(90deg, var(--hot), #ff7d40);color:#fff;cursor:pointer;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));pointer-events:none;border:none;border-radius:2px;padding:.85rem 2.2rem;font-size:.88rem;transition:transform .14s,box-shadow .14s;display:inline-block;box-shadow:0 0 24px #ff503173}.ghost-btn{border:1px solid var(--line);box-shadow:none;color:var(--ice);pointer-events:none;background:0 0}.level-select-row{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.4rem;display:flex}.level-chip,.level-chip:hover{border:1px solid var(--line);color:var(--ice);font-family:var(--mono);letter-spacing:.06em;pointer-events:none;opacity:.6;background:#72f4ff0d;border-radius:2px;padding:.4rem .9rem;font-size:.76rem}.intro-inner{text-align:center;max-width:620px;padding:2.5rem 2rem}.intro-inner h2{color:var(--ice);text-shadow:0 0 12px #72f4ff59;margin:.5rem 0 .4rem;font-family:Audiowide,sans-serif;font-size:clamp(1.6rem,4vw,2.8rem)}.intro-subtitle{font-family:var(--mono);color:var(--acid);letter-spacing:.14em;text-transform:uppercase;margin-bottom:1rem;font-size:.82rem}.intro-desc{color:var(--muted);margin-bottom:1.8rem;line-height:1.68}.win-title{color:var(--acid)!important;text-shadow:0 0 24px #b8ff4373!important;font-size:clamp(2rem,6vw,4rem)!important}.hud{z-index:8;pointer-events:none;flex-direction:column;display:flex;position:fixed;inset:0}.hud.hidden{display:none}.hud-top{background:linear-gradient(#030d14e0,#0000);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.4rem .6rem;display:flex}.hud-left,.hud-right{flex-direction:column;gap:2px;min-width:110px;display:flex}.hud-right{text-align:right;align-items:flex-end}.hud-center{text-align:center;flex:1}.hud-label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.68rem}.hud-value{font-family:var(--mono);color:var(--ice);font-size:1.4rem;line-height:1}.hud-value.hot{color:var(--hot)}.hud-levelname{color:var(--acid);letter-spacing:.06em;font-size:.82rem;font-family:var(--mono)}.integrity-bar-wrap{border:1px solid var(--line);background:#ffffff14;border-radius:2px;max-width:280px;height:8px;margin:6px auto 4px;position:relative;overflow:hidden}.integrity-bar{background:linear-gradient(90deg, var(--ice), var(--acid));border-radius:2px;width:100%;height:100%;transition:width .35s,background .35s}#integrity-pct{font-family:var(--mono);color:var(--text);margin-top:3px;font-size:.72rem;display:block}.hud-bottom{pointer-events:none;margin-top:auto;padding:0 1.4rem 1.2rem}.terminal-hud{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030d14e0;border-radius:4px;max-width:760px;position:relative;box-shadow:0 0 0 1px #72f4ff0f,0 24px 48px #00000080}.terminal-hud-head{border-bottom:1px solid var(--line);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;padding:.5rem .9rem;font-size:.72rem;display:flex}.status-badge{color:var(--acid);transition:color .3s}.terminal-hud:before{content:"";mix-blend-mode:screen;pointer-events:none;background:linear-gradient(115deg,#0000 0%,#72f4ff0f 45%,#0000 75%);animation:2.8s linear infinite sweep;position:absolute;inset:0}@keyframes sweep{0%{transform:translate(-50%)}to{transform:translate(70%)}}.terminal-lines{font-family:var(--mono);max-height:150px;padding:.6rem .9rem .4rem;font-size:.74rem;line-height:1.5;list-style:none;overflow:hidden auto}.terminal-lines li{padding:.1rem 0}.terminal-lines li+li{border-top:1px dashed #72f4ff14}.line-info{color:#7ad4e8}.line-warn{color:#ffd06c}.line-crit{color:#ff7e6b}.terminal-input-row{border-top:1px solid var(--line);align-items:center;gap:.5rem;padding:.45rem .9rem .6rem;display:flex}.prompt{font-family:var(--mono);color:var(--acid);-webkit-user-select:none;user-select:none;font-size:.78rem}.cmd-input{font-family:var(--mono);color:var(--ice);pointer-events:none;opacity:.3;caret-color:#0000;background:0 0;border:none;outline:none;flex:1;font-size:.78rem}.cmd-input::placeholder{color:#7ab8c433;opacity:.3}#threat-level{color:var(--acid);text-shadow:0 0 12px #b8ff4359}#timecode{color:var(--ice)}@media (width<=640px){.hud-top{flex-wrap:wrap}.hud-center{order:-1;width:100%}.game-title{font-size:3.2rem}.terminal-lines{max-height:110px}.cinema-overlay{padding:.4rem;font-size:.58rem}.right-stack{grid-template-columns:1fr;width:auto;position:fixed;inset:auto .6rem 11.8rem}.center-brand{text-align:center;width:90%;top:18%;left:50%}.glitch-title{font-size:clamp(1.25rem,7vw,2.2rem)}}