*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{margin:0;padding:0;overflow:hidden;background-color:#070c18;color:#e2e8f0;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;width:100vw;height:100vh}#canvas-container{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:1}.lobby-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 50% 30%,#0d1b33,#050914);z-index:200;display:flex;justify-content:center;align-items:center;padding:20px}.lobby-container{max-width:960px;width:100%;max-height:90vh;display:flex;flex-direction:column;gap:20px}.lobby-header{display:flex;justify-content:space-between;align-items:center;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 24px;border-radius:14px;border:1px solid rgba(56,189,248,.3);box-shadow:0 10px 30px #00000080}.lobby-title-group h1{font-size:1.6rem;font-weight:800;letter-spacing:2px;color:#38bdf8;text-shadow:0 0 16px rgba(56,189,248,.6)}.lobby-subtitle{font-size:.85rem;color:#94a3b8;margin-top:4px}.player-profile-box{display:flex;flex-direction:column;gap:6px}.player-profile-box label{font-size:.78rem;color:#94a3b8;font-weight:600;text-transform:uppercase}.player-profile-box input,.form-group input,.custom-select{background:#0b1324;border:1px solid rgba(56,189,248,.35);color:#f1f5f9;padding:8px 14px;border-radius:8px;font-size:.9rem;font-weight:600;outline:none;transition:all .2s}.player-profile-box input:focus,.form-group input:focus,.custom-select:focus{border-color:#38bdf8;box-shadow:0 0 12px #38bdf866}.lobby-main-grid{display:grid;grid-template-columns:340px 1fr;gap:20px}.lobby-card{background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px;border-radius:14px;border:1px solid rgba(56,189,248,.2);box-shadow:0 10px 30px #0006;display:flex;flex-direction:column}.lobby-card h2{font-size:1.1rem;font-weight:800;letter-spacing:1px;color:#38bdf8;margin-bottom:8px}.lobby-card p{font-size:.85rem;color:#94a3b8;line-height:1.4;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{font-size:.8rem;color:#94a3b8}.room-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.room-list-container{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:380px;padding:8px 6px 8px 4px}.room-item-card{display:flex;justify-content:space-between;align-items:center;background:#020617b3;border:1px solid rgba(56,189,248,.2);border-radius:10px;padding:12px 16px;transition:all .2s}.room-item-card:hover{border-color:#38bdf8;background:#0ea5e91f;transform:translateY(-2px);box-shadow:0 4px 14px #38bdf840}.room-item-left{display:flex;flex-direction:column;gap:4px}.room-item-name{font-size:.95rem;font-weight:700;color:#f1f5f9}.room-item-meta{font-size:.78rem;color:#94a3b8;display:flex;gap:10px;align-items:center}#hud{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:12px}.hud-header{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#0a1223ad;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(56,189,248,.28);border-radius:12px;padding:6px 14px;pointer-events:auto;box-shadow:0 4px 24px #00000073}.hud-brand{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:0}.hud-logo{font-size:1.35rem;color:#38bdf8;display:flex;align-items:center}.hud-title{font-size:.95rem;font-weight:800;letter-spacing:.8px;color:#38bdf8;white-space:nowrap}.hud-dimension-tag{font-size:.68rem;color:#94a3b8;font-weight:600;white-space:nowrap}.hud-center-status{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;overflow:hidden}.hud-player-info{display:flex;align-items:center;gap:6px;flex-shrink:0}.badge{padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}.badge-neutral{background:#1e293b;color:#94a3b8;border:1px solid #334155}.badge-player1{background:#0ea5e933;color:#38bdf8;border:1px solid #38bdf8}.badge-player2{background:#f9731633;color:#fb923c;border:1px solid #fb923c}.badge-waiting{background:#eab30833;color:#facc15;border:1px solid #eab308;animation:pulse 2s infinite ease-in-out}.badge-yourturn{background:#22c55e40;color:#4ade80;border:1px solid #22c55e;box-shadow:0 0 15px #22c55e66;animation:pulse 1.5s infinite ease-in-out}.badge-enemyturn{background:#ef444433;color:#f87171;border:1px solid #ef4444}.badge-mini{font-size:.7rem;padding:2px 6px;background:#38bdf826;color:#38bdf8;border-radius:10px;border:1px solid rgba(56,189,248,.3)}.announcement{background:#0f172aa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(56,189,248,.3);border-radius:20px;padding:5px 14px;font-size:.8rem;font-weight:600;color:#f1f5f9;letter-spacing:.3px;text-align:center;transition:all .3s ease;max-width:min(450px,35vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.announcement.highlight-hit{border-color:#ef4444;color:#f87171;background:#450a0ad9;box-shadow:0 0 20px #ef444499}.announcement.highlight-miss{border-color:#64748b;color:#cbd5e1;background:#1e293bd9}.dock-camera-bar{display:flex;align-items:center;gap:6px;margin-bottom:8px;box-sizing:border-box;width:100%}.cam-view-tabs{display:flex;flex:1;min-width:0;background:#0f172abf;border:1px solid rgba(56,189,248,.22);border-radius:8px;padding:2px;gap:2px;box-sizing:border-box}.dock-layer-filter-panel{display:flex;flex-direction:column;gap:5px;background:#0206178c;border:1px solid rgba(56,189,248,.22);border-radius:8px;padding:6px 7px;margin-bottom:7px}.layer-filter-header{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:2px}.dock-filter-label{font-size:.68rem;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding-left:1px;flex-shrink:0}.btn-all-layers{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#1e293ba6;border:1px solid rgba(56,189,248,.3);color:#cbd5e1;border-radius:6px;padding:3px 10px;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-all-layers:hover{background:#38bdf833;color:#f0f9ff;border-color:#38bdf8}.btn-all-layers.active{background:#38bdf847;border-color:#38bdf8;color:#38bdf8;box-shadow:0 0 10px #38bdf859;font-weight:700}.svg-icon-mini{width:12px;height:12px;flex-shrink:0}.layer-filter-list{display:flex;flex-direction:column;gap:3px;width:100%}.layer-row-btn{display:flex!important;align-items:center!important;justify-content:flex-start!important;background:#0f172a8c;border:1px solid rgba(148,163,184,.15);border-left:3px solid rgba(148,163,184,.4);border-radius:5px;padding:4px 8px!important;cursor:pointer;transition:all .15s ease;width:100%;box-sizing:border-box;text-align:left}.layer-row-left{display:flex;align-items:center;gap:8px;min-width:0}.layer-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;min-width:26px;height:18px;font-size:.66rem;font-weight:800;font-family:monospace;padding:0;border-radius:3px;line-height:1;flex-shrink:0}.layer-name{font-size:.74rem;font-weight:600;color:#e2e8f0;letter-spacing:.2px;text-align:left}.layer-sub{font-size:.62rem;font-weight:500;color:#64748b;text-align:right;flex-shrink:0;margin-left:auto}.layer-row-btn.chip-z4{border-left-color:#c084fc}.layer-row-btn.chip-z4 .layer-badge{color:#c084fc;background:#c084fc26}.layer-row-btn.chip-z3{border-left-color:#38bdf8}.layer-row-btn.chip-z3 .layer-badge{color:#38bdf8;background:#38bdf826}.layer-row-btn.chip-z2{border-left-color:#34d399}.layer-row-btn.chip-z2 .layer-badge{color:#34d399;background:#34d39926}.layer-row-btn.chip-z1{border-left-color:#0ea5e9}.layer-row-btn.chip-z1 .layer-badge{color:#0ea5e9;background:#0ea5e926}.layer-row-btn.chip-z0{border-left-color:#818cf8}.layer-row-btn.chip-z0 .layer-badge{color:#818cf8;background:#818cf826}.layer-row-btn:hover{background:#1e293bd9;border-color:#38bdf866}.layer-row-btn:hover .layer-name{color:#fff}.layer-row-btn:hover .layer-sub{color:#94a3b8}.layer-row-btn.active{background:#38bdf833;border-color:#38bdf8;box-shadow:0 0 10px #38bdf84d}.layer-row-btn.active .layer-name{color:#fff;font-weight:700}.layer-row-btn.chip-z4.active{border-color:#c084fc;box-shadow:0 0 10px #c084fc66;background:#c084fc33}.layer-row-btn.chip-z3.active{border-color:#38bdf8;box-shadow:0 0 10px #38bdf866;background:#38bdf833}.layer-row-btn.chip-z2.active{border-color:#34d399;box-shadow:0 0 10px #34d39966;background:#34d39933}.layer-row-btn.chip-z1.active{border-color:#0ea5e9;box-shadow:0 0 10px #0ea5e966;background:#0ea5e933}.layer-row-btn.chip-z0.active{border-color:#818cf8;box-shadow:0 0 10px #818cf866;background:#818cf833}.dock{position:absolute;background:#0a1223ad;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(56,189,248,.28);border-radius:12px;padding:10px;pointer-events:auto;box-shadow:0 8px 32px #00000073;z-index:15}.dock-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:5px;margin-bottom:6px}.dock-header h3{font-size:.82rem;font-weight:700;letter-spacing:.8px;color:#38bdf8}.dock-left{top:66px;left:12px;width:295px;max-height:calc(100vh - 145px);display:flex;flex-direction:column}.dock-right{top:66px;right:12px;width:295px;max-height:calc(100vh - 145px);display:flex;flex-direction:column}.unit-status-list{display:flex;flex-direction:column;gap:3px;flex:1;min-height:0;overflow-y:auto;padding-right:3px}.unit-row{display:flex;justify-content:space-between;align-items:center;padding:3px 6px;background:#0f172a73;border:1px solid rgba(255,255,255,.05);border-radius:5px;font-size:.72rem;border-left:3px solid #38bdf8;cursor:pointer;transition:all .15s ease}.unit-row:hover{background:#0ea5e926}.unit-row.selected{border-left-color:#22c55e;background:#22c55e26}.unit-row.sunk{border-left-color:#ef4444;opacity:.55;text-decoration:line-through}.unit-hp{display:flex;gap:3px}.hp-pip{width:7px;height:7px;border-radius:2px;background:#22c55e}.hp-pip.hit{background:#ef4444}.hp-pip.enemy-unrevealed{background:#475569;box-shadow:none}.hp-pip.enemy-hit{background:#ef4444;box-shadow:0 0 6px #ef4444cc}.section-divider{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;border-radius:4px;margin:6px 0 2px;font-size:.64rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.section-divider:first-child{margin-top:0}.section-divider.section-own{background:#0ea5e929;border-left:3px solid #38bdf8;color:#38bdf8}.section-divider.section-enemy{background:#ef444429;border-left:3px solid #ef4444;color:#f87171}.unit-row-left{display:flex;align-items:center;gap:5px;min-width:0;flex:1}.unit-row-right{display:flex;align-items:center;gap:5px;flex-shrink:0}.unit-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:500}.unit-layer-tag{font-size:.58rem;font-weight:700;color:#94a3b8;background:#ffffff14;padding:1px 3px;border-radius:3px;flex-shrink:0}.unit-type-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;color:#94a3b8}.unit-type-icon svg{width:13px;height:13px}.unit-row.enemy-unit-row{border-left-color:#f97316}.unit-row.enemy-active{background:#1e141973}.unit-row.enemy-sunk{border-left-color:#ef4444;opacity:.5;background:#280a0f73;text-decoration:line-through}.unit-tag-enemy{font-size:.52rem;font-weight:800;background:#ef4444;color:#fff;padding:1px 3px;border-radius:3px;letter-spacing:.4px;flex-shrink:0}.unit-tag-own{font-size:.52rem;font-weight:800;background:#0284c7;color:#fff;padding:1px 3px;border-radius:3px;letter-spacing:.4px;flex-shrink:0}.badge-sunk{font-size:.56rem;font-weight:800;color:#f87171;background:#ef444433;padding:1px 4px;border-radius:3px;border:1px solid rgba(239,68,68,.4)}.badge-intact{font-size:.56rem;font-weight:600;color:#94a3b8}.enemy-summary-list{display:flex;flex-direction:column;gap:3px}.combat-log{background:#02061773;border-radius:6px;padding:5px 6px;font-size:.7rem;font-family:monospace;color:#94a3b8;flex:1;min-height:70px;max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.log-entry{line-height:1.3}.log-entry.hit{color:#f87171;font-weight:700}.log-entry.miss{color:#94a3b8}.log-entry.special{color:#38bdf8}.dock-placement{top:66px;left:12px;width:510px;max-width:min(510px,calc(100vw - 20px));max-height:calc(100vh - 78px);display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding:10px;background:#0a1223b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(56,189,248,.32);box-shadow:0 10px 40px #00000080;border-radius:12px;z-index:20}.placement-title-row{display:flex;justify-content:space-between;align-items:center;width:100%}.placement-title-row h3{font-size:.85rem;font-weight:800;letter-spacing:.8px;color:#38bdf8;display:flex;align-items:center;gap:6px}.badge-placement-status{background:#38bdf82e;color:#38bdf8;border:1px solid rgba(56,189,248,.4);font-weight:700;padding:2px 7px;border-radius:12px;font-size:.7rem;white-space:nowrap}.placement-tabs-5{display:flex;gap:3px;background:#02061773;padding:3px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.placement-tabs-5 .tab-btn{flex:1;font-size:.68rem;padding:5px 3px;background:transparent;color:#94a3b8;border-radius:6px;border:1px solid transparent;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;transition:all .15s ease}.placement-tabs-5 .tab-btn:hover{color:#f1f5f9;background:#ffffff0f}.placement-tabs-5 .tab-btn.active{background:#38bdf838;color:#38bdf8;border-color:#38bdf880;font-weight:700;box-shadow:0 0 10px #38bdf840}.tab-svg{width:14px;height:14px;flex-shrink:0}.placement-body-columns{display:grid;grid-template-columns:215px 1fr;gap:10px;align-items:start}.placement-col-vehicles{display:flex;flex-direction:column;gap:4px}.vehicle-switcher-header{font-size:.68rem;font-weight:700;text-transform:uppercase;color:#94a3b8;letter-spacing:.4px;padding-left:2px}.layer-vehicles-switcher{display:flex;flex-direction:column;gap:3px;background:#02061766;padding:4px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.vehicle-card{display:flex;align-items:center;justify-content:space-between;padding:3px 5px;background:#0f172a80;border:1px solid rgba(56,189,248,.2);border-radius:6px;cursor:pointer;transition:all .15s ease;gap:4px}.vehicle-card:hover{background:#38bdf826;border-color:#38bdf866}.vehicle-card.active{background:#38bdf840;border-color:#38bdf8;box-shadow:0 0 10px #38bdf859}.vehicle-card-left{display:flex;align-items:center;gap:5px;min-width:0}.vehicle-svg-thumb{width:46px;height:16px;display:flex;align-items:center;justify-content:center;background:#0b172cb3;border:1px solid rgba(56,189,248,.25);border-radius:4px;padding:1px 2px;flex-shrink:0}.vehicle-svg-thumb svg{width:100%;height:100%;display:block}.vehicle-card-info{display:flex;flex-direction:column;gap:0;min-width:0}.vehicle-name{font-size:.68rem;font-weight:700;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:86px}.vehicle-len-tag{font-size:.62rem;color:#38bdf8;font-weight:600;letter-spacing:.2px}.vehicle-card-right{display:flex;align-items:center;flex-shrink:0}.vehicle-status-badge{font-size:.62rem;padding:2px 5px;border-radius:4px;background:#020617cc;color:#94a3b8;border:1px solid rgba(255,255,255,.1);white-space:nowrap}.vehicle-status-badge.placed{color:#4ade80;border-color:#4ade8066;background:#16653440}.placement-col-grid{display:flex;flex-direction:column;gap:4px}.placement-tools-bar{display:flex;justify-content:space-between;align-items:center;gap:4px}.placement-tools-bar .btn{flex:1;padding:4px 6px;font-size:.72rem;justify-content:center}.grid-10-wrapper{display:flex;justify-content:center;padding:2px 0}.grid-10{display:grid;grid-template-columns:repeat(10,23px);grid-template-rows:repeat(10,23px);gap:1.5px;background:#0206178c;padding:3px;border-radius:8px;border:1px solid rgba(56,189,248,.28);box-shadow:inset 0 0 15px #0009}.cell-10{width:23px;height:23px;background:#0f172a8c;border:1px solid rgba(56,189,248,.15);border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.58rem;color:#475569;font-family:monospace;transition:all .12s ease;position:relative;overflow:hidden}.cell-10 svg{width:100%;height:100%;display:block;pointer-events:none}.cell-10:hover{border-color:#38bdf8;background:#38bdf82e}.cell-10.placed{background:#0284c7a6;border-color:#38bdf8;color:#fff;font-weight:700;box-shadow:inset 0 0 6px #38bdf8cc}.cell-10.placed.cell-submarine{background:linear-gradient(135deg,#082f49f2,#0c4a6ee6);border-color:#06b6d4;box-shadow:inset 0 0 6px #06b6d480}.cell-10.placed.cell-ship{background:linear-gradient(135deg,#334155f2,#1e293be6);border-color:#f59e0b;box-shadow:inset 0 0 6px #f59e0b80}.cell-10.placed.cell-airplane{background:linear-gradient(135deg,#0f172af2,#0284c7d9);border-color:#38bdf8;box-shadow:inset 0 0 6px #38bdf880}.cell-10.placed.active-unit-cell{border-color:#facc15!important;box-shadow:inset 0 0 8px #facc15,0 0 8px #facc15b3;animation:cellGlow 1.2s infinite alternate ease-in-out}@keyframes cellGlow{0%{box-shadow:inset 0 0 5px #facc15,0 0 5px #facc1580}to{box-shadow:inset 0 0 9px #facc15,0 0 10px #facc15e6}}.cell-10.preview-valid{background:#22c55e80!important;border-color:#22c55e!important}.cell-10.preview-invalid{background:#ef444480!important;border-color:#ef4444!important}.placement-footer-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}.placement-quick-group{display:flex;gap:6px}.btn-ready-action{padding:6px 14px;font-size:.82rem;font-weight:700}.bottom-center-dock{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:auto;z-index:25}.target-readout-pill{display:inline-flex;align-items:center;gap:8px;background:#0a1223a6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(56,189,248,.3);border-radius:20px;padding:4px 14px;box-shadow:0 4px 16px #00000080;font-size:.78rem;font-family:monospace;color:#38bdf8;white-space:nowrap}.readout-icon{display:flex;align-items:center;color:#38bdf8}.target-coords{color:#f1f5f9;font-weight:600;letter-spacing:.3px}.action-bar-container{display:flex;gap:8px;background:#0a1223ad;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(56,189,248,.3);padding:6px 12px;border-radius:12px;box-shadow:0 10px 30px #00000080;align-items:center}.btn-tactical{background:#0f172a80;border:1px solid rgba(56,189,248,.25);border-radius:8px;padding:6px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;color:#f1f5f9}.btn-tactical:hover:not(:disabled){background:#1e293be6;border-color:#38bdf8;transform:translateY(-2px)}.btn-tactical.active{background:#0284c74d;border-color:#38bdf8;box-shadow:0 0 14px #38bdf866}.btn-tactical:disabled{opacity:.5;cursor:not-allowed}.tactical-icon{display:flex;align-items:center;justify-content:center}.tactical-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.tactical-title{font-size:.78rem;font-weight:700;letter-spacing:.5px}.action-badge{font-size:.65rem;padding:1px 6px;border-radius:8px;font-weight:600;text-transform:uppercase}.action-badge.badge-ready{background:#22c55e33;color:#4ade80;border:1px solid #22c55e}.action-badge.badge-cooldown{background:#eab30833;color:#facc15;border:1px solid #eab308}.action-badge.badge-spent{background:#94a3b833;color:#94a3b8;border:1px solid #64748b}.action-with-sub{position:relative}.subcontrols-popup{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#0a1223d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(56,189,248,.35);padding:10px 12px;border-radius:12px;box-shadow:0 12px 35px #0009;display:flex;flex-direction:column;align-items:center;gap:6px;white-space:nowrap}.subcontrol-label{font-size:.72rem;color:#94a3b8;font-weight:600}.subcontrol-row{display:flex;gap:4px}.selected-move-unit-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0ea5e926;border:1px solid rgba(56,189,248,.4);border-radius:8px;padding:6px 12px;text-align:center;min-width:180px;box-shadow:0 0 12px #38bdf833;gap:2px}.selected-move-unit-card .unit-name-title{font-size:.8rem;font-weight:700;color:#38bdf8}.selected-move-unit-card .unit-layer-subtext{font-size:.65rem;color:#94a3b8}.dpad-grid{display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(3,34px);gap:4px;justify-content:center;align-items:center}.dpad-center-dot{display:flex;align-items:center;justify-content:center}.dpad-center-dot:after{content:"";width:6px;height:6px;border-radius:50%;background:#38bdf873}.dpad-btn{padding:0;display:flex;align-items:center;justify-content:center}.btn-cam{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 2px;font-size:.7rem;font-weight:600;color:#94a3b8;background:transparent;border:1.5px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap;box-sizing:border-box}.btn-cam:hover{color:#f1f5f9;background:#ffffff0f}.btn-cam.active{background:#0ea5e947;color:#38bdf8;font-weight:700;border-color:#38bdf8;box-shadow:0 0 10px #38bdf866}.btn-cam-reset{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:4px;background:#0f172abf;border:1px solid rgba(56,189,248,.22);border-radius:8px;padding:5px 8px;font-size:.7rem;font-weight:600;color:#cbd5e1;cursor:pointer;transition:all .15s ease;white-space:nowrap;box-sizing:border-box}.btn-cam-reset:hover{background:#38bdf833;border-color:#38bdf8;color:#38bdf8}.target-label{color:#94a3b8}.target-coords{color:#38bdf8;font-weight:700;font-family:monospace}.btn{padding:8px 14px;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-sm{padding:4px 8px;font-size:.75rem}.btn-primary{background:#0284c7;color:#fff;border-color:#38bdf8;box-shadow:0 0 12px #38bdf84d}.btn-primary:hover:not(:disabled){background:#0369a1;box-shadow:0 0 18px #38bdf880;transform:translateY(-1px)}.btn-secondary{background:#1e293bcc;color:#cbd5e1;border-color:#475569}.btn-secondary:hover:not(:disabled){background:#334155;color:#fff;border-color:#64748b}.btn-large{padding:12px 20px;font-size:.95rem}.btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#020617e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;display:flex;justify-content:center;align-items:center;pointer-events:auto}.game-over-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#0f172af0,#020617fa);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:24px}.game-over-fullscreen.is-victory{background:radial-gradient(circle at center,#064e3b73,#020617f7 80%)}.game-over-fullscreen.is-defeat{background:radial-gradient(circle at center,#7f1d1d73,#020617f7 80%)}.game-over-container{max-width:680px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;animation:modalPopIn .45s cubic-bezier(.16,1,.3,1)}@keyframes modalPopIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.game-over-badge{font-family:monospace;font-size:.75rem;letter-spacing:2px;color:#94a3b8;border:1px solid rgba(148,163,184,.3);padding:4px 14px;border-radius:999px;margin-bottom:12px;background:#0f172a99;text-transform:uppercase}.game-over-graphic{margin:4px 0 12px;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 10px 25px rgba(0,0,0,.6))}.modal-graphic-svg{display:block;max-width:100%;height:auto}.game-over-title{font-size:2.2rem;font-weight:900;letter-spacing:1.5px;margin:0 0 6px;text-shadow:0 0 25px currentColor}.game-over-reason{font-size:1.05rem;color:#cbd5e1;margin:0 0 18px;max-width:520px}.game-over-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:580px;margin-bottom:22px}.stat-box{background:#0f172abf;border:1px solid rgba(56,189,248,.25);border-radius:10px;padding:10px 8px;display:flex;flex-direction:column;gap:4px}.stat-box-val{font-size:1.4rem;font-weight:800;color:#f8fafc}.stat-box-label{font-size:.72rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.game-over-actions{display:flex;gap:14px;width:100%;max-width:480px;justify-content:center}.btn-game-over-primary{flex:1.3;padding:14px 22px;font-size:1.05rem;font-weight:700;letter-spacing:.5px;background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 0 25px #0284c78c}.btn-game-over-primary:hover{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 0 35px #0ea5e9bf;transform:translateY(-2px)}.btn-game-over-secondary{flex:1;padding:14px 18px;font-size:.95rem}.modal-content{background:#0f172a;border:1px solid #38bdf8;box-shadow:0 0 50px #38bdf866;border-radius:16px;padding:28px;max-width:440px;width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.modal-icon{font-size:3rem;animation:bounce 1s infinite alternate ease-in-out}.modal-title{font-size:1.6rem;font-weight:800;letter-spacing:1px}.modal-reason{color:#94a3b8;font-size:.9rem}.modal-stats{font-size:.85rem;color:#cbd5e1;background:#020617;padding:10px 14px;border-radius:8px;width:100%;border:1px solid #1e293b}.status-msg{font-size:.78rem;color:#38bdf8;text-align:center}.hidden{display:none!important}.custom-scrollbar::-webkit-scrollbar{width:4px;height:4px}.custom-scrollbar::-webkit-scrollbar-track{background:#0003}.custom-scrollbar::-webkit-scrollbar-thumb{background:#38bdf8;border-radius:2px}@keyframes pulse{0%{opacity:.85}50%{opacity:1}to{opacity:.85}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@media(max-width:1366px),(max-height:820px){.hud-header{padding:5px 12px;height:44px;gap:8px}.hud-title{font-size:.88rem}.hud-dimension-tag{font-size:.62rem}.badge{padding:3px 7px;font-size:.68rem}#room-badge{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.announcement{max-width:310px;font-size:.72rem;padding:3px 10px}.dock-left{top:52px;left:8px;width:235px;max-height:calc(100vh - 125px);padding:7px}.dock-right{top:52px;right:8px;width:250px;max-height:calc(100vh - 125px);padding:7px}.dock-layer-filter-panel{padding:4px 5px;margin-bottom:5px;gap:3px}.btn-all-layers{padding:2px 6px;font-size:.65rem}.layer-chip{padding:2px 1px}.chip-z{font-size:.65rem}.chip-name{font-size:.54rem}.unit-status-list{flex:1;min-height:0;max-height:calc(100vh - 195px);overflow-y:auto;gap:2px}.unit-row{padding:2px 5px;font-size:.68rem}.combat-log{flex:1;min-height:60px;max-height:120px;font-size:.66rem}.dock-placement{top:50px;left:8px;width:460px;max-width:min(460px,calc(100vw - 16px));max-height:calc(100vh - 56px);padding:7px;gap:5px}.placement-tabs-5 .tab-btn{font-size:.65rem;padding:3px 2px;gap:2px}.tab-svg{width:12px;height:12px}.placement-body-columns{grid-template-columns:195px 1fr;gap:6px}.vehicle-card{padding:2px 4px;gap:3px}.vehicle-svg-thumb{width:38px;height:15px}.vehicle-name{font-size:.65rem;max-width:78px}.vehicle-len-tag{font-size:.58rem}.vehicle-status-badge{font-size:.58rem;padding:1px 3px}.grid-10{grid-template-columns:repeat(10,20.5px);grid-template-rows:repeat(10,20.5px);gap:1px;padding:2px}.cell-10{width:20.5px;height:20.5px;font-size:.5rem}.placement-tools-bar .btn{padding:3px 4px;font-size:.65rem}.placement-footer-row .btn{padding:4px 8px;font-size:.72rem}.bottom-center-dock{bottom:8px}.action-bar-container{padding:4px 8px;gap:6px}.btn-tactical{padding:4px 8px}.tactical-icon{font-size:1.1rem}.tactical-title{font-size:.72rem}.action-badge{font-size:.62rem}}.fullscreen-tactical-box{background:#0b172cf5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(56,189,248,.4);border-radius:16px;padding:36px 32px;max-width:620px;width:92%;text-align:center;box-shadow:0 25px 70px #000c,0 0 35px #38bdf840;animation:readyCardGlow 3s infinite alternate ease-in-out;display:flex;flex-direction:column;align-items:center}@keyframes readyCardGlow{0%{box-shadow:0 0 20px #38bdf84d,inset 0 0 10px #38bdf81a;border-color:#0284c7}to{box-shadow:0 0 45px #38bdf8a6,inset 0 0 20px #38bdf840;border-color:#38bdf8}}.fullscreen-radar-ping{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.ping-icon-wrap{z-index:2;display:flex;align-items:center;justify-content:center}.radar-scan-svg{width:44px;height:44px;animation:rotatePulse 4s linear infinite}@keyframes rotatePulse{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fullscreen-radar-ping .ping-circle{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #38bdf8;animation:pingRipple 2.2s cubic-bezier(0,.2,.8,1) infinite}.fullscreen-radar-ping .ping-2{animation-delay:1.1s}@keyframes pingRipple{0%{transform:scale(.6);opacity:1}to{transform:scale(1.7);opacity:0}}.ready-title{margin:0 0 10px;font-size:1.35rem;font-weight:800;color:#38bdf8;letter-spacing:.8px;text-transform:uppercase}.ready-desc{margin:0 0 18px;font-size:.85rem;color:#94a3b8;line-height:1.5}.ready-opponent-status-banner{display:inline-flex;align-items:center;gap:8px;background:#020617d9;border:1px solid rgba(250,204,21,.4);border-radius:24px;padding:8px 18px;font-size:.85rem;color:#facc15;margin-bottom:20px;box-shadow:0 0 15px #facc1526}.ready-fleet-specs{display:flex;justify-content:center;gap:10px;margin-bottom:24px;flex-wrap:wrap}.spec-pill{display:flex;align-items:center;gap:6px;background:#0f172acc;border:1px solid rgba(56,189,248,.2);border-radius:8px;padding:6px 12px;font-size:.78rem;color:#f1f5f9;font-weight:600}.ready-actions-row{display:flex;justify-content:center;gap:12px;width:100%}#btn-cancel-ready{border-color:#ef444480;color:#fca5a5}#btn-cancel-ready:hover{background:#ef444433;border-color:#ef4444;color:#fff;box-shadow:0 0 15px #ef444466}.pulse-indicator{width:8px;height:8px;border-radius:50%;background:#fbbf24;box-shadow:0 0 8px #fbbf24;animation:pulseDot 1.5s infinite}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.4}}.svg-icon{width:15px;height:15px;display:inline-block;vertical-align:middle;flex-shrink:0}.svg-icon-lg{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}.svg-icon-brand{width:24px;height:24px;display:inline-block;vertical-align:middle;color:#38bdf8;flex-shrink:0}.tab-svg{width:14px;height:14px;display:inline-block;vertical-align:middle;flex-shrink:0;margin-right:3px}.modal-svg{width:52px;height:52px;display:block;margin:0 auto}@media(max-width:1280px){.dock-placement{width:350px}.tactical-title{font-size:.72rem}}@media(max-width:1024px){.dock-placement{width:310px}.tactical-text{display:none}.btn-tactical{padding:8px 10px}}