:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f7ff;background:#07070c;font-synthesis:none;--pink: #ff3d9b;--cyan: #34dcff;--yellow: #ffe33e;--green: #54ff87;--panel: rgba(18, 22, 35, .82);--line: rgba(194, 218, 255, .13)}*{box-sizing:border-box}html{background:#07070c}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 72% 4%,rgba(71,99,197,.2),transparent 32%),radial-gradient(circle at 8% 88%,rgba(255,61,155,.08),transparent 28%),#07070c}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.panel{background:linear-gradient(145deg,#1f2537e6,#0c0f19e0);border:1px solid var(--line);box-shadow:0 24px 70px #0000004d,inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.section-kicker,.eyebrow{color:var(--cyan);font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em;text-transform:uppercase}.primary{color:#0a0710;background:linear-gradient(135deg,#ff64b7,var(--pink));border:0;font-weight:900;box-shadow:0 10px 30px #ff3d9b38}.primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.large{min-height:52px;padding:0 26px;border-radius:9px}.ghost{border:1px solid var(--line);background:transparent;color:#bcc2d4;border-radius:8px;padding:9px 14px}.home-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:clamp(32px,7vw,110px);max-width:1240px;margin:auto;padding:48px;position:relative}.home-shell:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.05) 4px)}.hero-card{position:relative;padding:54px 0}.hero-card h1,.finish-shell h1{margin:16px 0 10px;font:950 clamp(64px,10vw,130px)/.83 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.09em;color:#fff;text-shadow:5px 5px 0 rgba(52,220,255,.16)}.hero-card h1 span,.brand-small span{color:var(--pink)}.tagline{color:#a9aec0;max-width:520px;font-size:clamp(18px,2vw,25px);line-height:1.45}.scanline{width:76%;height:4px;margin-top:40px;background:linear-gradient(90deg,var(--pink),var(--cyan),transparent);box-shadow:0 0 22px var(--pink)}.join-card{border-radius:18px;padding:clamp(26px,4vw,44px)}.join-card label,.settings-grid label,.weapon-select{display:grid;gap:9px;color:#c7cbd9;font-size:13px;font-weight:700}input,select{color:#f7f8ff;background:#090a11;border:1px solid #343745;border-radius:8px;min-height:45px;padding:0 13px}.join-card>label{margin:26px 0 18px}.home-actions{display:grid;gap:14px}.divider{display:flex;align-items:center;gap:12px;color:#666b7d;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.code-row{display:grid;grid-template-columns:1fr auto;gap:10px}.code-row input{font:900 20px ui-monospace,monospace;letter-spacing:.16em;text-align:center}.code-row button,.bot-add button{border:1px solid rgba(52,220,255,.35);background:#34dcff14;color:var(--cyan);border-radius:8px;font-weight:800;padding:0 18px}.feature-strip{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);color:#777d90;font-size:12px}.error-banner,.toast-error{color:#ffc7cf;background:#ff405c1f;border:1px solid rgba(255,64,92,.3);padding:11px 13px;border-radius:8px;margin-top:16px}.app-shell{width:min(1420px,calc(100% - 40px));margin:auto;padding:20px 0 34px}.topbar{min-height:54px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.brand-small{font:950 24px ui-monospace,monospace;letter-spacing:-.08em}.lobby-hero{border-radius:14px;min-height:150px;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.lobby-hero:after{content:"";position:absolute;right:-50px;width:380px;height:200px;background:radial-gradient(circle,rgba(255,61,155,.12),transparent 66%)}.session-code{display:block;border:0;padding:0;margin:8px 0 0;color:#fff;background:transparent;font:950 clamp(36px,5vw,58px) ui-monospace,monospace;letter-spacing:.12em}.lobby-hero p{margin:4px 0 0;color:#7e8495;font-size:12px}.lobby-status{z-index:1;display:flex;gap:10px;align-items:center;color:#aeb3c0}.lobby-status strong{padding:8px 10px;background:#090a10;border-radius:7px;color:#fff}.live-dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}.lobby-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr);gap:18px;margin:18px 0}.lobby-grid>.panel{border-radius:18px;padding:25px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}h2{margin:6px 0 18px;font-size:21px}.bot-add{display:flex;gap:8px}.bot-add select{min-height:38px}.roster{display:grid;gap:7px}.participant-row{min-height:58px;display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#ffffff09,#ffffff04);border:1px solid transparent;border-radius:12px;padding:9px 10px}.participant-row:hover{border-color:var(--line)}.participant-row.spectator{opacity:.68}.tank-dot{flex:0 0 auto;width:13px;height:13px;border-radius:3px 3px 5px 5px;box-shadow:0 0 12px currentColor}.participant-main{min-width:80px;display:grid;flex:1}.participant-main small{color:#73798b;margin-top:3px}.participant-row select{min-height:34px;max-width:120px;padding:0 8px;font-size:12px}.ready-pill{font:800 9px ui-monospace,monospace;letter-spacing:.08em;color:#606676;border:1px solid #30333e;border-radius:12px;padding:4px 7px}.ready-pill.on{color:var(--green);border-color:#54ff8740;background:#54ff8712}.icon-button{width:28px;height:28px;border-radius:7px;border:1px solid var(--line);background:transparent;color:#8a8fa0}.icon-button.danger:hover{color:#ff6b7e;border-color:#ff6b7e}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px}.settings-grid select{min-height:40px}.settings-grid .wide{grid-column:1 / -1}.settings-grid output{color:var(--cyan)}input[type=range]{padding:0;min-height:20px;accent-color:var(--pink);border:0;background:transparent}.lobby-footer{position:sticky;bottom:12px;min-height:80px;border-radius:14px;padding:14px 18px 14px 24px;display:flex;justify-content:space-between;align-items:center;z-index:3}.lobby-footer div:first-child{display:grid;gap:4px}.lobby-footer small{color:#747a8b}.footer-actions{display:flex;gap:10px}.ready{color:#fff;border:1px solid #444959;background:#161821;border-radius:9px;padding:0 20px;font-weight:800}.ready.active{color:var(--green);border-color:#54ff8759}.game-shell{height:100dvh;display:grid;grid-template-rows:84px minmax(0,1fr) auto;overflow:hidden;background:#05060a}.combat-hud{background:linear-gradient(90deg,#080c17f5,#111423eb,#080c17f5);border-bottom:1px solid rgba(83,210,255,.32);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(16px,3vw,46px);z-index:4;box-shadow:0 10px 35px #0006,inset 0 -1px #ff3d9b2e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hud-stat,.hud-current{display:flex;align-items:center;gap:12px}.hud-left{display:flex;align-items:center;gap:14px}.round-badge{width:48px;height:48px;display:grid;place-content:center;text-align:center;color:#fff;background:linear-gradient(145deg,#34dcff33,#ff3d9b24);border:1px solid rgba(125,222,255,.3);border-radius:15px;box-shadow:inset 0 1px #ffffff1a,0 9px 24px #00000038}.round-badge span{font:900 19px ui-monospace,monospace;line-height:1}.round-badge small{margin-top:2px;color:#8b94a9;font-size:7px;text-transform:uppercase}.hud-stat{display:grid;gap:2px}.hud-stat small,.hud-current small{color:#6f7588;font:800 9px ui-monospace,monospace;letter-spacing:.16em}.hud-stat strong{font:900 23px ui-monospace,monospace;color:var(--cyan)}.hud-stat strong span{color:#616777;font-size:13px}.align-right{text-align:right}.hud-right{display:flex;justify-self:end;align-items:center;gap:12px}.wind-pill{min-width:88px;height:46px;padding:0 13px;display:flex;align-items:center;gap:10px;background:#34dcff0e;border:1px solid rgba(52,220,255,.16);border-radius:14px}.wind-pill>span{color:var(--cyan);font-size:23px}.wind-pill>div{display:grid}.wind-pill small{color:#737d92;font:800 8px ui-monospace,monospace;letter-spacing:.12em}.wind-pill strong{color:#fff;font:900 15px ui-monospace,monospace}.sound-toggle{width:42px;height:42px;border:1px solid var(--line);border-radius:13px;color:#fff;background:linear-gradient(145deg,#171c29,#0d1019);box-shadow:inset 0 1px #ffffff0f}.hud-current>div{display:grid}.hud-current strong{font:900 18px ui-monospace,monospace;color:#fff}.cpu-level-badge{width:max-content;margin-top:3px;padding:2px 6px;color:var(--cyan);background:#35d8ff17;border:1px solid rgba(53,216,255,.22);border-radius:999px;font:800 8px ui-monospace,monospace;letter-spacing:.04em}.hud-current{min-width:210px;justify-content:center;padding:10px 16px;background:#ffffff09;border:1px solid rgba(194,218,255,.11);border-radius:16px}.active-beacon{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 5px #ffffff0a,0 0 17px currentColor}.turn-timer{margin-left:12px;min-width:41px;height:41px;display:grid!important;place-items:center;border:1px solid #3e4352;border-radius:50%;font:900 15px ui-monospace,monospace}.turn-timer.critical{color:#ff667b;border-color:#ff667b;animation:pulse .8s infinite alternate}.battle-stage{min-height:0;position:relative}.game-canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.score-rail{position:absolute;right:14px;top:14px;width:min(210px,24vw);padding:9px;display:grid;gap:4px;background:linear-gradient(145deg,#111826cc,#05080fb3);border:1px solid rgba(194,218,255,.16);border-radius:13px;box-shadow:0 14px 35px #0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.score-rail>div{display:grid;grid-template-columns:8px minmax(0,1fr) auto 52px;gap:7px;align-items:center;min-height:24px;font-size:10px}.score-rail>div.dead{opacity:.38;text-decoration:line-through}.score-rail span{width:7px;height:12px;border-radius:2px}.score-rail b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-rail b .cpu-level-mini{display:inline-block;margin-left:5px;padding:1px 4px;color:var(--cyan);background:#35d8ff17;border:1px solid rgba(53,216,255,.18);border-radius:999px;font:800 7px ui-monospace,monospace;font-style:normal;vertical-align:1px}.score-rail small{color:#858b9c}.score-rail i{color:var(--green);font-style:normal;text-align:right}.score-rail i em{display:block;color:var(--cyan);font:800 8px ui-monospace,monospace}.resolved-level{padding:3px 7px;color:var(--cyan);background:#35d8ff17;border:1px solid rgba(53,216,255,.2);border-radius:999px;font:800 8px ui-monospace,monospace;white-space:nowrap}.control-deck{display:grid;grid-template-columns:190px minmax(175px,1fr) minmax(175px,1fr) minmax(150px,.75fr) minmax(130px,.65fr) 112px;gap:10px;align-items:stretch;background:linear-gradient(180deg,#0f131efa,#070910fc);border-top:1px solid rgba(153,190,255,.16);padding:11px clamp(12px,2vw,26px) max(11px,env(safe-area-inset-bottom));box-shadow:0 -16px 45px #00000047}.control-deck.active-turn{box-shadow:inset 0 2px #34dcffb3}.turn-message{display:grid;align-content:center;gap:3px;padding:7px 10px}.turn-message small{color:var(--cyan);font:800 9px ui-monospace,monospace;letter-spacing:.14em}.turn-message strong{font-size:15px}.key-guide{margin-top:3px;color:#697286;font-size:8px;white-space:nowrap}kbd{min-width:16px;height:16px;display:inline-grid;place-items:center;color:#c9eaff;background:#171d2a;border:1px solid #354054;border-bottom-color:#202737;border-radius:4px;box-shadow:0 2px #05070c;font:800 9px ui-monospace,monospace}.aim-control{display:grid;align-content:center;gap:6px;padding:8px 10px;background:#ffffff06;border:1px solid rgba(194,218,255,.09);border-radius:12px}.aim-control>span{display:flex;justify-content:space-between;font-size:10px;color:#848a9b;text-transform:uppercase;letter-spacing:.08em}.aim-control output{color:#fff;font:900 14px ui-monospace,monospace}.aim-control>div{display:grid;grid-template-columns:30px 1fr 30px;gap:5px;align-items:center}.aim-control button{height:30px;color:#e7e9f1;background:#181a23;border:1px solid #343744;border-radius:5px}.weapon-select{position:relative;align-content:center;gap:5px;padding:8px 9px;color:#848a9b;background:#ffffff06;border:1px solid rgba(194,218,255,.09);border-radius:12px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.key-hint{position:absolute;right:9px;top:8px;color:#647084;font:800 7px ui-monospace,monospace;letter-spacing:.08em}.weapon-select select{min-width:0;width:100%;min-height:36px;font-size:11px;padding:0 7px}.fire-button{min-height:56px;color:#120710;border:0;border-radius:12px;background:linear-gradient(135deg,#ffe65c,#ff4f93 72%);box-shadow:0 10px 30px #ff3d9b40,inset 0 1px #ffffff73;font-weight:950;display:grid;place-content:center;transition:transform .16s ease,filter .16s ease}.fire-button:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.12) brightness(1.05)}.fire-button span{font:950 19px ui-monospace,monospace}.fire-button small{font-size:8px;opacity:.6}.reaction-bar{position:fixed;left:12px;top:90px;display:grid;gap:5px;z-index:6}.reaction-bar button,.finish-reactions button{width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:#08090fbd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.reaction-pop{font-size:27px;animation:floatAway 2s forwards}.shop-shell{max-width:1280px}.shop-clock{color:#8c92a2;font:700 11px ui-monospace,monospace}.shop-clock strong{color:var(--yellow);font-size:19px;margin-left:8px}.shop-header{display:flex;justify-content:space-between;align-items:end;margin:30px 0 28px}.shop-header h1{margin:6px 0 0;font-size:clamp(27px,4vw,44px)}.credits{display:grid;text-align:right;gap:5px}.credits small{color:#6f7586;font-size:10px}.credits strong{color:var(--green);font:900 26px ui-monospace,monospace}.shop-section{margin-bottom:30px}.shop-section h2{color:#aeb3c2;font-size:14px;letter-spacing:.08em;text-transform:uppercase}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shop-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:center;min-height:104px;padding:15px;background:#11131b;border:1px solid var(--line);border-radius:10px}.shop-icon{width:40px;height:40px;display:grid;place-items:center;color:var(--pink);background:#ff3d9b17;border-radius:8px}.shop-item h3{margin:0 0 4px;font-size:14px}.shop-item p{margin:0 0 7px;color:#767c8f;font-size:12px}.shop-item small{color:#555b6d}.shop-item button{color:var(--yellow);background:#ffe33e12;border:1px solid rgba(255,227,62,.25);border-radius:7px;padding:10px;font:800 12px ui-monospace,monospace}.shop-ready{display:block;margin:30px auto 0;min-width:260px}.spectator-queue{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-radius:10px;padding:16px}.spectator-queue>div{display:grid;flex:1;min-width:220px}.spectator-queue small{color:#777d8e;margin-top:3px}.spectator-queue button{color:var(--cyan);background:#34dcff12;border:1px solid rgba(52,220,255,.25);border-radius:7px;padding:9px 12px}.finish-shell{min-height:100vh;display:grid;place-content:center;justify-items:center;text-align:center;padding:38px 20px;position:relative;overflow:hidden}.winner-glow{position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(255,61,155,.15),transparent 65%);pointer-events:none}.finish-shell h1{font-size:clamp(70px,12vw,150px);z-index:1}.winner-name{color:var(--yellow);font:900 27px ui-monospace,monospace;z-index:1}.final-ranking{width:min(550px,90vw);border-radius:12px;padding:12px;margin:14px 0 20px;z-index:1}.final-ranking>div{display:grid;grid-template-columns:32px 15px 1fr auto;gap:10px;align-items:center;min-height:44px;text-align:left;border-bottom:1px solid var(--line)}.final-ranking>div:last-child{border:0}.final-ranking small{color:#858b9a}.finish-reactions{display:flex;gap:6px;margin-bottom:20px;z-index:1}.network-banner{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:100;background:#ffb52e;color:#191006;padding:8px 16px;border-radius:0 0 8px 8px;font-size:12px;font-weight:800}.toast-error{position:fixed;z-index:100;left:50%;bottom:22px;transform:translate(-50%);margin:0;background:#32131a;box-shadow:0 10px 40px #000}@keyframes pulse{to{box-shadow:0 0 14px #ff667b}}@keyframes floatAway{to{transform:translateY(-55px);opacity:0}}@media(max-width:980px){.home-shell{grid-template-columns:1fr;max-width:660px;gap:0;padding:28px}.hero-card{padding:28px 0}.lobby-grid{grid-template-columns:1fr}.control-deck{grid-template-columns:150px 1fr 1fr 110px}.weapon-select:nth-of-type(4),.weapon-select:nth-of-type(5){grid-row:2}.fire-button{grid-column:4;grid-row:1 / span 2;height:100%}.score-rail{width:180px}}@media(max-width:680px){.home-shell{padding:20px}.hero-card h1{font-size:62px}.tagline{font-size:17px}.app-shell{width:min(100% - 20px,1420px)}.lobby-hero{align-items:flex-start;padding:20px}.lobby-status{font-size:0}.lobby-status strong{font-size:12px}.session-code{font-size:36px}.panel-heading{align-items:flex-start;flex-direction:column}.participant-row{flex-wrap:wrap}.participant-main{min-width:140px}.settings-grid{grid-template-columns:1fr}.settings-grid .wide{grid-column:auto}.lobby-footer{align-items:stretch;gap:12px;flex-direction:column;position:static}.footer-actions>*{flex:1;min-height:48px}.game-shell{grid-template-rows:68px minmax(260px,1fr) auto;overflow:auto}.combat-hud{padding:0 12px}.hud-current strong{font-size:13px}.round-badge{width:38px;height:38px;border-radius:11px}.round-badge span{font-size:15px}.hud-stat{display:none}.hud-current{min-width:0;padding:7px 9px}.wind-pill{min-width:58px;height:38px;padding:0 8px}.wind-pill>span{font-size:17px}.sound-toggle{width:36px;height:36px}.turn-timer{width:34px;min-width:34px;height:34px;margin-left:3px}.score-rail{right:7px;top:7px;width:145px}.score-rail>div{grid-template-columns:7px 1fr 42px}.score-rail small{display:none}.control-deck{grid-template-columns:1fr 1fr;gap:8px;padding:9px}.turn-message{grid-column:1 / -1;grid-row:auto}.weapon-select:nth-of-type(4),.weapon-select:nth-of-type(5),.fire-button{grid-row:auto;grid-column:auto}.fire-button{grid-column:1 / -1;min-height:50px}.reaction-bar{display:flex;top:69px;left:7px}.reaction-bar button{width:31px;height:31px}.shop-header{align-items:flex-start;gap:20px}.shop-grid{grid-template-columns:1fr}.shop-item{grid-template-columns:36px 1fr}.shop-item button{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}