@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Share+Tech+Mono&display=swap";:root{--bg-1: #060a14;--bg-2: #0e1224;--neon-cyan: #00e5ff;--neon-pink: #ff00e1;--neon-green: #39ff14;--text: #e6efff;--muted: #9aa4b2;--glass: rgba(10, 14, 25, .55);--glass-strong: rgba(10, 14, 25, .75);--base-w: 1280;--base-h: 640;--aspect: calc(var(--base-w) / var(--base-h))}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;position:relative;color:var(--text);font-family:Share Tech Mono,monospace;background:radial-gradient(1200px 800px at 20% 20%,#0b1530,#080d1c 40%,#060912 70%),linear-gradient(160deg,var(--bg-2),var(--bg-1))}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(1200px 800px at 80% 10%,rgba(255,0,225,.08),transparent 60%),repeating-linear-gradient(0deg,rgba(0,229,255,.03),rgba(0,229,255,.03) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,rgba(255,0,225,.03),rgba(255,0,225,.03) 1px,transparent 1px,transparent 3px);animation:grid-pan 20s linear infinite}@keyframes grid-pan{0%{transform:translateY(0)}to{transform:translateY(-8px)}}canvas{display:block}#blur-background{position:absolute;inset:0;-webkit-backdrop-filter:blur(6px) saturate(110%);backdrop-filter:blur(6px) saturate(110%);background:linear-gradient(180deg,#050a12a6,#050a12bf);z-index:1}#blur-background:after{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff0a,#ffffff0a) 0 0 / 100% 2px,linear-gradient(#00000059,#00000059);mix-blend-mode:overlay;pointer-events:none;opacity:.6}#fps{display:none;position:absolute;top:10px;left:80px;color:#cfe7ff;background:linear-gradient(180deg,#050c18b3,#08101ee6);padding:6px 10px;border-radius:6px;border:1px solid rgba(0,229,255,.25);text-shadow:0 0 6px rgba(0,229,255,.45);box-shadow:0 0 12px #00e5ff26,inset 0 0 12px #00e5ff14;z-index:2;font-size:12px}#fullscreen-button{position:absolute;top:10px;right:10px;z-index:3;cursor:pointer;border:1px solid rgba(255,0,225,.35);background:linear-gradient(180deg,#190a1cb3,#0c0618e6);color:#ffd6fb;padding:8px 12px;border-radius:8px;box-shadow:0 0 12px #ff00e140,inset 0 0 12px #ff00e11f;transition:transform .08s ease,box-shadow .2s ease,border-color .2s ease}#fullscreen-button:hover{transform:translateY(-1px);box-shadow:0 0 20px #ff00e159,inset 0 0 16px #ff00e12e}#fullscreen-button:active{transform:translateY(0)}#fullscreen-button[data-active=true]{border-color:#00e5ff73;color:#cfffff;box-shadow:0 0 20px #00e5ff59,inset 0 0 16px #00e5ff33}#start-container{position:absolute;inset:0;display:grid;place-items:center;z-index:3}.start-panel{width:min(90vw,720px);aspect-ratio:2 / 1;max-height:70vh;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:clamp(18px,3vw,28px);background:linear-gradient(180deg,#08101ebf,#08101ee6);border:1px solid rgba(0,229,255,.25);border-radius:16px;box-shadow:0 0 30px #00e5ff26,inset 0 0 30px #00e5ff14,0 0 60px #ff00e11f;text-align:center;position:relative;overflow:hidden}.start-panel:before{content:"";position:absolute;inset:0;border-radius:16px;padding:2px;background:linear-gradient(45deg,#00e5ff66,#ff00e159,#39ff1440);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-glow 6s linear infinite;pointer-events:none}@keyframes border-glow{0%{filter:hue-rotate(0deg);opacity:.8}50%{opacity:.55}to{filter:hue-rotate(360deg);opacity:.8}}.game-title{font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(28px,5vw,48px);letter-spacing:2px;color:#e3fbff;text-shadow:0 0 12px rgba(0,229,255,.6),0 0 24px rgba(255,0,225,.4);margin:0}.game-subtitle{margin:0;color:var(--muted);font-size:clamp(12px,2.2vw,16px);text-shadow:0 0 8px rgba(0,229,255,.2)}.controls{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:8px}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.controls-list{margin:0;padding-left:16px;list-style:disc;color:#c8d7ee;font-size:clamp(11px,1.8vw,13px);text-align:left}@media (max-width: 600px){.controls-grid{grid-template-columns:1fr}}#username-input{width:min(70vw,360px);padding:10px 12px;font-size:16px;color:#eaf9ff;background:var(--glass);border:1px solid rgba(0,229,255,.35);border-radius:10px;outline:none;box-shadow:inset 0 0 16px #00e5ff1f,0 0 12px #00e5ff1f;transition:box-shadow .2s ease,border-color .2s ease}#username-input::placeholder{color:#9bc7d1;opacity:.7}#username-input:focus{border-color:#ff00e173;box-shadow:inset 0 0 18px #ff00e126,0 0 20px #ff00e140}.btn{cursor:pointer;border:1px solid rgba(0,229,255,.35);background:linear-gradient(180deg,#06101cb3,#081224f2);color:#e9feff;font-size:16px;padding:10px 18px;border-radius:10px;box-shadow:0 0 18px #00e5ff33,inset 0 0 18px #00e5ff1f;transition:transform .08s ease,box-shadow .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 0 26px #00e5ff52,inset 0 0 20px #00e5ff2e}.btn:active{transform:translateY(0)}.btn-primary{border-color:#39ff1459;box-shadow:0 0 18px #39ff1433,inset 0 0 18px #39ff1424}.btn-primary:hover{box-shadow:0 0 26px #39ff1452,inset 0 0 20px #39ff142e}.btn-ghost{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0a,#ffffff05);color:#e6efff}#chat-panel{position:fixed;top:10vh;left:12px;height:70vh;width:min(420px,90vw);background:#00000040;border:1px solid rgba(255,255,255,.05);padding:8px;border-radius:8px;color:#eaeaea;font-family:monospace;z-index:50;display:flex;flex-direction:column;pointer-events:none}#chat-messages{flex:1 1 auto;font-size:12px;line-height:1.4;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;color:#eaeaea99}.chat-line{color:#eaeaeab3}#chat-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:60;-webkit-backdrop-filter:blur(6px) saturate(110%);backdrop-filter:blur(6px) saturate(110%);background:#0408108c}.chat-modal-box{width:min(92vw,560px);background:linear-gradient(180deg,#08101ed9,#08101ef2);border:1px solid rgba(0,229,255,.25);border-radius:14px;box-shadow:0 0 30px #00e5ff26,inset 0 0 30px #00e5ff14,0 0 60px #ff00e11f;padding:14px}.chat-modal-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.chat-modal-header h2{font-family:Orbitron,sans-serif;font-size:18px;margin:0;color:#e3fbff;text-shadow:0 0 12px rgba(0,229,255,.6),0 0 24px rgba(255,0,225,.4)}.chat-modal-body{display:flex;flex-direction:column;gap:10px}#chat-modal-input{width:100%;padding:10px 12px;font-size:16px;color:#eaf9ff;background:var(--glass);border:1px solid rgba(0,229,255,.35);border-radius:10px;outline:none;box-shadow:inset 0 0 16px #00e5ff1f,0 0 12px #00e5ff1f;transition:box-shadow .2s ease,border-color .2s ease}#chat-modal-input::placeholder{color:#9bc7d1;opacity:.7}#chat-modal-input:focus{border-color:#ff00e173;box-shadow:inset 0 0 18px #ff00e126,0 0 20px #ff00e140}.chat-modal-actions{display:flex;justify-content:flex-end}#chat-open-button{position:fixed;z-index:55;display:none;cursor:pointer;border:1px solid rgba(0,229,255,.35);background:linear-gradient(180deg,#06101cb3,#081224f2);color:#e9feff;font-size:14px;padding:8px 12px;border-radius:10px;box-shadow:0 0 18px #00e5ff33,inset 0 0 18px #00e5ff1f}@media (max-width: 900px),(pointer: coarse){#chat-open-button{display:inline-block;top:10px;left:10px}#chat-modal{align-items:flex-start;justify-content:center;padding:0;background:#04081073}.chat-modal-box{width:100vw;border-radius:0;border-left:0;border-right:0;box-shadow:none;padding:10px 12px}}@media (max-width: 500px){.start-panel{width:92vw;aspect-ratio:1.8 / 1;gap:14px}#username-input{width:82vw}}