@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Share+Tech+Mono&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e0e0e0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0e17;font-family:Share Tech Mono,monospace;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}:root{--bg-primary:#0a0e17;--bg-secondary:#0f1623;--bg-panel:#0f1623d9;--green:#00e676;--green-dim:#00c853;--red:#ff1744;--red-dim:#d50000;--accent:#ffd600;--accent-glow:#ffd6004d;--text-primary:#e0e0e0;--text-secondary:#9e9e9e;--text-dim:#616161;--border:#ffffff1a;--font-display:"Orbitron", sans-serif;--font-mono:"Share Tech Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);width:100%;height:100%;font-family:var(--font-mono);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100%;height:100%}.app{background:radial-gradient(#0f1623 0%,#0a0e17 70%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.app:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#0000 49.5%,#ffffff04 50%,#0000 50.5%),linear-gradient(#0000 49.5%,#ffffff04 50%,#0000 50.5%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:60px 60px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.game-container{border:1px solid #ffffff0f;border-radius:12px;width:100%;max-width:1200px;position:relative;overflow:hidden;box-shadow:0 0 60px #00e67614,0 0 120px #ff17440d,0 20px 60px #0009,inset 0 0 0 1px #ffffff14}.game-canvas{cursor:pointer;image-rendering:auto;touch-action:none;border-radius:12px 12px 0 0;width:100%;height:auto;display:block}.scanlines{pointer-events:none;z-index:10;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#00000008 0 1px,#0000 1px 3px);border-radius:12px;position:absolute;inset:0}.ticker-bar{background:linear-gradient(90deg,#080c14,#0d1220,#080c14);border-top:1px solid #ffffff0f;border-radius:0 0 12px 12px;padding:6px 0;position:relative;overflow:hidden}.ticker-bar:before,.ticker-bar:after{content:"";z-index:2;pointer-events:none;width:40px;position:absolute;top:0;bottom:0}.ticker-bar:before{background:linear-gradient(90deg,#080c14,#0000);left:0}.ticker-bar:after{background:linear-gradient(270deg,#080c14,#0000);right:0}.ticker-content{white-space:nowrap;will-change:transform;gap:28px;animation:25s linear infinite ticker-scroll;display:flex}.ticker-item{font-family:var(--font-mono);letter-spacing:.5px;flex-shrink:0;font-size:11px}.ticker-item.green{color:var(--green);text-shadow:0 0 8px #00e6764d}.ticker-item.red{color:var(--red);text-shadow:0 0 8px #ff17444d;animation:2s infinite pulse}@keyframes pulse{0%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:.5;transform:scale(1)}}.incoming-msg-btn{z-index:100;color:#ff003c;cursor:pointer;text-shadow:0 0 5px #ff003c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f003;border:2px solid #ff003c;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:80%;max-width:300px;padding:clamp(6px,1.5vw,10px) clamp(12px,3vw,20px);font-family:Orbitron,Share Tech Mono,monospace;font-size:clamp(.85rem,3vw,1.1rem);font-weight:700;animation:2s infinite pulse-glitch;display:flex;position:absolute;bottom:12%;left:50%;transform:translate(-50%);box-shadow:0 0 10px #f006}.incoming-msg-btn:hover{background:#f006;box-shadow:0 0 25px #f009}@keyframes pulse-glitch{0%{opacity:1;transform:translate(-50%)scale(1)}50%{opacity:.8;transform:translate(-50%)scale(1.05)}90%{opacity:1;transform:translate(-50%)scale(1)}92%{opacity:.8;transform:translate(-52%)skew(5deg)}94%{opacity:.9;transform:translate(-48%)skew(-5deg)}96%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1)}}.story-overlay{z-index:200;color:#0fc;background:#00050af2;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-family:Share Tech Mono,monospace;display:flex;position:absolute;top:0;left:0;overflow:hidden}.story-scanlines{pointer-events:none;z-index:201;background:repeating-linear-gradient(0deg,#00ffcc0d 0 1px,#0000 1px 3px);width:100%;height:100%;position:absolute;top:0;left:0}.story-content{border:2px solid var(--accent);pointer-events:auto;background:#0a0a0ff2;border-radius:12px;width:90%;max-width:600px;max-height:90vh;padding:clamp(15px,3vh,30px);overflow-y:auto;box-shadow:0 0 30px #0fc3}.story-content::-webkit-scrollbar{width:8px}.story-content::-webkit-scrollbar-track{background:#00ffcc1a}.story-content::-webkit-scrollbar-thumb{background:#0fc;border-radius:4px}.story-text{white-space:pre-wrap;text-shadow:0 0 5px #00ffcc80;font-size:1.2rem;line-height:1.6;animation:3s infinite mild-glitch}@keyframes mild-glitch{0%,to{text-shadow:0 0 5px #00ffcc80;transform:translate(0)}5%{text-shadow:-2px 0 #f00c,2px 0 #00fc;transform:translate(-1px,1px)}10%{text-shadow:0 0 5px #00ffcc80;transform:translate(0)}50%{text-shadow:0 0 5px #00ffcc80;transform:translate(0)}52%{text-shadow:2px 0 #f00c,-2px 0 #00fc;transform:translate(1px,-1px)}54%{text-shadow:0 0 5px #00ffcc80;transform:translate(0)}}.cursor{background-color:#0fc;width:10px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.story-controls{background:linear-gradient(#0000,#000);justify-content:flex-end;gap:15px;margin-top:20px;padding-top:20px;display:flex;position:sticky;bottom:0}.glitch-btn{color:#0fc;cursor:pointer;text-transform:uppercase;background:#0fc3;border:1px solid #0fc;border-radius:4px;padding:10px 20px;font-family:Share Tech Mono,monospace;font-size:1rem;transition:all .2s}.glitch-btn:hover{color:#000;background:#0fc;box-shadow:0 0 15px #0fc}.close-text-btn{color:#ff1744;background:#ff174433;border-color:#ff1744}.close-text-btn:hover{color:#000;background:#ff1744;box-shadow:0 0 15px #ff1744}.video-container{z-index:202;flex-direction:column;justify-content:center;align-items:center;width:90%;height:90%;display:flex;position:relative}.transmission-video{background:#000;border:2px solid #0fc;max-width:100%;max-height:80%;box-shadow:0 0 30px #0fc6}.close-btn{color:#ff1744;background:#ff174433;border-color:#ff1744;margin-top:20px;padding:12px 30px;font-size:1.2rem}.close-btn:hover{color:#000;background:#ff1744;box-shadow:0 0 15px #ff1744}.glitch-out{pointer-events:none;animation:.8s steps(5,end) forwards glitch-out-anim}@keyframes glitch-out-anim{0%{filter:hue-rotate()contrast();opacity:1;transform:scale(1)skew(0deg)}20%{filter:hue-rotate(90deg)contrast(2);opacity:.8;transform:scale(1.05)skew(10deg)}40%{filter:hue-rotate(-90deg)contrast(3);opacity:.5;transform:scale(.95)skew(-10deg)}60%{filter:hue-rotate(180deg)contrast(4);opacity:.2;transform:scale(1.1)skew(20deg)}to{filter:hue-rotate(360deg)contrast(5);opacity:0;transform:scale(0)skew(0deg)}}.video-glitch{animation:.8s forwards video-glitch-anim}@keyframes video-glitch-anim{0%{filter:contrast();transform:scale(1)}50%{filter:contrast(3)hue-rotate(90deg);transform:scale(1.1)skew(20deg)}to{opacity:0;filter:contrast(5);transform:scale(0)}}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=1250px){.game-container{max-width:calc(100vw - 32px);margin:0 16px}}@media (width<=850px){.game-container{border-radius:0;max-width:100vw;margin:0}.game-canvas,.ticker-bar{border-radius:0}}::selection{background:var(--accent);color:var(--bg-primary)}.leaderboard-container{color:gold;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a0f33;border:1px solid #ffd70033;border-radius:6px;width:90%;max-width:220px;padding:10px;font-family:Share Tech Mono,monospace;position:absolute;top:50px;right:20px;box-shadow:0 0 5px #ffd7001a}@media (width<=600px){.leaderboard-container{border-radius:4px;width:auto;max-width:140px;padding:5px;top:5px;right:5px}.leaderboard-title{margin-bottom:5px;font-size:.6rem}.leaderboard-table th{padding-bottom:2px;font-size:.5rem}.leaderboard-table td{padding:2px 0;font-size:.55rem}.leaderboard-loading{font-size:.5rem}}.leaderboard-title{text-align:center;letter-spacing:1px;text-shadow:0 0 3px gold;margin:0 0 10px;font-size:.9rem}.leaderboard-loading{text-align:center;color:#ffffffb3;font-size:.75rem;animation:1.5s infinite pulse}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table th{text-align:left;color:#aaa;border-bottom:1px solid #ffd70033;padding-bottom:3px;font-size:.75rem}.leaderboard-table td{padding:4px 0;font-size:.8rem}.leaderboard-table tr:first-child td{color:gold;font-weight:700}.leaderboard-table tr:nth-child(2) td{color:#e0e0e0}.leaderboard-table tr:nth-child(3) td{color:#cd7f32}.score-submit-form{flex-direction:column;gap:clamp(5px,2vh,10px);width:100%;max-width:300px;margin:clamp(10px,2vh,20px) auto 0;display:flex}.score-submit-input{color:#fff;background:#00000080;border:1px solid #0fc;border-radius:4px;outline:none;padding:clamp(6px,1.5vh,10px);font-family:Share Tech Mono,monospace;font-size:clamp(.8rem,3vh,1rem)}.score-submit-input:focus{border-color:gold}.score-submit-btn{color:#000;cursor:pointer;text-transform:uppercase;background:gold;border:none;border-radius:4px;padding:clamp(6px,1.5vh,10px);font-family:Share Tech Mono,monospace;font-size:clamp(.8rem,3vh,1rem);font-weight:700}.score-submit-btn:hover{background:#fff}.score-submit-btn:disabled{cursor:not-allowed;background:#555}
