:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#00001a;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background:radial-gradient(circle,#003 0%,#000 100%);flex-direction:column;min-width:320px;min-height:100vh;margin:0;display:flex;overflow-x:hidden}#tab-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;background:#000012eb;border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:center;display:flex}.tab{color:#fff6;letter-spacing:.07em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 44px;font-family:inherit;font-size:14px;transition:color .2s,border-color .2s}.tab:hover{color:#ffffffbf}.tab.active{color:#fff;border-bottom-color:#0cf}.tab-panel{flex:1;display:none}.tab-panel.active{justify-content:center;align-items:center;display:flex}#app{text-align:center;max-width:1280px;margin:0 auto;padding:2rem;position:relative}#focus-app{color:#ffffff4d;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.focus-coming-soon{letter-spacing:.05em;margin:0;font-size:18px}canvas{touch-action:none;background-color:#006;border:2px solid #ffffff1a;border-radius:8px;max-width:100%;height:auto;display:block;box-shadow:0 0 30px #0096ff33,inset 0 0 20px #00000080}#game-container{display:inline-block;position:relative}#pause-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent;z-index:10;background:#00001ebf;border:2px solid #ffc80066;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,background .15s;position:absolute;top:10px;right:10px}#pause-btn:hover{background:#322800e6;border-color:#ffc800e6}#controls{flex-direction:column;align-items:center;gap:10px;margin-top:14px;display:flex}.control-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.control-label{color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;text-align:right;min-width:52px;font-size:13px}#weapon-selector,#ship-selector{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.weapon-btn[data-tooltip]{position:relative}.weapon-btn[data-tooltip]:after{content:attr(data-tooltip);color:#e0f8ff;white-space:nowrap;pointer-events:none;opacity:0;z-index:100;letter-spacing:.02em;background:#00051ef5;border:1px solid #00c8ff73;border-radius:7px;padding:7px 12px;font-size:12px;font-weight:500;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 0 14px #00b4ff33}.weapon-btn[data-tooltip]:before{content:"";pointer-events:none;opacity:0;z-index:100;border:5px solid #0000;border-top-color:#00c8ff73;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)translateY(4px)}.weapon-btn[data-tooltip]:hover:after,.weapon-btn[data-tooltip]:hover:before{opacity:1;transform:translate(-50%)translateY(0)}.weapon-btn,.ship-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#000032cc;border:2px solid #fff3;border-radius:8px;padding:10px 18px;font-family:inherit;font-size:15px;transition:border-color .15s,background .15s,box-shadow .15s}.weapon-btn:hover,.ship-btn:hover{background:#000064e6;border-color:#0096ff99}.weapon-btn.active,.ship-btn.active{background:#003296e6;border-color:#00c8ffcc;box-shadow:0 0 12px #0096ff66}#app:before{content:"";z-index:-1;filter:blur(40px);opacity:.15;pointer-events:none;background:linear-gradient(45deg,#f0f,#0ff,#f0f,#0ff);width:820px;height:620px;animation:4s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:.1}50%{opacity:.25}}