:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#06151c}#mobile-confirm[hidden]{display:none}#mobile-confirm{position:absolute;bottom:8px;left:12px;width:calc(60% - 24px);z-index:170;min-height:44px;border:1px solid #59868f;border-radius:12px;background:#e8b66b;color:#071c26;font:600 16px Arial}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 20%,#163d49,#071820 55%,#030b0f)}canvas{display:block;margin:auto}#match-history,#players-online{place-items:safe center}#players-online .online-card,#match-history .online-card{width:min(100%,680px)}#match-history select{width:100%;padding:12px;font:inherit;color:#eef5f5;background:#11333e;border:1px solid #426874;border-radius:10px}.history-match{padding:14px 0;border-bottom:1px solid #426874}.history-match p{margin:8px 0 0;font-size:14px;color:#a8c0c5}.history-match [data-outcome=win]{color:#69d8af}.history-match [data-outcome=loss]{color:#ff8a80}.online-overlay{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#05131deb;padding:20px;overflow:auto}.online-card{width:min(100%,520px);padding:28px;border:1px solid #547d82;border-radius:14px;background:#102b35;color:#e2eff0;box-shadow:0 20px 80px #0008}.online-card h1{margin:0 0 12px;color:#f2be75}.online-card p{line-height:1.5}.online-card label{display:block;margin:14px 0 8px}.online-card input:not([type=checkbox]){width:100%;padding:12px;border:1px solid #59868f;border-radius:6px;background:#071c26;color:#fff;font:inherit}.online-card button{display:block;width:100%;margin:12px 0;padding:13px;border:0;border-radius:6px;background:#bb834c;color:#fff;font:inherit;cursor:pointer}.online-card button:disabled{opacity:.6;cursor:default}.online-card .secondary{background:#28464d}.online-card [hidden]{display:none!important}#network-status{position:fixed;bottom:52px;right:10px;z-index:150;padding:5px 10px;border-radius:5px;background:#102b35;color:#d5e8df;font:12px Arial,sans-serif;max-width:90%}#online-lobby{background:linear-gradient(90deg,#061a22fa,#061a22e8 35%,#061a2266),url(/menu/battlefield.png) right center / auto 115% no-repeat,#061a22;padding:32px clamp(24px,6vw,100px);place-items:center start}#online-lobby .online-card{width:min(100%,520px);padding:28px 32px;background:linear-gradient(145deg,#102c36ed,#081d26f2);border:1px solid #59838a66;border-radius:22px;box-shadow:0 24px 80px #0005}#online-lobby h1{font-size:34px;color:#f7c77f;letter-spacing:-.7px}#online-lobby p{color:#a8c0c5;font-size:15px}#online-lobby label{font-size:14px;color:#c4d9dc}#online-lobby .check{display:flex;gap:10px;align-items:center;line-height:1.5}#online-lobby input[type=checkbox]{accent-color:#e8b66b;width:18px;height:18px;flex-shrink:0}#online-lobby select,#online-lobby input:not([type=checkbox]){display:block;width:100%;margin-top:8px;padding:13px 15px;border:1px solid #426874;border-radius:12px;background:#0b2631;color:#eef5f5;font:inherit}#online-lobby button{border:1px solid #ffda9b;border-radius:13px;padding:15px 18px;background:linear-gradient(120deg,#f5cb86,#e5ae61);color:#13282e;font-weight:650;box-shadow:0 4px 12px #0002;transition:background .15s,box-shadow .15s,transform .15s}#online-lobby button:hover:not(:disabled){background:#f9d498;box-shadow:0 5px 20px #edbd7026;transform:translateY(-1px)}#online-lobby .secondary,#online-lobby #join-form button{background:#11333e;border-color:#426874;color:#eef5f5}#online-lobby button.secondary:hover:not(:disabled),#online-lobby #join-form button:hover:not(:disabled){background:#204b55}#online-lobby :is(button,input,select):focus-visible{outline:2px solid #f7c77f;outline-offset:3px}#online-lobby #join-form{border-top:1px solid #59838a44;margin-top:22px;padding-top:4px}#online-lobby #room-status:empty{display:none}#online-lobby #room-map-preview{display:block;width:100%;height:160px;object-fit:contain;background:#0c2833;border:1px solid #426874;border-radius:12px;margin:12px 0}#online-lobby [data-connected=false]{color:#ff8a80}#online-lobby [data-connected=true]{color:#69d8af}#online-lobby #friend-presence{font-weight:700}@media(max-width:600px){#online-lobby{padding:18px;place-items:safe center}#online-lobby .online-card{padding:22px}#online-lobby h1{font-size:28px}}body.mobile-game{position:fixed;width:var(--mobile-width);height:var(--mobile-height);transform-origin:0 0;overflow:hidden}body.mobile-game.mobile-rotated{transform:translate(var(--mobile-height)) rotate(90deg)}body.mobile-game #game{width:var(--mobile-width);height:calc(var(--mobile-height) - 48px);margin-top:48px}body.mobile-game canvas{width:var(--mobile-canvas-width)!important;height:var(--mobile-canvas-height)!important;margin-left:var(--mobile-canvas-left)!important;margin-top:0!important;touch-action:none}#mobile-actions{position:absolute;top:48px;right:8px;bottom:8px;width:calc(40% - 16px);overflow:auto;overscroll-behavior:contain;padding:0 8px 12px;background:#071c26;border-radius:12px}#mobile-actions h2{font-size:18px;color:#f7c77f;margin:8px 0}#mobile-actions p{font-size:13px;line-height:1.4;white-space:pre-line;margin:6px 0;color:#c4d9dc}#mobile-actions button{width:100%;min-height:44px;margin:4px 0;padding:8px;border:1px solid #59868f;border-radius:8px;background:#20434b;color:#fff;font:14px Arial}#mobile-actions button[data-selected=true]{border-color:#f7c77f;background:#80582e}body.mobile-game #mobile-menu{position:absolute;inset:48px 0 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:24px;padding:12px 24px;overflow:hidden;overscroll-behavior:contain;background:linear-gradient(90deg,#061a22f5,#061a22b0),url(/menu/battlefield.png) center/cover}#mobile-menu>div{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}#mobile-menu h1{font-size:36px;color:#f7c77f;margin:0 0 8px}#mobile-menu p{white-space:pre-line;color:#dcebed;font-size:16px}#mobile-menu img{height:115px;width:100%;object-fit:contain}#mobile-menu button,#mobile-menu select{display:block;width:100%;min-height:44px;margin:0 0 8px;padding:10px;border:1px solid #59868f;border-radius:10px;background:#173a44;color:#fff;font:600 16px Arial}body.mobile-game .online-overlay,body.mobile-game #online-lobby{position:absolute;inset:48px 0 0;max-height:calc(var(--mobile-height) - 48px);padding:12px;place-items:safe center}body.mobile-game .online-card{padding:20px;width:min(100%,680px);border-radius:18px}body.mobile-game .online-card h1,body.mobile-game #online-lobby h1{font-size:26px}body.mobile-game .online-card input,body.mobile-game .online-card select,body.mobile-game .online-card button{min-height:44px;font-size:16px}body.mobile-game #language-select,body.mobile-game #sound-toggle{position:absolute!important;top:4px!important;bottom:auto!important;min-height:36px;padding:6px 10px!important;font-size:12px!important}body.mobile-game #sound-toggle{right:12px}body.mobile-game #language-select{right:120px!important}body.mobile-game #network-status{position:absolute;bottom:8px;right:calc(40% + 8px);max-width:55%}#mobile-actions summary{min-height:44px;padding:12px 0;color:#f7c77f;cursor:pointer;font-size:14px}body.mobile-game #diagnostics-download{position:absolute!important;top:4px;bottom:auto!important;left:12px!important;min-height:36px}body.mobile-game.mobile-status canvas{visibility:hidden}body.mobile-game.mobile-status #mobile-actions{left:12%;right:12%;width:auto;padding:12px 20px}body.mobile-game.mobile-status #mobile-actions p{font-size:18px}#mobile-actions button:disabled{opacity:.55;cursor:default}#match-history .history-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:16px;padding:8px 0;background:#102b35}#match-history .history-header h1{flex:1;min-width:0;margin:0}#match-history .history-close{flex:0 0 44px;width:44px;height:44px;margin:0;padding:0;border:1px solid #59868f;border-radius:10px;background:#28464d;color:#eef5f5;font:32px/1 Arial}#match-history .history-close:hover{background:#3b626c}#match-history .history-close:focus-visible{outline:2px solid #f7c77f;outline-offset:3px}body.mobile-short #mobile-menu{gap:16px;padding:8px 16px}body.mobile-short #mobile-menu h1{font-size:28px}body.mobile-short #mobile-menu p{font-size:14px;margin:8px 0}body.mobile-short #mobile-menu img{height:90px}body.mobile-short #mobile-menu button{margin-bottom:4px;padding:8px;font-size:14px}#online-lobby .mobile-map-cycle{display:none}body.mobile-game #online-lobby .mobile-map-cycle{display:block}body.mobile-game #room-map{display:none}