/* Continuous empire map, retaining the illustrated navy and gold game skin. */
body[data-screen=arena] .battlefield>svg{top:90px;left:12px;width:calc(100% - 24px);height:calc(100% - 285px);filter:none;touch-action:none}
body[data-screen=arena] .arena-header{top:14px;left:22px;right:22px;align-items:flex-start}
.arena-tools{display:flex;gap:8px}
body[data-screen=arena] .arena-header h1{font:25px var(--heading);margin:0 0 3px}
body[data-screen=arena] .arena-header p{font-size:9px}
body[data-screen=arena] .arena-header .secondary{min-height:40px;font-size:11px}
body[data-screen=arena] .game-hud{top:15px;left:50%;right:auto;transform:translateX(-50%);width:410px;display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px;padding:12px 18px;background:linear-gradient(#225564,#153d50);border:1px solid #94b9b5;border-bottom:4px solid #103246;box-shadow:inset 0 1px #d5ead933,0 5px 16px #133c4830;border-radius:13px;z-index:2;pointer-events:none}
.game-hud>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.game-hud>div>span{font:800 8px var(--font);letter-spacing:.9px;color:#bad4d3}
body[data-screen=arena] .game-hud strong{font:29px var(--heading);color:#ffe39c;text-shadow:0 2px #54492c;white-space:nowrap;line-height:1.1}
.game-hud small{font:500 9px var(--font);color:#c5dbd4;white-space:nowrap}
.game-hud strong.near-capacity{color:#ffa57e!important}
.reserve-meter{height:4px;border-radius:3px;background:#082c3c;position:relative;margin:3px 0}
.reserve-meter i{display:block;height:100%;background:#e5c374;border-radius:3px;transition:width .25s linear}
.reserve-meter b{position:absolute;left:66.66%;top:-1px;width:1px;height:6px;background:#fff0c9}
.empire-ranking{position:absolute;right:24px;top:114px;width:175px;border:1px solid #92b5b354;border-radius:12px;padding:12px;background:#123a4ded;z-index:3}
.empire-ranking h3{font:700 9px var(--font);color:#bad3d1;letter-spacing:1.7px;margin:0 0 9px}
.ranking-row{display:flex;gap:6px;align-items:center;font:700 10px var(--font);padding:8px 0;color:#edf1d8}
.ranking-row+.ranking-row{border-top:1px solid #90b0af20}
.ranking-row .rank{color:#88acb4;font-size:8px;width:7px}.ranking-row i{width:7px;height:7px;border-radius:2px;flex-shrink:0}
.ranking-row>span:not(.rank){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ranking-row small{display:block;color:#aac5ca;font-size:8px;font-weight:500;margin-top:2px}.ranking-row>strong{font-size:9px;color:#b5cdd0}.ranking-row.is-you>strong{color:#ffe19a}
.empire-label{cursor:pointer}.empire-label text{pointer-events:none;paint-order:stroke;stroke:#12394c;stroke-width:.5px}
.empire-name{font:900 8px 'Nunito',sans-serif;letter-spacing:.15px}.empire-troops{font:900 14px 'Nunito',sans-serif;font-variant-numeric:tabular-nums}
.empire-border{pointer-events:none}.empire-label:hover rect{stroke:#fff0be;stroke-width:2}
body[data-screen=arena] .arena-side.frontier-command{position:absolute;top:auto;bottom:18px;left:50%;right:auto;transform:translateX(-50%);width:min(780px,calc(100% - 48px));padding:15px 20px!important;border:1px solid #9ebeb9;border-bottom:5px solid #103448;border-radius:15px;background:linear-gradient(110deg,#245564f9,#123b4ffb);box-shadow:0 6px 18px #0f475950,inset 0 1px #ebf3cf20;overflow:visible;display:block;z-index:4}
body[data-screen=arena] .frontier-command .target-box{border:0;padding:0;margin:0;display:grid;grid-template-columns:1.15fr 1.3fr 140px;grid-template-rows:auto;gap:22px;align-items:center}
body[data-screen=arena] .frontier-command .target-choice{display:block;grid-column:1;grid-row:1;min-width:0}
.command-eyebrow{display:block;font:800 9px var(--font);letter-spacing:1.2px;color:#b0ccd0;margin-bottom:5px}
#target-name{display:block;color:#fff0bb;font:23px var(--heading);line-height:1.15}
body[data-screen=arena] .frontier-command #target-info{font:500 10px/1.5 var(--font);color:#c1d5d4;margin:5px 0 0;min-height:0}
body[data-screen=arena] .frontier-command .power-control{grid-column:2;grid-row:1;min-width:0;margin-top:0}
body[data-screen=arena] .frontier-command .power-control label{display:flex;align-items:center;gap:4px;font:600 11px var(--font);color:#d6e1d3;margin:0}
.power-control label strong{color:#ffdf97}.power-control #send-count{margin-left:auto;font-size:10px;color:#aac9cf}
body[data-screen=arena] .frontier-command input[type=range]{display:block;width:100%;height:22px;margin:8px 0 3px;accent-color:#ffd26e}
.power-presets{display:flex;justify-content:space-between;gap:5px}
.power-presets button{border:1px solid #769ba675;border-radius:5px;background:#143d50;color:#c7dcd8;min-height:27px;flex:1;font:700 10px var(--font)}
.power-presets button:hover{background:#355e66;color:#fff0bd}
body[data-screen=arena] .frontier-command #attack-button{grid-column:3;grid-row:1;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:61px;min-height:61px;margin:0!important;font:22px var(--heading);gap:8px;border-radius:11px;padding:10px!important}
body[data-screen=arena] .frontier-command #attack-button svg{width:20px;height:20px}
.neighbor-choices{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;margin-bottom:12px;padding:0 0 2px}
.neighbor-choices:empty{display:none}.neighbor-choices button{flex-shrink:0;min-height:30px;font:700 10px var(--font);padding:5px 11px;color:#c1d8d8;background:#103c50;border:1px solid #597f8a;border-radius:7px}
.neighbor-choices button[aria-pressed=true]{background:#766d48;border-color:#d7bf81;color:#fff0b9}
#active-orders{display:flex;gap:8px;overflow:auto;max-height:94px;margin-top:10px;scrollbar-width:thin}#active-orders:empty{display:none}
.advance-chip{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:7px 10px;background:#0d3346;border:1px solid #7199a052;border-radius:8px;min-width:175px;flex:1}
.advance-chip strong{display:block;font:700 10px var(--font);color:#e3e9d4}.advance-chip small{font:500 9px var(--font);color:#a8c6cd;white-space:nowrap}
.advance-chip button{border:1px solid #7095a0;border-radius:6px;min-height:32px;padding:4px 9px;background:#20495c;color:#e0e8d8;font:700 10px var(--font)}
body[data-screen=arena] .frontier-command .battle-log{font:500 10px/1.4 var(--font);color:#accad0;border:0;margin:9px 0 0;padding:0;min-height:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#deployment-panel{display:flex;justify-content:space-between;align-items:center;gap:24px}#deployment-panel[hidden],#combat-panel[hidden]{display:none}
#deployment-panel h2{font:29px var(--heading);color:#ffe2a0;margin:0 0 4px}#deployment-panel p{font-size:12px;color:#bad2d4;margin:0}
#deploy-button{min-width:135px;min-height:59px;font-size:23px}
body[data-screen=arena] .map-zoom{left:22px;right:auto;top:auto;bottom:260px;flex-direction:column;gap:6px;z-index:3}
body[data-screen=arena] .map-zoom button{height:38px;width:38px;font-size:22px}.map-zoom button:last-child{font-size:12px!important}
body[data-screen=arena] .map-help{left:50%;bottom:auto;top:104px;right:auto;max-width:80%;transform:translateX(-50%);pointer-events:none;font:600 10px var(--font);background:#164559d9;padding:7px 12px;border:1px solid #95b8b640;box-shadow:none}
.frontier-wave{pointer-events:none;animation:frontier-claim .4s ease-out forwards}
@keyframes frontier-claim{from{opacity:.65}to{opacity:0}}
@media(max-width:1000px){.empire-ranking{right:12px;width:139px;padding:9px;top:150px}.ranking-row{font-size:9px;gap:4px}.ranking-row>strong{font-size:8px}body[data-screen=arena] .game-hud{width:350px;gap:10px;padding:11px 14px}body[data-screen=arena] .arena-header h1{font-size:22px}body[data-screen=arena] .arena-header .secondary{font-size:10px;padding:8px}}
@media(max-width:700px){
 body[data-screen=arena] .arena-header{top:calc(10px + var(--app-safe-top, env(safe-area-inset-top)));left:12px;right:12px}.arena-tools{gap:5px}
 body[data-screen=arena] .arena-header h1{font-size:21px}body[data-screen=arena] .arena-header p{font-size:8px}
 body[data-screen=arena] .game-hud{top:calc(67px + var(--app-safe-top, env(safe-area-inset-top)));left:12px;right:12px;width:auto;transform:none;padding:10px 13px;gap:18px;grid-template-columns:1.35fr 1fr .95fr}
 body[data-screen=arena] .game-hud strong{font-size:27px}.game-hud>div>span{font-size:8px}.game-hud small{font-size:8px}
 .empire-ranking{display:none}
 body[data-screen=arena] .battlefield>svg{left:0;top:154px;width:100%;height:calc(var(--app-height,100dvh) - 397px - var(--app-safe-top, env(safe-area-inset-top)) - var(--app-safe-bottom, env(safe-area-inset-bottom)))}
 body[data-screen=arena] .arena-side.frontier-command{left:10px!important;right:10px!important;bottom:calc(8px + var(--app-safe-bottom, env(safe-area-inset-bottom)))!important;transform:none;width:auto;border-radius:13px;padding:12px!important;max-height:240px}
 body[data-screen=arena] .frontier-command .target-box{grid-template-columns:1fr 105px;grid-template-rows:auto auto;gap:8px 12px}
 body[data-screen=arena] .frontier-command .target-choice{grid-column:1;grid-row:1;min-width:0}
 body[data-screen=arena] .frontier-command .power-control{grid-column:1;grid-row:2}
 body[data-screen=arena] .frontier-command #attack-button{grid-column:2;grid-row:1/3;min-height:86px;height:100%;max-height:105px;flex-direction:column;font-size:21px;padding:8px!important}
 #target-name{font-size:20px}.command-eyebrow{font-size:8px;margin-bottom:3px}
 body[data-screen=arena] .frontier-command #target-info{font-size:9px;line-height:1.35;margin:3px 0 0}
 body[data-screen=arena] .frontier-command .power-control label{font-size:10px}.power-control #send-count{font-size:9px}
 body[data-screen=arena] .frontier-command input[type=range]{height:24px;margin:4px 0 0}
 .power-presets button{min-height:26px;font-size:9px}
 .neighbor-choices{margin:0 0 8px;gap:5px}.neighbor-choices button{min-height:29px;font-size:9px;padding:5px 9px}
 #active-orders{margin-top:8px;max-height:52px}.advance-chip{min-width:175px;padding:5px 8px;gap:8px}.advance-chip small{font-size:8px}.advance-chip button{min-height:33px}
 body[data-screen=arena] .frontier-command .battle-log{display:none}
 body[data-screen=arena] .map-help{top:151px;bottom:auto;font-size:9px;max-width:calc(100% - 24px);padding:5px 9px;white-space:nowrap}
 body[data-screen=arena] .map-zoom{left:auto;right:12px;bottom:265px;top:auto;gap:4px}body[data-screen=arena] .map-zoom button{height:35px;width:35px}
 #deployment-panel{gap:12px}#deployment-panel h2{font-size:24px}#deployment-panel p{font-size:11px}#deploy-button{min-width:100px;min-height:64px;font-size:22px}
 body[data-screen=arena] .frontier-command:has(#combat-panel[hidden]){bottom:calc(12px + var(--app-safe-bottom, env(safe-area-inset-bottom)));padding:17px!important}
 body[data-screen=arena]:has(#combat-panel[hidden]) .battlefield>svg{height:calc(var(--app-height,100dvh) - 295px)}
 body[data-screen=arena]:has(#combat-panel[hidden]) .map-zoom{bottom:148px}
}
@media(max-width:900px) and (orientation:landscape){
 body[data-screen=arena] .arena-header h1{font-size:18px}body[data-screen=arena] .arena-header p{font-size:7px}
 body[data-screen=arena] .game-hud{top:8px;left:170px;right:auto;transform:none;width:300px;padding:7px 12px;gap:12px}.game-hud small{font-size:8px}body[data-screen=arena] .game-hud strong{font-size:22px}
 body[data-screen=arena] .battlefield>svg{top:85px;left:0;width:calc(100% - 264px);height:calc(var(--app-height,100dvh) - 90px)}.empire-ranking{display:none}
 body[data-screen=arena] .arena-side.frontier-command{top:89px!important;bottom:10px!important;padding:12px!important;width:244px!important;left:auto!important;right:12px!important;transform:none;overflow:auto}
 body[data-screen=arena] .frontier-command .target-box{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:12px}
 body[data-screen=arena] .frontier-command .power-control{grid-column:1;grid-row:2}body[data-screen=arena] .frontier-command #attack-button{grid-column:1;grid-row:3;height:46px;min-height:46px;flex-direction:row;font-size:20px}
 .neighbor-choices{margin-bottom:6px}.neighbor-choices button{min-height:25px}#target-name{font-size:20px}.power-presets{display:none}
 body[data-screen=arena] .frontier-command .battle-log{display:none}#active-orders{position:static;max-width:none;max-height:48px}.advance-chip{min-width:180px}
 body[data-screen=arena] .map-help{top:91px;left:calc((100% - 264px) / 2);bottom:auto;font-size:9px}body[data-screen=arena] .map-zoom{left:12px;right:auto;bottom:12px;flex-direction:row}
 #deployment-panel{display:flex;flex-direction:column;align-items:stretch;gap:18px}#deployment-panel h2{font-size:24px}#deploy-button{min-height:48px}
}
@media(prefers-reduced-motion:reduce){.frontier-wave{animation:none;display:none}.reserve-meter i{transition:none}}