.combat{--battle-mint:#a3e4c0;--battle-orange:#f5af78;color:#ecefe6;background:#13232a;border:1px solid #3c514e;border-radius:18px;margin:24px 0;overflow:hidden;box-shadow:0 20px 55px #0002}.combat button{touch-action:manipulation;min-height:44px}.combat-heading{justify-content:space-between;align-items:center;gap:16px;padding:24px 25px 18px;display:flex}.combat-kicker{letter-spacing:2px;color:var(--battle-mint);font-size:9px;font-weight:700}.combat h2{margin-top:7px;font-size:27px}.combat-heading p{color:#a2b4b7;margin-top:5px;font-size:12px}.combat-state{text-transform:uppercase;letter-spacing:1px;white-space:nowrap;color:#bdeacb;border:1px solid #52625a;border-radius:20px;padding:8px 11px;font-size:10px}.combat-state.active:before{content:"";background:#9ed9b6;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.combat-hud{background:#0e1e25;border-top:1px solid #33494b;border-bottom:1px solid #33494b;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.combat-hud>div{border-right:1px solid #33494b;padding:15px 20px}.combat-hud>div:last-child{border:0}.combat-hud small{text-transform:uppercase;letter-spacing:1px;color:#90a6ab;font-size:9px;display:block}.combat-hud strong{margin:5px 0 2px;font-family:Manrope,sans-serif;font-size:21px;display:block}.combat-hud span{color:#9db5b8;font-size:10px}.combat-progress{background:#354846;height:3px}.combat-progress>i{background:#aacba6;height:100%;transition:width 1s linear;display:block}.combat-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.combat-tabs{background:#0f2027;border:1px solid #3d5355;border-radius:9px;gap:4px;padding:4px;display:flex}.combat-tabs button{color:#9fb6b7;background:0 0;border-radius:6px;padding:8px 14px;font-size:11px}.combat-tabs button[aria-pressed=true]{color:#d1f1d4;background:#314b46;box-shadow:0 2px 6px #0002}.combat-pause{background:0 0;border:1px solid #516362;border-radius:7px;padding:10px 16px;font-size:12px}.combat-body{grid-template-columns:minmax(0,1fr) 265px;gap:18px;padding:0 22px 22px;display:grid}.combat-map{isolation:isolate;background:#1b3436;border:1px solid #4a6260;border-radius:12px;min-height:395px;position:relative;overflow:hidden}.combat-terrain{z-index:-1;opacity:.8;width:100%;height:100%;position:absolute;inset:0}.combat-map-labels{letter-spacing:1.6px;color:#bad0c3;text-transform:uppercase;justify-content:space-between;padding:15px 17px;font-size:8px;display:flex}.combat-map-labels span:last-child{color:#e5b698}.combat-city{color:#bad9bd;filter:drop-shadow(0 7px 5px #0c2228);width:13%;height:48%;position:absolute;top:28%;left:4%}.combat-front{flex-direction:column;justify-content:space-around;display:flex;position:absolute;inset:55px 4% 20px 20%}.combat-lane{background:#9d9f6c0a;border-top:1px dashed #71877a65;border-bottom:1px dashed #71877a45;border-radius:6px;height:27%;position:relative}.combat-lane.selected{background:#b9cd9820;outline:1px solid #c9dba875}.combat-lane-label{color:#b7cbbb;font-size:10px;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}.combat-lane-select{z-index:1;background:0 0;width:100%;position:absolute;inset:0}.combat-lane-select:focus-visible{outline-offset:1px!important}.combat-lane-target{letter-spacing:1px;color:#e1b59d8c;font-size:9px;position:absolute;top:50%;right:3%;transform:translateY(-50%)}.combat-unit{z-index:2;pointer-events:none;color:#c3e9bf;filter:drop-shadow(0 3px 2px #07191b);width:35px;height:29px;transition:left 1.8s linear;position:absolute;top:50%;transform:translate(-50%,-50%)}.combat-unit.enemy{color:#e7ad8b}.combat-unit.aircraft{color:#d4e4ea;top:23%}.combat-unit svg{width:100%;height:100%;overflow:visible}.combat-unit-bar{background:#102126;height:3px;position:absolute;bottom:-5px;left:5px;right:5px}.combat-unit-bar i{background:currentColor;height:100%;display:block}.combat-shield{pointer-events:none;border-right:3px solid #9de0cb;border-radius:50%;position:absolute;inset:17% 79% 12% 1%;box-shadow:12px 0 25px #8fe5bc2e}.combat-map-legend{color:#a6beb5;gap:13px;font-size:8px;display:flex;position:absolute;bottom:10px;left:15px}.combat-map-legend i{background:#bbd9ae;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.combat-map-legend span:last-child i{background:#e7ad8b}.combat-overlay{z-index:4;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;background:#0b1b23dc;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.combat-overlay>span{color:#dbca94;margin-bottom:12px;font-size:30px}.combat-overlay h3{font-size:24px}.combat-overlay p{color:#a6b9ba;max-width:290px;margin:10px 0 18px;font-size:12px}.combat-primary{color:#172b2c;background:#d5bd85;border-radius:7px;padding:12px 20px;font-size:12px;font-weight:700}.combat-panel{background:#0f2027;border:1px solid #344c4d;border-radius:12px;padding:17px}.combat-panel h3{margin:0 0 5px;font-size:14px}.combat-panel p{color:#9eb2b7;font-size:11px;line-height:1.6}.combat-lane-buttons{gap:6px;margin:14px 0;display:flex}.combat-lane-buttons button{background:#1a3037;border:1px solid #3f5656;border-radius:6px;flex:1;font-size:11px}.combat-lane-buttons button[aria-pressed=true]{color:#f0f0d4;background:#425a48;border-color:#9cae80}.combat-orders{gap:7px;display:grid}.combat-orders button{text-align:left;background:#1a3036;border:1px solid #3a5354;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.combat-orders button:hover:not(:disabled){background:#29423e;border-color:#8ca78d}.combat-orders svg{color:#b3caa9;flex-shrink:0;width:29px;height:25px}.combat-orders strong{font-size:11px;display:block}.combat-orders small{color:#9cb2b4;margin-top:3px;font-size:9px;display:block}.combat-orders .combat-defense{background:#353a2c;border-color:#7e7350}.combat-disabled{opacity:.65}.combat-ai{background:#20362e;border-left:2px solid #b3c99c;margin:14px 0;padding:12px}.combat-ai strong{color:#c5dfb7;font-size:10px}.combat-ai p{margin-top:5px;font-size:10px}.combat-report{border-top:1px solid #344c4c;grid-template-columns:1fr 1fr;gap:22px;margin:0 22px 22px;padding-top:15px;display:grid}.combat-report h3{text-transform:uppercase;letter-spacing:1px;color:#a1b6ae;margin-bottom:10px;font-size:10px}.combat-log{margin:0;padding:0;list-style:none}.combat-log li{color:#a8babc;margin-top:5px;font-size:10px;line-height:1.7}.combat-log li:before{content:"•";color:#afc69b;margin-right:8px}.combat-losses{gap:22px;display:flex}.combat-losses strong{color:#e7c3a2;font-size:18px;display:block}.combat-losses small{color:#91a9ac;font-size:9px}.combat-note{color:#a1b4af;padding:0 22px 18px;font-size:10px}.combat-error{color:#ffcfb4;margin-top:12px;font-size:11px;line-height:1.5}.combat button:disabled{cursor:not-allowed}.combat button:focus-visible{outline-offset:3px;outline:2px solid #eddbb0}@media (max-width:1100px){.combat-body{grid-template-columns:1fr}.combat-panel{grid-template-columns:1fr 1.6fr;gap:0 20px;display:grid}.combat-orders{grid-area:1/2/5;grid-template-columns:1fr 1fr}.combat-map{min-height:335px}.combat-unit{width:31px}.combat-ai{margin-bottom:0}}@media (max-width:600px){.combat-heading{padding:19px 16px}.combat h2{font-size:22px}.combat-heading p{font-size:10px}.combat-state{padding:7px;font-size:8px}.combat-hud>div{padding:12px 10px}.combat-hud strong{font-size:17px}.combat-hud small{letter-spacing:.6px;font-size:7px}.combat-hud span{font-size:8px}.combat-toolbar{gap:6px;padding:12px}.combat-tabs button{padding:7px 10px;font-size:10px}.combat-pause{padding:8px 11px;font-size:10px}.combat-body{gap:12px;padding:0 12px 15px}.combat-map{min-height:295px}.combat-map-labels{padding:13px;font-size:7px}.combat-front{inset:42px 4% 23px 21%}.combat-unit{width:25px;height:25px}.combat-lane-target{font-size:7px}.combat-panel{padding:13px;display:block}.combat-orders{grid-template-columns:1fr 1fr;gap:7px}.combat-orders button{padding:10px 8px}.combat-orders svg{width:25px}.combat-orders strong{font-size:10px}.combat-orders small{font-size:8px}.combat-ai{margin-top:12px}.combat-report{grid-template-columns:1fr;gap:16px;margin:0 15px 18px}.combat-losses{gap:26px}.combat-note{padding:0 15px 16px;font-size:9px}}@media (prefers-reduced-motion:reduce){.combat *,.combat :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.combat-move{border-top:1px solid #344b4c;grid-column:1/-1;gap:8px;margin-top:14px;padding-top:12px;display:grid}.combat-move label{color:#b4c6bd;font-size:10px}.combat-move select{color:#dfebdf;background:#1a3036;border:1px solid #4b6261;border-radius:6px;width:100%;min-height:44px;padding:8px;font-size:11px}.combat-withdraw{color:#d4ad98;text-underline-offset:3px;background:0 0;margin-top:6px;padding:8px 0;font-size:10px;text-decoration:underline;display:block}.combat-lane-city-hp{color:#d1e2b5;font-size:8px;position:absolute;top:6%;left:1%}.combat-shield-button{grid-column:1/-1}.combat-fire{pointer-events:none;background:#f8dda1;width:12px;height:2px;animation:3s linear infinite combat-fire;position:absolute;top:65%;left:25%;box-shadow:0 0 5px #ffdf90}.combat-lane:nth-child(2) .combat-fire{animation-delay:1s}.combat-lane:nth-child(3) .combat-fire{animation-delay:2s}.combat-playing .combat-unit.aircraft svg{animation:5s ease-in-out infinite alternate combat-flight}@keyframes combat-fire{0%,60%{opacity:0;left:25%}65%{opacity:.8;left:25%}90%{opacity:.8;left:75%}95%,to{opacity:0;left:75%}}@keyframes combat-flight{to{transform:translate(6px,-3px)}}.combat .combat-map{background:0 0;border:0;height:auto;min-height:0;overflow:visible}.combat .battlefield-3d{border-radius:12px}.combat .bf3d-canvas{height:450px}.combat-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:auto;background:#0b1b2377}.combat-overlay p{color:#e4eeeb}.combat-overlay h3{color:#fff}.combat-overlay>span{filter:drop-shadow(0 2px 4px #000)}.cabinet-dialog:has(.combat){max-width:1100px}.combat:has(canvas) .combat-body{grid-template-columns:minmax(0,1fr) 265px}@media (max-width:900px){.combat:has(canvas) .combat-body{grid-template-columns:1fr}}@media (max-width:600px){.combat .bf3d-canvas{height:390px}}.combat{--battle-friendly:#64c5ff;--battle-opponent:#ffac67}.combat-hud{grid-template-columns:repeat(3,minmax(0,1fr))}.combat-objective{background:#20332f;border:1px solid #52644c;border-radius:9px;align-items:baseline;gap:13px;margin:0 22px 15px;padding:11px 14px;display:flex}.combat-objective>strong{color:#d2e9c1;white-space:nowrap;font-size:11px}.combat-objective p{color:#d0ddd4;margin:0;font-size:11px;line-height:1.6}.combat-scoreboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 22px;display:grid}.combat-side{background:#102632;border:1px solid #3c657f;border-radius:10px;min-width:0;padding:14px 16px}.combat-side-enemy{background:#2c2522;border-color:#76543e}.combat-side-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.combat-side-heading>strong{color:var(--battle-friendly);font-size:14px}.combat-side-enemy .combat-side-heading>strong{color:var(--battle-opponent)}.combat-side-heading>span{color:#c2d3db;letter-spacing:.5px;font-size:9px}.combat-integrity-value{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin:12px 0 7px;display:flex}.combat-integrity-value>span{color:#c0ced0;font-size:11px}.combat-integrity-value>strong{color:#f1f6f7;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:21px;line-height:1.3}.combat-integrity-value small{color:#bfccce;font-size:11px;font-weight:400}.combat-integrity-value em{color:#b9dcf2;margin-left:10px;font-size:12px;font-style:normal}.combat-side-enemy .combat-integrity-value em{color:#ffd0ad}.combat-integrity-bar{background:#07151e;border-radius:5px;height:9px;overflow:hidden}.combat-integrity-bar i{background:var(--battle-friendly);border-radius:5px;height:100%;transition:width .3s;display:block}.combat-side-enemy .combat-integrity-bar i{background:var(--battle-opponent)}.combat-force-count{color:#c2d1d5;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;margin-top:9px;font-size:10px;line-height:1.5;display:flex}.combat-force-count b{color:#f0f5f7;font-size:12px}.combat-lead{flex-wrap:wrap;align-items:baseline;gap:5px 12px;margin:11px 22px 15px;font-size:11px;line-height:1.5;display:flex}.combat-lead>strong{color:#b7def4}.combat-lead-behind>strong{color:#ffbc8a}.combat-lead>span{color:#b5c5c5}.combat-ammo-note{background:#152a30;border:1px solid #33494b;border-radius:7px;gap:4px;margin-top:12px;padding:11px;font-size:10px;line-height:1.6;display:grid}.combat-ammo-note strong{color:#dfede9;font-size:11px}.combat-ammo-note span{color:#afc2c4}.combat-latest-impact{overflow-wrap:anywhere;background:#30291f;border:1px solid #71543b;border-radius:8px;gap:4px;min-width:0;margin:0 22px 14px;padding:10px 13px;font-size:11px;line-height:1.5;display:grid}.combat-latest-impact>strong{color:#ffbc86}.combat-latest-impact>span{color:#d8dfd8}.combat-impact-friendly{background:#1a2a38;border-color:#416884}.combat-impact-friendly>strong{color:#9bd8ff}.combat-selected-lane{background:#1c3134;border:1px solid #4f6761;border-radius:7px;margin-bottom:11px;padding:10px 11px}.combat-selected-lane>span{color:#b8d6c9;margin-bottom:4px;font-size:10px;display:block}.combat-selected-lane>strong{color:#eef4e9;font-size:12px;display:block}.combat-selected-lane>small{flex-wrap:wrap;gap:5px 13px;margin-top:6px;font-size:10px;display:flex}.combat-friendly-text{color:#8bd1ff;font-weight:500}.combat-enemy-text{color:#ffbb86;font-weight:500}.combat-selected-lane>p{color:#ffd0a9;margin-top:7px;font-size:10px}.combat-orders small{font-size:10px;line-height:1.45}.combat-orders small b{color:#e7e3ba;font-weight:600}.combat-orders button,.combat-orders button>span{min-width:0}.combat-orders button:disabled{opacity:.55}.combat-panel .combat-attack-rules{color:#b3c5c6;margin-top:12px;font-size:10px;line-height:1.65}.combat-move>small{color:#aebfbe;font-size:10px;line-height:1.5}.combat-losses{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.combat-losses small{color:#b8c7c7;margin-top:4px;font-size:10px;line-height:1.5;display:block}.combat-budget-cost{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:17px;display:flex}.combat-budget-cost>strong{color:#e8d4ac;font-size:24px}.combat-budget-cost>span{color:#c0cecb;font-size:11px}.combat-cost-note{color:#b7c8c4;margin-top:17px;font-size:11px;line-height:1.65}.combat-event-log{gap:7px;margin:0;padding:0;list-style:none;display:grid}.combat-event-log li{background:#172e33;border-left:3px solid #6c9086;border-radius:0 6px 6px 0;padding:9px 11px}.combat-event-log li[data-target-side=player]{border-left-color:var(--battle-friendly)}.combat-event-log li[data-target-side=enemy]{border-left-color:var(--battle-opponent)}.combat-event-log li>div{flex-wrap:wrap;align-items:center;gap:8px;font-size:10px;line-height:1.4;display:flex}.combat-event-log time{color:#a8c1c3;font-variant-numeric:tabular-nums}.combat-event-log strong{color:#e8eeea;font-size:10px}.combat-event-damage{color:#ffcfb1;white-space:nowrap;margin-left:auto}.combat-event-log p{color:#c0cfce;overflow-wrap:anywhere;margin:5px 0 0;font-size:10px;line-height:1.6}.combat-event-empty{color:#b4c7c4;font-size:11px;line-height:1.6}.combat-report .combat-dispatch-heading{margin-top:17px}.combat-note{line-height:1.7}.combat-note>p{margin:0 0 9px}@media (max-width:1100px){.combat-panel{display:block}.combat-orders{grid-template-columns:repeat(2,minmax(0,1fr))}.combat-attack-rules{grid-column:1/-1}}@media (min-width:901px){.combat:has(canvas) .combat-panel .combat-orders{grid-template-columns:1fr}}@media (max-width:600px){.combat-heading{align-items:flex-start;gap:10px}.combat-kicker{letter-spacing:1px;font-size:8px;line-height:1.5}.combat-objective{margin:0 12px 12px;padding:10px 12px;display:block}.combat-objective>strong{margin-bottom:4px;display:block}.combat-scoreboard{gap:8px;padding:0 12px}.combat-side{padding:11px 10px}.combat-side-heading{display:block}.combat-side-heading>strong{font-size:12px;display:block}.combat-side-heading>span{margin-top:4px;font-size:8px;display:block}.combat-integrity-value{margin-top:10px;display:block}.combat-integrity-value>span{font-size:10px}.combat-integrity-value>strong{margin-top:3px;font-size:20px;display:block}.combat-integrity-value small{font-size:9px}.combat-integrity-value em{margin-left:6px;font-size:10px}.combat-force-count{font-size:10px;display:grid}.combat-lead{margin:10px 12px 12px;font-size:10px;display:grid}.combat-lead strong{font-size:12px}.combat-hud{grid-template-columns:repeat(3,minmax(0,1fr))}.combat-hud>div{padding:11px 9px}.combat-hud small{font-size:9px}.combat-hud span{font-size:10px}.combat-ammo-note{padding:11px 12px;font-size:10px}.combat-ammo-note strong{font-size:11px}.combat-toolbar{flex-wrap:wrap}.combat-tabs,.combat-tabs button{flex:1}.combat-latest-impact{margin:0 12px 12px;padding:9px 11px;font-size:10px}.combat-orders small{font-size:9px}.combat-orders button{gap:7px}.combat-report{gap:20px}.combat-losses{gap:14px}}.battlefield-3d{isolation:isolate;color:#e6eef2;background:#101a21;border:1px solid #32454f;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 18px 48px #020b1430}.bf3d-header{justify-content:space-between;align-items:center;gap:14px;padding:16px 18px 12px;display:flex}.bf3d-header>div{min-width:0}.bf3d-header strong{letter-spacing:-.2px;font-size:16px;font-weight:750;line-height:1.35;display:block}.bf3d-eyebrow{color:#9fb2c0;overflow-wrap:anywhere;margin-top:4px;font-size:11px;line-height:1.5;display:block}.bf3d-live{letter-spacing:.8px;color:#c1d6cc;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.bf3d-live i{background:#7fe0ad;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #7fe0ad40}.bf3d-viewbar{align-items:center;gap:14px;padding:0 18px 12px;display:flex}.bf3d-view-controls{background:#09131a;border:1px solid #354a58;border-radius:10px;gap:4px;padding:3px;display:flex}.bf3d-view-controls button{color:#a8becd;min-width:114px;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:12px;font-weight:700;display:flex}.bf3d-view-controls button[aria-pressed=true]{color:#f2f9ff;background:#24495e;border-color:#5b95b6;box-shadow:inset 0 1px #8fc4e320}.bf3d-view-controls button span{font-size:17px;line-height:1}.bf3d-view-hint{color:#9fb2c0;font-size:11px;line-height:1.4}.bf3d-stage{background:#172a31;border-block:1px solid #354853;position:relative;overflow:hidden}.bf3d-canvas{touch-action:none;width:100%;height:520px}.bf3d-canvas canvas{touch-action:none;width:100%;height:100%;display:block}.bf3d-compass{color:#dfedf1;pointer-events:none;background:#0a1823b3;border:1px solid #b9d3d533;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:34px;height:44px;display:flex;position:absolute;top:12px;right:12px}.bf3d-compass span{font-size:8px;line-height:14px}.bf3d-compass b{font-size:22px;font-weight:500;line-height:20px}.bf3d-legend{background:#13212b;justify-content:space-between;align-items:start;gap:12px;padding:13px 18px;font-size:11px;font-weight:650;display:flex}.bf3d-legend>span{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.bf3d-legend>span:last-child{justify-content:end}.bf3d-legend>span>span{overflow-wrap:anywhere;min-width:0;line-height:1.4}.bf3d-legend i{border-radius:2px;flex-shrink:0;width:8px;height:8px}.bf3d-legend .friendly{background:#64c5ff;box-shadow:0 0 10px #64c5ff33}.bf3d-legend .hostile{background:#ffac67;box-shadow:0 0 10px #ffac6733}.bf3d-legend small{color:#64c5ff;font-size:10px;font-weight:500;display:block}.bf3d-legend>span:last-child small{color:#ffac67}.bf3d-lanes{background:#13212b;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px 12px;display:grid}.bf3d-lanes button{-webkit-appearance:none;appearance:none;text-align:left;color:#c7d5df;cursor:pointer;background:#1b2a35;border:1px solid #3b4d59;border-radius:10px;align-items:center;gap:10px;min-width:0;min-height:66px;padding:11px 12px;transition:background .2s,border-color .2s;display:flex}.bf3d-lanes button.is-selected{background:#29475a;border-color:#7cbddf;box-shadow:inset 0 2px #77badd}.bf3d-lane-number{color:#91a9b8;font-size:11px;font-weight:800}.bf3d-lanes button.is-selected .bf3d-lane-number{color:#aadefa}.bf3d-lanes strong{color:#f1f6f9;font-size:12px;line-height:1.5;display:block}.bf3d-lanes small{flex-wrap:wrap;gap:2px 10px;font-size:10px;line-height:1.5;display:flex}.bf3d-lanes small span{white-space:nowrap}.bf3d-lanes small span:first-child{color:#8bd1ff}.bf3d-lanes small span:last-child{color:#ffbb86}.bf3d-lane-arrow{color:#aadefa;margin-left:auto}.bf3d-navigation{border-top:1px solid #2a3b46;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;padding:5px 12px;display:flex}.bf3d-navigation>span{color:#a5b7c3;padding:6px;font-size:10px;line-height:1.5}.bf3d-options{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.bf3d-options button{color:#c4d6e2;min-width:44px;min-height:44px;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:8px 10px;font-size:11px;font-weight:650}.bf3d-options button[aria-pressed=true]{color:#aadefa}.bf3d-fiction{color:#91a6b5;padding:0 18px 12px;font-size:9px;line-height:1.5;display:block}.bf3d-placeholder{z-index:1;text-align:center;background:radial-gradient(at 50% 75%,#29444f,#101d27 80%);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.bf3d-placeholder strong{max-width:100%;font-size:22px;font-weight:650;line-height:1.3}.bf3d-placeholder p{color:#b1c6d2;max-width:350px;font-size:13px;line-height:1.6}.bf3d-placeholder button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#2c5269;border:1px solid #77badd;border-radius:8px;padding:10px 16px;font-size:13px}.bf3d-sr{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.battlefield-3d button:disabled{cursor:default;opacity:.55}.battlefield-3d button:focus-visible{outline-offset:2px;outline:3px solid #b7e2ff}@media (hover:hover){.bf3d-options button:not(:disabled):hover{background:#263a48}.bf3d-view-controls button:not(:disabled):hover{border-color:#80a9bf}.bf3d-lanes button:hover{border-color:#a2cada}}@media (max-width:650px){.battlefield-3d{border-radius:14px}.bf3d-header{gap:8px;padding:13px 12px 10px}.bf3d-header strong{font-size:14px}.bf3d-eyebrow{font-size:10px}.bf3d-live{letter-spacing:.3px;white-space:normal;max-width:90px;font-size:8px;line-height:1.5}.bf3d-live i{flex-shrink:0}.bf3d-viewbar{padding:0 12px 10px}.bf3d-view-controls{width:100%}.bf3d-view-controls button{flex:1;min-width:0}.bf3d-view-hint{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.bf3d-canvas{height:clamp(300px,90vw,390px)}.bf3d-legend{gap:10px;padding:10px 12px;font-size:10px}.bf3d-legend>span{align-items:start;gap:6px}.bf3d-legend i{margin-top:4px}.bf3d-lanes{gap:5px;padding:0 7px 10px}.bf3d-lanes button{gap:5px;min-height:74px;padding:9px 7px}.bf3d-lanes strong{font-size:11px}.bf3d-lanes small{font-size:9px;display:block}.bf3d-lanes small span{display:block}.bf3d-lane-number{align-self:start;margin-top:3px;font-size:9px}.bf3d-lane-arrow{display:none}.bf3d-navigation{gap:0;padding:4px 6px}.bf3d-navigation>span{width:100%;font-size:10px}.bf3d-options{justify-content:space-between;gap:0;width:100%}.bf3d-options button{padding:8px 6px;font-size:10px}.bf3d-fiction{padding:0 12px 11px}}@media (prefers-reduced-motion:reduce){.bf3d-lanes button{transition:none}}