@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/orbitron-latin-500-normal-DQ2gt4P1.woff2)format("woff2"),url(/assets/orbitron-latin-500-normal-BCCupJ8c.woff)format("woff")}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/orbitron-latin-700-normal-4jsRXGGJ.woff2)format("woff2"),url(/assets/orbitron-latin-700-normal-DmYOh-W9.woff)format("woff")}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/orbitron-latin-900-normal-DrIi7unX.woff2)format("woff2"),url(/assets/orbitron-latin-900-normal-BbJatbhp.woff)format("woff")}:root{--bg:#05060f;--cyan:#22e6ff;--magenta:#ff3df2;--yellow:#ffe14a;--text:#e8f0ff;--muted:#8b95c4;--panel:#080a1cc7;--font:"Orbitron", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#game{position:fixed;inset:0}#game canvas{touch-action:none;display:block}#ui{pointer-events:none;position:fixed;inset:0}.hidden{display:none!important}.screen{touch-action:pan-y;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));pointer-events:auto;text-align:center;background:radial-gradient(#05060f8c,#05060fdb);flex-direction:column;justify-content:safe center;align-items:center;gap:clamp(10px,2.4vh,22px);display:flex;position:absolute;inset:0;overflow-y:auto}.title{letter-spacing:.08em;color:#fff;text-shadow:0 0 12px #22e6ffe6,0 0 42px #22e6ff8c;flex-direction:column;margin:0;font-size:clamp(34px,9vh,84px);font-weight:900;line-height:.95;display:flex}.title .accent{color:var(--magenta);letter-spacing:.34em;text-shadow:0 0 12px #ff3df2e6,0 0 42px #ff3df28c;margin-right:-.34em;font-size:.62em}h2{letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 24px #22e6ffb3;margin:0;font-size:clamp(28px,7vh,56px);font-weight:900}.menu{flex-direction:column;gap:clamp(8px,1.6vh,14px);width:min(340px,86vw);display:flex}.btn{font:inherit;letter-spacing:.12em;text-transform:uppercase;color:var(--text);background:var(--panel);cursor:pointer;border:1.5px solid #8b95c480;border-radius:10px;padding:clamp(10px,1.9vh,16px) 18px;font-size:clamp(14px,2.6vh,18px);font-weight:700;transition:transform 80ms,box-shadow .15s,border-color .15s}.btn small{color:var(--muted);margin-left:.6em;font-size:.6em}.btn:hover:not(:disabled),.btn:focus,.btn:focus-visible{border-color:var(--cyan);outline:none;box-shadow:0 0 18px #22e6ff73,inset 0 0 14px #22e6ff1f}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{border-color:var(--cyan);color:#fff;box-shadow:0 0 14px #22e6ff59,inset 0 0 12px #22e6ff1f}.btn:disabled{opacity:.45;cursor:default}.toggles,.bot-row{gap:8px;display:flex}.bot-row .btn:first-child{white-space:nowrap;flex:2.4}.bot-row .btn.subtle{flex:1;padding-left:6px;padding-right:6px}.toggles .btn{white-space:nowrap;flex:1;padding-left:4px;padding-right:4px}.btn.subtle.off{opacity:.5;text-decoration:line-through}.btn.subtle{color:var(--muted);border-color:#8b95c44d;padding:clamp(6px,1.2vh,10px) 14px;font-size:clamp(11px,2vh,13px)}.highscore,.score-line{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:clamp(12px,2.2vh,15px)}.highscore strong,.score-line strong{color:var(--yellow);text-shadow:0 0 14px #ffe14a99;margin-left:.5em;font-size:1.35em}.score-line.small strong{font-size:1em}.help{max-width:560px;color:var(--muted);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(11px,2vh,13px);line-height:1.5}.icon-btn{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));background:var(--panel);cursor:pointer;pointer-events:auto;border:1.5px solid #8b95c473;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:42px;height:42px;display:flex;position:absolute}.icon-btn span{background:var(--text);border-radius:2px;width:5px;height:16px}#rotate-hint{z-index:10;background:var(--bg);pointer-events:auto;letter-spacing:.12em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:none;position:absolute;inset:0}.rotate-icon{border:3px solid var(--cyan);border-radius:9px;width:46px;height:78px;animation:2.2s ease-in-out infinite rotate-device;box-shadow:0 0 18px #22e6ff99}@keyframes rotate-device{0%,20%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media (orientation:portrait) and (max-width:700px){#rotate-hint{display:flex}}@media (prefers-reduced-motion:reduce){.rotate-icon{animation:none;transform:rotate(90deg)}}.field{text-align:left;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;flex-direction:column;gap:4px;font-size:11px;display:flex}input[type=text]{font:inherit;letter-spacing:.1em;color:var(--text);-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#080a1ce6;border:1.5px solid #8b95c480;border-radius:10px;width:100%;min-width:0;padding:clamp(8px,1.6vh,13px) 14px;font-size:clamp(14px,2.6vh,18px);font-weight:700}input[type=text]:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 14px #22e6ff59}.join-row{gap:8px;display:flex}.join-row input{text-align:center;text-transform:uppercase;letter-spacing:.4em;flex:1}.join-row .btn{flex:1.2}.status{min-height:1.4em;color:var(--yellow);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(11px,2vh,13px)}h2.code{letter-spacing:.3em;color:var(--yellow);text-shadow:0 0 26px #ffe14a99;-webkit-user-select:text;user-select:text;margin-right:-.3em;font-size:clamp(40px,12vh,84px)}.players{flex-direction:column;gap:6px;width:min(340px,86vw);margin:0;padding:0;list-style:none;display:flex}.players li{background:var(--panel);border-left:4px solid var(--player-color,var(--cyan));letter-spacing:.08em;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:clamp(12px,2.3vh,15px);font-weight:700;display:flex}.players .name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.players .tag{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.7em;font-weight:500}.players .wins{color:var(--yellow)}@media (max-height:480px) and (orientation:landscape){#screen-menu,#screen-lobby{grid-template-columns:minmax(0,1fr) minmax(220px,320px);align-content:safe center;place-items:center;gap:8px 4vw;display:grid}#screen-menu{grid-template-areas:"title menu""score menu""help menu""install menu"}#screen-menu .title{grid-area:title;font-size:clamp(30px,13vh,56px)}#screen-menu .menu{grid-area:menu;gap:6px;width:100%}#screen-menu .highscore{grid-area:score}#menu-help{grid-area:help}#menu-install{grid-area:install}#screen-lobby{grid-template-areas:"label players""code players""copy players""status buttons"}#screen-lobby>.score-line{grid-area:label;align-self:end}#lobby-code{grid-area:code;font-size:clamp(36px,18vh,72px)}#btn-copy{grid-area:copy;align-self:start}#lobby-players{grid-area:players;align-self:end;width:100%}#lobby-status{grid-area:status}#screen-lobby .menu{grid-area:buttons;gap:6px;width:100%}.btn{padding-top:9px;padding-bottom:9px}.btn.subtle{padding-top:6px;padding-bottom:6px}h2{font-size:clamp(22px,9vh,40px)}}.toast{top:max(10px, env(safe-area-inset-top));z-index:5;border:1.5px solid var(--yellow);background:var(--panel);max-width:90vw;color:var(--yellow);text-align:center;border-radius:10px;padding:8px 16px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.grid2{grid-template-columns:1fr 1fr;gap:clamp(6px,1.2vh,10px);display:grid}.grid2 .btn{white-space:nowrap;text-overflow:ellipsis;padding-left:6px;padding-right:6px;overflow:hidden}.grid2 .btn:not(.subtle){font-size:clamp(12px,2.2vh,15px)}.group{text-align:left;color:var(--muted);letter-spacing:.2em;text-transform:uppercase;margin:4px 0 -4px;font-size:10px}.editor{justify-content:center;align-items:center;gap:16px;width:100%;max-height:100%;display:flex}.editor-grid{aspect-ratio:31.2/14;background:var(--panel);touch-action:none;cursor:crosshair;border:1.5px solid #8b95c480;border-radius:8px;grid-template-columns:repeat(12,1fr);gap:2px;width:min(62vw,222.857vh - 106.971px);padding:6px;display:grid}.editor-cell{color:#05060f;border-radius:2px;outline:1px solid #8b95c429;justify-content:center;align-items:center;font-family:system-ui,sans-serif;font-size:clamp(8px,1.6vh,13px);font-weight:700;line-height:1;display:flex}.editor-side{flex-direction:column;gap:6px;width:min(210px,30vw);display:flex}.editor-palette{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.editor-swatch{aspect-ratio:1.5;background:var(--c);color:#05060f;cursor:pointer;border:2px solid #0000;border-radius:5px;padding:0;font:700 12px system-ui,sans-serif}.editor-swatch.active{border-color:#fff;box-shadow:0 0 10px #ffffffb3}#screen-settings .menu{width:min(560px,92vw)}.choices .btn.active{color:#fff;border-color:var(--cyan);box-shadow:0 0 12px #22e6ff66,inset 0 0 10px #22e6ff24}@media (max-height:480px) and (orientation:landscape){#screen-settings h2{display:none}#screen-settings .grid2{grid-template-columns:repeat(4,1fr)}#screen-settings .menu{gap:5px;width:min(760px,94vw)}}#screen-menu .toggles{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}#screen-menu .toggles .btn{text-overflow:ellipsis;min-width:0;overflow:hidden}#lobby-players{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:min(680px,92vw);display:grid}