*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0b0f14;color:#e8ecef;font-family:Segoe UI,Malgun Gothic,Apple SD Gothic Neo,sans-serif;overflow:hidden}.hidden{display:none!important}.muted{color:#8d99a6}.small{font-size:12px}button,input,select{font:inherit;color:inherit}button{background:#2a3440;border:1px solid #3c4856;border-radius:6px;padding:7px 14px;cursor:pointer}button:hover{background:#344150}button.primary{background:linear-gradient(#c98a2c,#9c6514);border-color:#d9a046;color:#fff;font-weight:600}button.primary:hover{filter:brightness(1.1)}button:disabled{opacity:.45;cursor:default}button.wide{width:100%;margin-top:10px}input,select{background:#121921;border:1px solid #3c4856;border-radius:6px;padding:7px 10px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}h2,h3{margin:0 0 10px}h3{font-size:15px;margin-top:14px}.screen{position:absolute;top:0;right:0;bottom:0;left:0}.screen.center{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#1d2d3f,#0b0f14 70%)}.panel{background:#161d25f2;border:1px solid #2c3845;border-radius:10px;padding:18px}.name-panel{width:360px;display:flex;flex-direction:column;gap:12px;text-align:center}.logo{font-size:44px;margin:0;letter-spacing:4px;color:#f0b44a;text-shadow:0 3px 0 #6b4210,0 0 30px rgba(240,180,74,.3)}.logo small{display:block;font-size:13px;letter-spacing:8px;color:#c9d3dc;text-shadow:none}.tagline{margin:0;color:#9fb0c0}.lobby-panel{width:560px;display:flex;flex-direction:column;gap:12px}.lobby-panel .row input{flex:1}#room-list{list-style:none;margin:0;padding:0;min-height:160px;max-height:50vh;overflow:auto}#room-list li{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid #2c3845;border-radius:8px;margin-bottom:6px;background:#18212b}#room-list li.empty{justify-content:center;color:#6f7c89;border-style:dashed}.room-code{font-family:monospace;color:#f0b44a;margin-right:8px}.room-layout{display:flex;gap:14px;padding:18px;height:100%;max-width:1300px;margin:0 auto}.room-main{flex:1;overflow:auto}.room-side{width:320px;display:flex;flex-direction:column;gap:14px}#tank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.tank-card{border:2px solid #2c3845;border-radius:10px;padding:10px;background:#18212b;cursor:pointer;transition:border-color .15s}.tank-card:hover{border-color:#50606f}.tank-card.selected{border-color:#f0b44a;background:#221f18}.tank-card canvas{width:100%;height:90px;border-radius:6px;background:linear-gradient(#5d9fe0,#cfe8f7 70%,#6aa03e 70%,#4f7a2c)}.tank-card .tn{font-weight:700;margin-top:6px}.tank-card .tr{color:#f0b44a;font-size:12px;margin-left:6px}.tank-card .td{font-size:12px;color:#9fb0c0;margin:4px 0}.tank-card .stats{font-size:11px;color:#c9d3dc}.tank-card ul{margin:4px 0 0;padding-left:16px;font-size:11px;color:#aab6c2}#player-list{list-style:none;padding:0;margin:0}#player-list li{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid #222c37}.dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex:none}.badge{font-size:10px;padding:1px 6px;border-radius:8px;background:#3a2f1a;color:#f0b44a}.badge.t0{background:#15304a;color:#7fc0ff}.badge.t1{background:#4a1d18;color:#ff9a8f}.team-btn.t0.sel{background:#1d5a99}.team-btn.t1.sel{background:#99301d}.chat-panel{flex:1;display:flex;flex-direction:column;min-height:200px}#room-chat-log{flex:1;overflow:auto;font-size:13px;margin-bottom:8px}#room-chat-log .sys,#game-chat-log .sys{color:#f0b44a}#screen-game{display:flex;flex-direction:column}#hud-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 14px;background:#121921;border-bottom:1px solid #253140;height:64px}#scoreboard{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;max-width:40%}.sb-row{display:flex;align-items:center;gap:5px}.sb-row.dead{opacity:.4;text-decoration:line-through}.sb-row.cur .sb-name{color:#ffe08a;font-weight:700}.sb-hp{color:#9fb0c0}#wind-box{text-align:center;width:240px}#wind-box .label{font-size:11px;color:#8d99a6}#wind-bar{position:relative;height:8px;background:#0b0f14;border-radius:4px;border:1px solid #2c3845;margin:2px 0}#wind-fill{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#4ac2ff,#9be7ff);border-radius:4px}#wind-bar .mid{position:absolute;left:50%;top:-3px;bottom:-3px;width:2px;background:#8d99a6}.wind-text{font-size:13px;color:#9be7ff;letter-spacing:1px}#turn-box{display:flex;align-items:center;gap:12px}#turn-name{font-weight:700;font-size:18px}#turn-name.mine{color:#ffe08a}#timer{font-size:26px;font-weight:800;width:44px;text-align:center;font-variant-numeric:tabular-nums}#timer.urgent{color:#ff6a5a}#stage{position:relative;flex:1;min-height:0}#game-canvas{width:100%;height:100%;display:block}#banner{position:absolute;top:18%;left:50%;transform:translate(-50%) scale(.9);font-size:34px;font-weight:800;color:#ffe08a;text-shadow:0 3px 0 #000,0 0 18px rgba(0,0,0,.7);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;white-space:nowrap}#banner.show{opacity:1;transform:translate(-50%) scale(1)}#game-chat{position:absolute;left:12px;bottom:10px;width:360px;font-size:13px;pointer-events:none}#game-chat-log div{background:#00000073;padding:2px 8px;border-radius:4px;margin-top:2px;width:fit-content;max-width:100%;transition:opacity 1s}#game-chat-log div.fade{opacity:0}#game-chat-input{pointer-events:auto;width:100%;margin-top:4px}#result{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c}.result-panel{min-width:380px;text-align:center}.result-panel h2{font-size:32px;color:#ffe08a}#result-table{width:100%;border-collapse:collapse;margin:10px 0}#result-table th,#result-table td{padding:6px 10px;border-bottom:1px solid #2c3845}#result-table tr.win td{color:#ffe08a;font-weight:700}#hud-bottom{display:flex;align-items:center;gap:16px;padding:8px 14px;background:#121921;border-top:1px solid #253140;height:96px}.hud-me{width:230px;font-size:12px}#my-name{font-weight:700;margin-bottom:4px;font-size:13px}.bar-row{display:flex;align-items:center;gap:6px;margin-top:4px}.bar-row>span:first-child{width:28px;color:#8d99a6}.bar{position:relative;flex:1;height:10px;background:#0b0f14;border:1px solid #2c3845;border-radius:5px;overflow:hidden}.fill{height:100%}.fill.hp{background:linear-gradient(90deg,#3fbf55,#7fe86b)}.fill.fuel{background:linear-gradient(90deg,#d08a2a,#f0c050)}.hud-power{width:300px}.power-bar{height:22px;border-radius:6px}.fill.power{background:linear-gradient(90deg,#3fbf55,#f0c050 60%,#f2504a)}#power-last{position:absolute;top:-2px;bottom:-2px;width:2px;background:#fff;box-shadow:0 0 4px #fff}.power-text{font-size:12px;color:#8d99a6;margin-top:4px}.hud-group{display:flex;gap:6px}.hud-btn{display:flex;flex-direction:column;align-items:center;padding:4px 8px;min-width:74px;font-size:12px;line-height:1.25}.hud-btn .key{font-size:10px;color:#8d99a6}.hud-btn .sub{font-size:10px;color:#f0b44a;min-height:12px}.hud-btn.active{border-color:#f0b44a;background:#3a2f1a}.hud-btn.disabled{opacity:.4}.hud-help{margin-left:auto;font-size:11px;color:#6f7c89;line-height:1.5;text-align:right}#conn{position:fixed;top:0;left:0;right:0;z-index:50;background:#8a2a20;text-align:center;padding:6px}#toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:60;background:#2a3440;border:1px solid #f0b44a;padding:10px 18px;border-radius:8px}.hud-arsenal{display:flex;flex-direction:column;gap:4px;min-width:0}#weapon-info{font-size:12px;color:#c9d3dc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:760px;height:16px}.fill.fuel.ready{background:linear-gradient(90deg,#3fbf55,#7fe86b)}.tank-card .ws{color:#f0b44a;font-size:10px}.badge.ready{background:#1d4a25;color:#7fe86b}.badge.wait{background:#2a3440;color:#8d99a6}.tabs{display:flex;gap:4px;border-bottom:1px solid #2c3845}.tab{flex:1;border-radius:6px 6px 0 0;border-bottom:none;background:#18212b}.tab.sel{background:#3a2f1a;border-color:#f0b44a;color:#ffe08a}.auth-error{margin:0;color:#ff7a6a;font-size:13px}.version{margin:0;text-align:right}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#0009}.ranks-panel{width:min(720px,94vw);max-height:86vh;display:flex;flex-direction:column;gap:10px}.rank-scroll{overflow:auto}#rank-table{width:100%;border-collapse:collapse;font-size:14px}#rank-table th,#rank-table td{padding:7px 8px;border-bottom:1px solid #2c3845;text-align:right}#rank-table th:nth-child(-n+2),#rank-table td:nth-child(-n+2){text-align:left}#rank-table tr.me td{color:#ffe08a;font-weight:700}#rank-table .medal{width:48px;white-space:nowrap}html,body{overscroll-behavior:none}body.touch{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body.touch input{-webkit-user-select:text;user-select:text}#game-canvas,#touch-controls{touch-action:none}#touch-controls button{pointer-events:auto;background:#1219218c;border:2px solid rgba(255,255,255,.35);color:#fff;font-size:26px;border-radius:16px;width:72px;height:72px;padding:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#touch-controls button.down{background:#f0b44a99;border-color:#ffe08a}#touch-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.tc-left{position:absolute;left:14px;bottom:14px;display:flex;gap:12px}.tc-right{position:absolute;right:14px;bottom:14px;display:flex;gap:12px;align-items:flex-end}.tc-angle{display:flex;flex-direction:column;gap:10px}#touch-controls .tc-fire{width:116px;height:116px;border-radius:50%;font-size:24px;font-weight:800;background:#c83c2899;display:flex;flex-direction:column;align-items:center;justify-content:center}.tc-fire small{font-size:11px;font-weight:400;opacity:.8}.tc-top{position:absolute;right:14px;top:10px;display:flex;gap:8px}#touch-controls .tc-top button{width:48px;height:48px;font-size:22px;border-radius:12px}body.touch #game-chat{left:12px;top:8px;bottom:auto;width:300px}body.touch .hud-help{display:none}@media(max-width:1200px),(max-height:760px){#hud-top{height:52px;padding:4px 10px}#turn-name{font-size:15px}#timer{font-size:22px}#hud-bottom{height:auto;min-height:84px;gap:10px;padding:6px 10px;flex-wrap:wrap}.hud-me,.hud-power{width:180px}.hud-btn{min-width:58px;padding:3px 5px;font-size:11px}#weapon-info{max-width:520px;font-size:11px}}@media(max-width:900px){.room-layout{flex-direction:column;height:auto;min-height:100%;overflow:auto}#screen-room{overflow:auto}.room-side{width:100%}.lobby-panel,.name-panel{width:min(560px,94vw)}}.app-link{display:block;text-align:center;padding:10px;border-radius:8px;border:1px solid #f0b44a;color:#ffe08a;text-decoration:none;margin:0}