:root{--bg:#0b0d17;--panel:#131729;--panel-2:#1a1f36;--line:#2a3152;--line-2:#3a4370;--text:#e9ecf8;--muted:#8d94b8;--accent:#ff8a3d;--accent-2:#ffd23f;--danger:#ff4d5e;--ok:#5ce65c;--pixel:"Press Start 2P", ui-monospace, monospace;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius:4px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}[hidden]{display:none!important}button,input,select{font:inherit;color:inherit}.label{font-family:var(--pixel);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:9px}.muted{color:var(--muted)}.hint{color:var(--muted);margin:8px 0 0;font-size:13px}.center{text-align:center}.error{color:var(--danger);min-height:1.4em;margin:10px 0 0;font-size:14px}.btn{border:2px solid var(--line-2);border-radius:var(--radius);background:var(--panel-2);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-weight:600;transition:background .12s,border-color .12s,transform 50ms;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--muted);background:#222845}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.btn-primary{background:var(--accent);color:#1a0d03;border-color:#ffb07a}.btn-primary:hover:not(:disabled){background:#ff9d5c;border-color:#ffd0ad}.btn-big{width:100%;font-family:var(--pixel);letter-spacing:.04em;padding:14px;font-size:13px}.btn-small{padding:4px 10px;font-size:13px}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.btn-icon{width:38px;padding:8px 0}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:12px;font-size:13px;text-decoration:underline}input:not([type]),input[type=text],select{border:2px solid var(--line);border-radius:var(--radius);background:#0e1122;width:100%;padding:10px 12px}input::placeholder{color:#5a6188}.screen-home{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex;position:relative;overflow:hidden}.attract{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.home-card{border:2px solid var(--line-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0d17d1;border-radius:6px;width:min(400px,100%);padding:28px 26px 18px;position:relative;box-shadow:0 20px 60px #00000080}.logo{font-family:var(--pixel);text-align:center;color:var(--accent-2);text-shadow:3px 3px #e2401c,6px 6px #6b1208;margin:0 0 14px;font-size:clamp(28px,9vw,40px);line-height:1.15}.tagline{text-align:center;color:var(--muted);margin:0 0 22px;font-size:14px}.field{gap:6px;margin-bottom:16px;display:grid}.divider{color:var(--muted);align-items:center;gap:10px;margin:18px 0 12px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.join-row{gap:8px;display:flex}.code-input{letter-spacing:.3em;text-transform:uppercase;text-align:center;font-family:var(--pixel)!important;font-size:16px!important}.invite{text-align:center;justify-items:center;gap:8px;display:grid}.invite-code{font-family:var(--pixel);letter-spacing:.2em;color:var(--accent-2);margin-bottom:10px;font-size:28px}.home-foot{color:#ffffff8c;text-shadow:0 1px 2px #000;font-size:12px;position:absolute;bottom:12px}.topbar{border-bottom:2px solid var(--line);background:#0e1122;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.brand{font-family:var(--pixel);color:var(--accent-2);white-space:nowrap;font-size:12px}.brand .muted{margin-left:8px}.topbar-right{align-items:center;gap:6px;display:flex}.conn{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.conn:before{content:"";background:var(--ok);border-radius:50%;width:8px;height:8px}.conn[data-status=connecting]:before{background:var(--accent-2);animation:.8s steps(2,end) infinite blink}.conn[data-status=closed]:before{background:var(--danger)}@keyframes blink{50%{opacity:.2}}.panel{background:var(--panel);border:2px solid var(--line);border-radius:6px;min-width:0;padding:14px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.panel h2,.modal h2{font-family:var(--pixel);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:11px}.lobby{grid-template-columns:1fr 1fr;grid-template-areas:"code code""players settings""chat chat";gap:16px;max-width:1080px;margin:0 auto;padding:16px;display:grid}.code-panel{text-align:center;grid-area:code;padding:20px}.players-panel{grid-area:players}.settings-panel{flex-direction:column;grid-area:settings;display:flex}.lobby .chat-panel{grid-area:chat}.big-code{font-family:var(--pixel);letter-spacing:.22em;color:var(--accent-2);text-shadow:3px 3px #9c2a10;margin:12px 0 16px;padding-left:.22em;font-size:clamp(34px,9vw,56px)}.share-row{gap:8px;max-width:520px;margin:0 auto;display:flex}.share-row .btn{white-space:nowrap}.share-row input{color:var(--muted);font-size:13px}.lobby-players{gap:6px;margin:0 0 14px;padding:0;list-style:none;display:grid}.lobby-players li{background:var(--panel-2);border-radius:var(--radius);align-items:center;gap:10px;min-height:42px;padding:8px 10px;display:flex}.lobby-players li.offline{opacity:.5}.chip{border-radius:3px;flex:none;width:14px;height:14px;box-shadow:inset 0 0 0 2px #00000040}.pname{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.tag{color:var(--muted);white-space:nowrap;background:#262c4d;border-radius:3px;padding:1px 6px;font-size:11px}.tag-host{color:var(--accent-2);background:#4a3410}.tag-you{color:var(--ok);background:#173a2a}.spacer{flex:1}.kick{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:2px 6px;font-size:18px;line-height:1}.kick:hover{color:var(--danger)}.cpu-row,.color-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.cpu-row .label,.color-row .label{width:92px}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:4px;width:26px;height:26px;padding:0}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg);border-color:#fff}.swatch:disabled{opacity:.25;cursor:not-allowed}.settings{flex:1;gap:10px;margin-bottom:16px;display:grid}.setting{grid-template-columns:110px 1fr;align-items:center;gap:10px;display:grid}.setting select{padding:7px 10px}.setting .value{font-weight:600}.log{scrollbar-width:thin;flex-direction:column;gap:3px;height:180px;margin:0;padding:0 4px 0 0;font-size:13px;list-style:none;display:flex;overflow-y:auto}.log li{overflow-wrap:anywhere}.log .ev{color:var(--muted)}.log .who{font-weight:600}.chat-form{margin-top:10px}.chat-form input{padding:8px 10px;font-size:13px}.screen-game{flex-direction:column;min-height:100dvh;display:flex}.game-topbar{padding:6px 16px}.game-layout{flex:1;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:14px;padding:12px 16px 16px;display:grid}.stage-col{flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex;container-type:inline-size}.hud{background:var(--line);border:2px solid var(--line);border-radius:6px;align-items:stretch;gap:2px;width:100%;display:flex;overflow:hidden}.hud>div{background:var(--panel);flex-direction:column;justify-content:center;gap:4px;min-width:0;padding:7px 12px;display:flex}.hud-turn{flex:1.6;align-items:center;flex-direction:row!important;justify-content:flex-start!important;gap:10px!important}.hud-stat{flex:1}.hud-weapon{flex:1.5;padding:0!important}.hud-weapon-btn{all:unset;box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;gap:4px;width:100%;min-width:0;padding:7px 12px;display:flex}.hud-weapon-btn .caret{font-family:var(--mono);color:var(--accent-2);font-size:12px;line-height:0;display:none}.hud-weapon-btn.can-pick{cursor:pointer}.hud-weapon-btn.can-pick .caret{display:inline}.hud-weapon-btn.can-pick:hover,.hud-weapon-btn[aria-expanded=true]{background:var(--panel-2)}.hud-weapon-btn:focus-visible{outline:2px solid var(--accent-2);outline-offset:-2px}.weapon-menu{z-index:30;background:var(--panel);border:2px solid var(--line-2);border-radius:6px;gap:2px;width:240px;max-height:60vh;padding:6px;display:grid;position:fixed;overflow-y:auto;box-shadow:0 16px 40px #0000008c}.weapon-menu button{all:unset;box-sizing:border-box;cursor:pointer;border-radius:4px;justify-content:space-between;gap:16px;padding:8px 10px;font-size:14px;display:flex}.weapon-menu button:hover,.weapon-menu button:focus-visible{background:#222845}.weapon-menu button[aria-checked=true]{color:var(--accent-2);background:#2e2711}.weapon-menu .count{color:var(--muted);align-self:center;font-size:13px}.weapon-menu .hint{border-top:1px solid var(--line);color:var(--muted);margin-top:4px;padding:6px 10px 2px;font-size:12px}.hud b{font-family:var(--pixel);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:400;overflow:hidden}.hud-turn .who{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.hud-turn .clock{font-family:var(--pixel);color:var(--muted);margin-left:auto;font-size:11px}.hud-turn .clock.low{color:var(--danger)}.stage{border:2px solid var(--line);background:#000;border-radius:6px;width:100%;line-height:0;position:relative;overflow:hidden}.stage canvas{touch-action:none;width:100%;height:auto;display:block}.stage.aiming canvas{cursor:crosshair}.banner{border:2px solid var(--accent-2);text-align:center;pointer-events:none;background:#080a14db;border-radius:6px;max-width:90%;padding:18px 26px;line-height:1.5;animation:.25s ease-out pop;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.banner .big{font-family:var(--pixel);color:var(--accent-2);margin-bottom:8px;font-size:clamp(13px,2.2vw,20px);line-height:1.4;display:block}.banner.flash{border-color:#ffd23f99;padding:10px 18px;top:14%}.banner.flash .big{margin:0}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}}.controls{background:var(--panel);border:2px solid var(--line);border-radius:6px;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.controls.disabled .ctl,.controls.disabled .btn-fire{opacity:.35;pointer-events:none}.ctl{grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 6px;min-width:0;display:grid}.ctl .label{grid-column:1/-1}.ctl-weapon{grid-template-columns:1fr}.ctl-weapon select{padding:7px 8px}.btn-step{width:32px;height:32px;padding:0;font-size:12px}input[type=range]{width:100%;accent-color:var(--accent);margin:0}.btn-fire{height:100%;min-height:52px;font-family:var(--pixel);color:#fff;text-shadow:2px 2px #6b1208;background:#d92d1c;border-color:#ff7a5c;padding:0 26px;font-size:15px}.btn-fire:hover:not(:disabled){background:#f03a26;border-color:#ffb3a3}.waiting{text-align:center;background:var(--panel);border:2px dashed var(--line);width:100%;color:var(--muted);border-radius:6px;padding:18px}.keys-hint{color:var(--muted);text-align:center;margin:0;font-size:12px}kbd{border:1px solid var(--line-2);min-width:18px;font-family:var(--mono);text-align:center;color:var(--text);border-bottom-width:2px;border-radius:3px;margin:0 1px;padding:0 4px;font-size:11px;display:inline-block}.side-col{gap:14px;display:grid}.game-players{gap:6px;margin:0;padding:0;list-style:none;display:grid}.game-players li{border-radius:var(--radius);background:var(--panel-2);border:2px solid #0000;grid-template-columns:14px 1fr auto;align-items:center;gap:4px 8px;padding:6px 8px;display:grid}.game-players li.turn{border-color:var(--accent-2)}.game-players li.dead{opacity:.45}.game-players li.offline .pname{text-decoration:line-through;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}.game-players .cash{color:var(--accent-2);font-size:12px}.hp{background:#0b0d17;border-radius:3px;grid-column:2/-1;height:5px;overflow:hidden}.hp>i{background:var(--ok);height:100%;transition:width .3s;display:block}.hp>i.mid{background:var(--accent-2)}.hp>i.low{background:var(--danger)}.side-col .log{height:220px}.modal-back{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04050cb8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:2px solid var(--line-2);border-radius:8px;width:min(860px,100%);max-height:calc(100dvh - 32px);padding:20px;overflow-y:auto;box-shadow:0 30px 80px #0009}.modal-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-head h2{color:var(--accent-2);font-size:14px}.shop-cash{color:var(--muted);font-size:14px}.shop-cash b{font-family:var(--pixel);color:var(--accent-2);margin-left:6px;font-size:14px;font-weight:400}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin:16px 0;display:grid}.item{background:var(--panel-2);border:2px solid var(--line);border-radius:6px;grid-template-columns:1fr auto;gap:4px 10px;padding:12px;display:grid}.item.owned{border-color:#4a5590}.item h3{margin:0;font-size:14px}.item .own{font-family:var(--pixel);color:var(--accent-2);align-self:center;font-size:11px}.item p{color:var(--muted);grid-column:1/-1;min-height:2.8em;margin:0;font-size:12px}.item .price{align-self:center;font-size:13px}.item .buy-row{gap:6px;display:flex}.modal-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.modal-foot .hint{margin:0}.gameover-modal{text-align:center;width:min(620px,100%)}.gameover-title{color:var(--accent-2);text-shadow:3px 3px #9c2a10;margin-bottom:10px!important;font-size:22px!important}.winner-line{color:var(--muted);margin:0 0 18px}.standings{border-collapse:collapse;width:100%;margin-bottom:18px;font-size:14px}.standings th{font-family:var(--pixel);color:var(--muted);text-transform:uppercase;padding:6px;font-size:8px;font-weight:400}.standings td{border-top:1px solid var(--line);padding:8px 6px}.standings td:nth-child(2){text-align:left}.standings tr:first-child td{color:var(--accent-2);font-weight:600}.standings .pcell{align-items:center;gap:8px;display:flex}.toast{z-index:40;border:2px solid var(--danger);background:#2a1218;border-radius:6px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.toast.info{background:#12202a;border-color:#4da6ff}@container (width<=820px){.hud{flex-wrap:wrap}.hud-turn{flex-basis:100%!important}.hud-stat{flex-basis:18%}.hud-weapon{flex-basis:30%}}@media (width<=980px){.game-layout{grid-template-columns:1fr}.side-col{grid-template-columns:1fr 1fr}}@media (width<=760px){.lobby{grid-template-columns:1fr;grid-template-areas:"code""players""settings""chat";padding:12px}.hud{flex-wrap:wrap}.hud-turn{flex-basis:100%!important}.hud-stat{flex-basis:30%}.controls{grid-template-columns:1fr 1fr}.btn-fire{grid-column:1/-1;min-height:48px}.ctl-weapon{grid-column:1/-1}.side-col{grid-template-columns:1fr}.keys-hint{display:none}.game-layout{padding:8px}.topbar{padding:8px 10px}}@media (width<=420px){.controls{grid-template-columns:1fr}.setting{grid-template-columns:96px 1fr}}