/* One interaction system: clear resting, hover, keyboard and pressed states. */
body button{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,translate .18s cubic-bezier(.2,.8,.2,1);}
body button:disabled{transform:none!important;translate:none;filter:none;cursor:not-allowed}
body button:not(:disabled):active{transform:none!important;translate:0 2px;transition-duration:.07s}
body button:focus-visible,body a:focus-visible,body summary:focus-visible{outline:3px solid #fff0b6;outline-offset:4px}
.game-mode-card,.browse-lobby,.practice-map,.team-option{transition:translate .22s cubic-bezier(.2,.8,.2,1),border-color .22s,box-shadow .22s;background-clip:padding-box}
.game-mode-card .mode-emblem,.practice-map .map-thumbnail,.browse-lobby .map-thumbnail{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.browse-map,.practice-map{overflow:hidden}
.filter-chips button,.power-presets button,.mode-control button{transition:background-color .15s,border-color .15s,box-shadow .15s}
.filter-chips button[aria-pressed=true],.power-presets button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #ffe1a0}
@media(hover:hover) and (pointer:fine){
 body button:not(:disabled):hover{transform:none;translate:0 -2px}
 body :is(.primary,.game-card-action button):not(:disabled):hover{transform:none;box-shadow:0 6px 0 #a06d25,0 12px 26px #071e3b55;border-color:#fff0b6}
 body :is(.secondary,.round-game-button,.map-zoom button):not(:disabled):hover{border-color:#ffe1a0;box-shadow:0 5px 15px #061f3655}
 .game-mode-card:hover,.browse-lobby:hover,.practice-map:hover,.team-option:hover{translate:0 -4px;box-shadow:0 14px 28px #061e3855;border-color:#e5c881;transform:none}
 .game-mode-card:hover .mode-emblem{transform:rotate(-5deg) scale(1.06)}
 .practice-map:hover .map-thumbnail,.browse-lobby:hover .map-thumbnail{transform:scale(1.025)}
 body :is(.filter-chips,.power-presets,.mode-control,.neighbor-choices) button:hover{translate:none;transform:none;box-shadow:inset 0 0 0 1px #dbc68d}
 body .avatar:hover{translate:0 -2px;transform:none;filter:none}
}
@media(hover:none){body button:hover,body .game-mode-card:hover,body .practice-map:hover,body .team-option:hover{transform:none;translate:none}}
.browse-lobby{animation:roomCardIn .28s ease-out backwards}.browse-lobby:nth-child(3n+2){animation-delay:.035s}.browse-lobby:nth-child(3n){animation-delay:.07s}
@keyframes roomCardIn{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}
.mobile-brand{gap:7px!important}.logo-text{line-height:.9!important}.logo-games{margin-top:3px!important;letter-spacing:4px!important;line-height:1!important}
.room-brand{gap:7px}.room-brand small{margin-top:3px;letter-spacing:4px}.intro-wordmark>span{margin-top:6px;letter-spacing:9px}
.deployment-heading{display:none;position:absolute;top:100px;left:50%;transform:translateX(-50%);z-index:2;text-align:center;pointer-events:none;width:min(520px,90%)}
.deployment-heading>span{font:800 10px var(--font);letter-spacing:2px;color:#fff0b6;background:#123a4ce8;padding:7px 13px;border-radius:30px}
.deployment-heading h2{font:38px/1.05 var(--heading);color:#fff0c2;text-shadow:0 3px #183b4a;margin:16px 0 7px}.deployment-heading p{font-size:12px;color:#e2eded;text-shadow:0 1px 3px #143647}
.is-deploying .deployment-heading{display:block;animation:roomCardIn .4s ease-out}
.is-deploying .game-hud,.is-deploying .empire-ranking,.is-deploying .map-help,.is-deploying [data-action=zoom-home]{display:none!important}
.is-deploying #deployment-panel{min-height:68px}.is-deploying .battle-log{display:none!important}
.deployment-pin{animation:pinPlace .25s cubic-bezier(.2,.8,.2,1)}
@keyframes pinPlace{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}
.start-banner:before{transform:none;inset:20% 5% -5%;border-radius:22px;background:linear-gradient(135deg,#12384af5,#102e40f5);border:1px solid #e7c46d90;box-shadow:0 20px 80px #03182666}
.start-banner h1{letter-spacing:2px}.start-banner p{padding-bottom:10px}
.frontier-flow{fill:#fff2b5;stroke:#fff4c6;stroke-width:2;stroke-dasharray:12 5;stroke-linecap:round;animation:borderAdvance .55s ease-out both}
.frontier-combat{fill:#ffb05a;stroke:#fff2b5;stroke-width:2.5;stroke-linejoin:round;animation:clashAdvance .6s ease-out both}
.frontier-impact{fill:none;stroke:#ffe7a0;stroke-width:2;stroke-linecap:round;animation:clashSpark .5s ease-out both}
@keyframes borderAdvance{0%{fill-opacity:.38;stroke-opacity:.95;stroke-dashoffset:18}100%{fill-opacity:0;stroke-opacity:0;stroke-dashoffset:0}}
@keyframes clashAdvance{0%{fill-opacity:.6;stroke-opacity:1}100%{fill-opacity:0;stroke-opacity:0}}
@keyframes clashSpark{0%{opacity:1;stroke-dasharray:5 0}100%{opacity:0;stroke-dasharray:0 9}}
body[data-screen=arena] .map-zoom button{min-height:42px;min-width:42px}
body[data-screen=arena] .map-zoom button[data-action=zoom-reset],body[data-screen=arena] .map-zoom button[data-action=zoom-home]{font:800 11px var(--font)!important}
@media(max-width:700px){
 .deployment-heading{top:86px}.deployment-heading h2{font-size:29px;margin:15px 0 4px}.deployment-heading p{font-size:10px}
 body[data-screen=arena] .is-deploying .battlefield>svg{top:158px;height:calc(var(--app-height,100dvh) - 305px)}
 body[data-screen=arena] .is-deploying .map-zoom{bottom:150px}
 #deployment-panel h2{font-size:22px}#deployment-panel p{font-size:10px;max-width:160px}
}
@media(max-width:900px) and (orientation:landscape){
 .deployment-heading{top:83px;left:calc((100% - 264px)/2);width:calc(100% - 300px)}.deployment-heading h2{font-size:25px;margin:10px 0 4px}.deployment-heading p{display:none}
 body[data-screen=arena] .is-deploying .battlefield>svg{top:150px;height:calc(var(--app-height,100dvh) - 155px)}
 body[data-screen=arena] .is-deploying .map-zoom{bottom:12px}
}
@media(prefers-reduced-motion:reduce){
 body *,body *:before,body *:after{animation-duration:.001ms!important;animation-delay:0ms!important;transition:none!important;scroll-behavior:auto!important}
 body button:hover,body button:active,.game-mode-card:hover,.browse-lobby:hover,.practice-map:hover,.team-option:hover{translate:none!important;transform:none!important}
}
/* Mobile battlefield is a single full-screen surface, with controls over it. */
@media(max-width:700px) and (orientation:portrait){
 body[data-screen=arena] .battlefield>svg,body[data-screen=arena] .is-deploying .battlefield>svg,body[data-screen=arena]:has(#combat-panel[hidden]) .battlefield>svg{inset:0;width:100%;height:var(--app-height,100dvh);max-height:none;border-radius:0}
 body[data-screen=arena] .arena-header{top:calc(8px + var(--app-safe-top, env(safe-area-inset-top)));left:10px;right:10px}
 body[data-screen=arena] .arena-header h1{font-size:19px}.arena-tools .secondary{min-height:40px}
 body[data-screen=arena] .game-hud{top:calc(57px + var(--app-safe-top, env(safe-area-inset-top)));left:8px;right:8px;padding:8px 12px;border-radius:13px;background:#123d4eef;gap:12px;box-shadow:0 4px 18px #082d4540}
 body[data-screen=arena] .game-hud strong{font-size:25px}.game-hud small{line-height:1.1;font-size:8px}
 body[data-screen=arena] .map-help{top:calc(141px + var(--app-safe-top, env(safe-area-inset-top)));font-size:9px;padding:5px 9px;background:#123b4de8;max-width:94%}
 body[data-screen=arena] .arena-side.frontier-command{left:8px!important;right:8px!important;bottom:calc(7px + var(--app-safe-bottom, env(safe-area-inset-bottom)))!important;padding:11px!important;border-radius:16px;background:linear-gradient(150deg,#1c4a5af7,#12394cf7);box-shadow:0 8px 25px #082c4866;max-height:260px}
 body[data-screen=arena] .frontier-command .target-box{grid-template-columns:minmax(0,1fr) 100px;gap:8px 12px}
 #target-name{font-size:19px;line-height:1.15}.neighbor-choices{margin-bottom:8px}.neighbor-choices button{min-height:32px;font-size:10px}
 body[data-screen=arena] .frontier-command input[type=range]{height:36px;margin:2px 0;outline-offset:0}
 .power-presets button{min-height:30px;font-size:10px}
 body[data-screen=arena] .frontier-command #attack-button{max-height:none;min-height:100px;box-shadow:0 4px 0 #a06d25}
 body[data-screen=arena] .map-zoom{right:10px;bottom:calc(285px + var(--app-safe-bottom, env(safe-area-inset-bottom)));gap:6px}
 body[data-screen=arena] .is-deploying .map-zoom{bottom:calc(151px + var(--app-safe-bottom, env(safe-area-inset-bottom)))}
 .deployment-heading{top:calc(71px + var(--app-safe-top, env(safe-area-inset-top)));padding:9px 15px;width:auto;min-width:280px;border-radius:14px;background:#123d4ee8}
 .deployment-heading>span{display:none}.deployment-heading h2{font-size:24px;margin:0}.deployment-heading p{display:none}
 #deployment-panel h2{font-size:21px;line-height:1.1}
}
.monthly-board .section-heading{align-items:flex-start}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0}.podium-place{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;border:1px solid #7698a3;border-radius:16px;padding:24px 12px;background:#194657}.podium-place.place-1{background:linear-gradient(160deg,#59624c,#214557);border-color:#e5c16c}.podium-medal{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;font:28px var(--heading);background:#d9b65f;color:#243e47;box-shadow:inset 0 0 0 4px #fff4c74a}.place-2 .podium-medal{background:#b8c5cd}.place-3 .podium-medal{background:#c78d65}.prize-caption{font:800 10px var(--font);letter-spacing:1.7px;color:#d5ddd5}.podium-place>strong{font:25px var(--heading);color:#fff0bf}.podium-place small{font:12px var(--font)}.podium-name{font-size:13px;color:#d2e2e4}.leaderboard-rule{font-size:13px;color:#d1e0e2}.monthly-details{margin-top:24px;border-top:1px solid #60828c;padding-top:17px}.monthly-details summary{cursor:pointer;font-weight:700}.monthly-details p{font-size:13px;line-height:1.7;max-width:800px}.monthly-admin{margin-top:24px}.monthly-admin>p{font-size:13px}.monthly-admin>label{display:block;margin:20px 0 7px;font-weight:700}.monthly-admin input{width:100%;max-width:520px;min-height:44px}.monthly-prize-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0}.monthly-prize-inputs label{font-size:12px;font-weight:700}.monthly-prize-inputs input{display:block;margin-top:8px}.sail-button{margin-top:8px;width:100%;min-height:40px}.sail-button[hidden]{display:none!important}
body[data-screen=arena] .battlefield>svg,body[data-screen=arena] .is-deploying .battlefield>svg,body[data-screen=arena]:has(#combat-panel[hidden]) .battlefield>svg{inset:0!important;width:100%!important;height:var(--app-height,100dvh)!important;max-height:none!important;border-radius:0}
body[data-screen=arena] .battlefield{overflow:hidden}.tribe-pin{pointer-events:none}.army-details{transition:opacity .15s}.empire-label{cursor:pointer}
@media(max-width:600px){.podium{gap:7px;margin:18px 0}.podium-place{padding:18px 6px;gap:10px;border-radius:12px}.podium-place>strong{font-size:19px}.podium-place small{display:block;font-size:10px}.podium-name{font-size:10px}.prize-caption{font-size:8px;letter-spacing:.6px}.monthly-prize-inputs{gap:8px}.monthly-prize-inputs label{font-size:10px}.monthly-board{padding:18px!important}.monthly-board .section-heading{flex-wrap:wrap;gap:12px}}
@media(max-width:900px) and (orientation:landscape){body[data-screen=arena] .game-hud{width:280px;left:160px}.deployment-heading{top:76px}.deployment-heading>span{display:none}.deployment-heading h2{font-size:21px;margin:0}body[data-screen=arena] .map-help{top:76px}.arena-header .arena-tools{gap:4px}body[data-screen=arena] .arena-header{top:8px}}
.map-thumbnail{overflow:hidden;background:#1e667d}.room-map-art.chosen-map-art{background:#1e667d;min-height:260px}.chosen-map-art .room-map-title{bottom:15px;left:18px;padding:8px 14px;border-radius:9px;background:#123d4de8;z-index:2}.chosen-map-art .room-map-title h2{font:700 26px var(--font);text-shadow:none;letter-spacing:-.5px;color:#fff0c7}.chosen-map-art .room-map-tag{left:18px;right:auto;background:#173d4cdc;border-color:#a8bcb18a}.room-map-art:before,.room-map-art:after{pointer-events:none}.browse-map>svg,.chosen-map-art>svg{padding:12px;box-sizing:border-box}.practice-map>svg{background:#1e667d;padding:5px}.room-roster ul{max-height:400px;overflow-y:auto}.room-seat{animation-delay:0ms!important}
@media(max-width:600px){.room-map-art.chosen-map-art{min-height:240px}.chosen-map-art .room-map-title h2{font-size:24px}.practice-map{grid-template-columns:130px 1fr}.practice-map>svg{height:100%;min-height:138px}.chosen-map-art>svg{padding:18px 0 36px}}
.bot-label .empire-name{font:700 9px var(--font);paint-order:stroke;stroke:#e7e9dc;stroke-width:2px;stroke-linejoin:round}.bot-label .empire-troops{font:800 10px var(--font);paint-order:stroke;stroke:#e7e9dc;stroke-width:2px}.bot-label.targeted .empire-name{fill:#103442}
sg-globe{display:inline-block;width:44px;height:44px;flex:0 0 auto;background:none!important;border:0!important;box-shadow:none!important}sg-globe canvas,sg-globe img{display:block;width:100%;height:100%;object-fit:contain}.mobile-brand .logo-mark{width:43px!important;height:43px!important}.mobile-brand .logo-text{font-family:'DM Sans',sans-serif!important;font-weight:1000!important;letter-spacing:-1px!important;font-size:24px!important;color:#fff!important}.mobile-brand .logo-games,.brand-games{font:700 10px/1.2 'DM Sans',sans-serif!important;letter-spacing:1px!important;margin-top:4px!important;color:#d2e1e6!important;text-transform:lowercase}.intro-mark{background:none!important;border:0!important;box-shadow:none!important;transform:none!important;width:150px!important;height:150px!important}.intro-mark sg-globe{width:100%;height:100%}.intro-wordmark{font-family:'DM Sans',sans-serif!important;font-weight:1000!important;letter-spacing:-2px!important;color:#fff!important}.intro-wordmark>span{font:700 17px 'DM Sans',sans-serif!important;text-transform:lowercase;letter-spacing:2px!important;margin-top:10px!important}.room-brand{gap:8px}.room-brand sg-globe{width:43px;height:43px}.room-brand>span{font-family:'DM Sans',sans-serif;font-weight:1000;letter-spacing:-.6px}.room-brand small{font:700 9px 'DM Sans',sans-serif;letter-spacing:.7px;text-transform:lowercase}.brand sg-globe{width:42px;height:42px}.mobile-brand{gap:5px!important}
@media(max-width:600px){.mobile-brand .logo-mark{width:34px!important;height:34px!important}.mobile-brand .logo-text{font-size:18px!important;letter-spacing:-.7px!important}.mobile-brand .logo-games{font-size:8px!important;letter-spacing:.7px!important}.intro-wordmark{font-size:clamp(34px,9vw,70px)!important}.intro-mark{width:128px!important;height:128px!important}}
.practice-maps{gap:14px}.practice-map{display:flex;flex-direction:column;padding:0 0 15px;align-items:stretch;border-radius:14px;background:#153c4e}.practice-map>svg{display:block;width:100%;height:165px;min-height:0;padding:10px;background:#1b5367;border-bottom:1px solid #628786}.practice-map strong{font:800 20px 'DM Sans',sans-serif;letter-spacing:-.5px;margin:13px 14px 5px;color:#fff0c6}.practice-map span{font-size:10px;margin:0 14px;color:#c4d6d9}.practice-map small{font-size:10px;margin:8px 14px 0;color:#edf0dd}.room-map-art.chosen-map-art{height:310px;min-height:310px;background:#1b5367}.chosen-map-art>svg{height:245px;padding:14px 22px;top:4px}.chosen-map-art .room-map-title{left:18px;bottom:16px;padding:0;background:none;border:0}.chosen-map-art .room-map-title h2{font-size:27px}.chosen-map-art .room-map-tag{top:auto;bottom:18px;right:18px;left:auto;border:0;background:#123847;color:#c7d6d5}.browse-map{height:230px;background:#1b5367}.browse-map>svg{height:185px;padding:12px}.browse-map h2{bottom:10px;left:17px;font:800 22px 'DM Sans',sans-serif!important;text-shadow:none!important}.browse-map .room-size{font-size:9px;background:#143a4bcc}
@media(max-width:600px){.practice-maps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.practice-map>svg{height:110px;padding:5px}.practice-map strong{font-size:16px;line-height:1.1;margin:12px 10px 5px;min-height:35px}.practice-map span,.practice-map small{margin-left:10px;margin-right:10px;font-size:9px}.practice-map span{min-height:25px}.room-map-art.chosen-map-art{height:270px;min-height:270px}.chosen-map-art>svg{height:205px;padding:10px}.chosen-map-art .room-map-title h2{font-size:23px}.chosen-map-art .room-map-tag{font-size:8px;max-width:135px}.practice-map small{margin-top:6px}}
.mobile-brand .logo-mark{width:51px!important;height:51px!important}.room-brand sg-globe{width:49px;height:49px}sg-globe{filter:none!important;transform:none!important;animation:none!important}.mobile-brand .logo-games{color:#eff7f7!important}.intro-mark sg-globe{width:100%;height:100%}
@media(max-width:600px){.mobile-brand .logo-mark{width:42px!important;height:42px!important}.mobile-brand .logo-text{font-size:18px!important}.mobile-brand .logo-games{font-size:9px!important;letter-spacing:.2px!important}}

/* Public buy-ins and private invitations. */
.public-entry-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.public-entry-buttons button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:19px 10px;border:2px solid #5c8d94;background:#214c5a;color:#ffedbb;border-radius:14px;box-shadow:0 4px 0 #102e3a}.public-entry-buttons button strong{font-size:30px}.public-entry-buttons button small{font-size:14px}.public-entry-buttons button span{color:#b8d2d4;font-size:13px}.public-entry-buttons button[aria-pressed=true]{background:#ffdc78;border-color:#fff2ba;color:#443819;box-shadow:0 4px 0 #b68536}.public-entry-buttons button[aria-pressed=true] span{color:#654c22}.match-search-row{grid-template-columns:minmax(180px,1fr) auto}.private-room-form{display:grid;gap:15px}.private-room-form label{display:grid;gap:8px}.private-room-form p{margin:0}.private-room-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}.private-map-art{position:relative;border-radius:16px;overflow:hidden;background:#23899c;align-self:start}.private-map-art svg{display:block;width:100%;height:auto}.private-map-art h2{padding:16px 22px}.private-room-layout input{width:100%;margin:8px 0 12px}.private-room-layout .summary-row{gap:12px}.private-room-layout small{font-size:12px}sg-globe img{border-radius:50%;outline:2px solid #12343f;outline-offset:-2px}
@media(max-width:600px){.public-entry-buttons{gap:8px}.public-entry-buttons button{padding:14px 6px}.public-entry-buttons button strong{font-size:25px}.public-entry-buttons button small{display:block;font-size:12px}.match-search-row{grid-template-columns:1fr}.private-room-layout{grid-template-columns:1fr}.private-map-art svg{max-height:220px}.private-room-layout .summary-row strong{text-align:right}.match-browser .page-heading{align-items:start;gap:14px}.match-browser .page-heading h1{font-size:28px}}

/* The mode is chosen once, on the game menu. */
.battle-menu{width:min(1120px,calc(100% - 100px));margin:auto auto 5vh;align-self:center}.battle-menu-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.battle-menu-heading>div>span{font:800 10px var(--font);letter-spacing:3px;color:#ffdf90}.battle-menu-heading h1{font:clamp(28px,3vw,46px)/1 var(--heading);margin:7px 0 0;text-shadow:0 3px #143f50}.battle-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:18px}.battle-mode{padding:0;display:flex;flex-direction:column;text-align:left;overflow:hidden;border:2px solid #6e9da4;border-bottom:6px solid #082e41;border-radius:18px;background:#163e50;color:#fff1c9;box-shadow:0 12px 30px #031d384d;transition:translate .2s,border-color .2s,box-shadow .2s;min-width:0}.battle-mode-ffa{border-color:#ecc66d;border-bottom-color:#b28035}.battle-mode-art{display:block;width:100%;height:138px;overflow:hidden;border-bottom:1px solid #839fa875}.battle-mode-art svg{width:100%;height:100%;object-fit:cover;transition:transform .35s}.battle-mode-body{display:flex;flex-direction:column;flex:1;padding:17px 18px 16px}.battle-mode-status{font:800 8px var(--font);letter-spacing:1px;color:#b2cbd0}.battle-mode-body>strong{font:28px var(--heading);margin:7px 0}.battle-mode-desc{font:600 11px/1.5 var(--font);color:#c9dadd;min-height:32px}.battle-mode-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:19px}.battle-mode-bottom>b{font:800 11px var(--font);color:#ffdc8e}.battle-mode-go{padding:9px 14px;background:#ffda79;color:#513e1e;border:1px solid #fff0b6;border-bottom:3px solid #ab7b31;border-radius:8px;font:900 12px var(--font)}.battle-mode:focus-visible{outline:3px solid white;outline-offset:4px}.change-mode{margin-top:10px;font-size:12px;color:#ffdf96}.public-entry-buttons{max-width:780px;margin-bottom:22px}.public-entry-buttons button{position:relative;display:grid;grid-template-columns:38px 1fr;gap:3px 12px;align-items:center;text-align:left;padding:17px 22px;background:linear-gradient(140deg,#2b5868,#173d50);border:1px solid #70959e;border-bottom:4px solid #0a2c3e;box-shadow:inset 0 1px #ffffff20}.public-entry-buttons button strong{font:900 29px/1 var(--font)}.public-entry-buttons button small{font-size:11px;font-weight:700}.public-entry-buttons button>span{grid-column:2;font-size:12px}.entry-token{grid-column:1;grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;background:#f1c363;border:3px solid #fff1b5;border-bottom-color:#bd8b3d;border-radius:50%;color:#906223;font:900 20px var(--font);font-style:normal;box-shadow:inset 0 0 0 2px #d6a345,0 3px #082e44}.public-entry-buttons .entry-selected{position:absolute;right:8px;top:7px;display:none;font-size:12px}.public-entry-buttons button[aria-pressed=true]{background:linear-gradient(130deg,#fce39c,#efc367);border-color:#fff2c9;box-shadow:0 4px 0 #9f712f}.public-entry-buttons button[aria-pressed=true] .entry-selected{display:block}.game-hud>.game-pot{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;gap:10px;border-bottom:1px solid #648590;padding-bottom:8px;margin-bottom:-6px}.game-hud>.game-pot>span{font-size:9px;color:#e5d19c}.game-hud>.game-pot strong{font:900 17px var(--font)!important;letter-spacing:0;text-shadow:none!important}.game-hud>.game-pot small{margin-left:auto;font-size:9px;color:#b8ccce}.game-hud>.game-pot .pot-value{display:flex;flex-direction:column;gap:1px;line-height:1.1}.game-hud>.game-pot .pot-rate{margin-left:0;font-size:8px;line-height:1.1;color:#b8ccce}body[data-screen=arena] .map-help{top:143px}
@media(hover:hover){.battle-mode:hover{translate:0 -6px;border-color:#ffe4a4;box-shadow:0 17px 32px #031d3866}.battle-mode:hover svg{transform:scale(1.04)}.battle-mode:active{translate:0 -1px}}
@media(max-width:1000px) and (min-width:681px){.battle-menu{width:calc(100% - 60px);margin-bottom:2vh}.battle-mode-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}.battle-mode-art{height:110px}.battle-mode-body{padding:13px}.battle-mode-body>strong{font-size:23px}.battle-mode-bottom{flex-wrap:wrap;gap:8px}}
@media(max-width:680px){.battle-menu{width:100%;margin:auto 0 0}.battle-menu-heading{margin-bottom:12px;gap:10px}.battle-menu-heading h1{font-size:27px}.battle-menu-heading>div>span{display:none}.battle-menu-heading .secondary{font-size:10px;padding:9px;min-height:40px}.battle-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.battle-mode-art{height:68px}.battle-mode-body{padding:11px}.battle-mode-body>strong{font-size:23px;margin:4px 0 7px}.battle-mode-status{font-size:7px;letter-spacing:.4px}.battle-mode-desc{display:none}.battle-mode-bottom{margin-top:7px;align-items:center;gap:7px;flex-wrap:wrap}.battle-mode-bottom>b{font-size:9px}.battle-mode-go{font-size:11px;padding:7px 10px}.public-entry-buttons{gap:8px}.public-entry-buttons button{grid-template-columns:1fr;padding:14px 9px;text-align:center;gap:7px}.public-entry-buttons button strong{font-size:25px}.public-entry-buttons button small{display:inline;font-size:10px}.public-entry-buttons button>span{grid-column:1}.entry-token{display:none}body[data-screen=arena] .map-help{top:calc(172px + var(--app-safe-top, env(safe-area-inset-top)))}}
@media(max-width:900px) and (orientation:landscape){.battle-menu{margin:50px 0 0;width:calc(100% - 80px)}.battle-mode-art{height:70px}.battle-mode-body{padding:10px}.battle-mode-desc{display:none}.battle-mode-body>strong{font-size:22px}.battle-mode-bottom{margin-top:7px}body[data-screen=arena] .map-help{top:110px}.game-hud>.game-pot{padding-bottom:5px;gap:7px}.game-hud>.game-pot strong{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.battle-mode,.battle-mode-art svg{transition:none}.battle-mode:hover{translate:none}}

.guided-coach{position:absolute;z-index:12;top:160px;left:22px;width:270px;padding:16px;border:2px solid #e8c674;border-bottom:5px solid #9a7335;border-radius:14px;background:#153d4ff5;box-shadow:0 7px 24px #092c4666;color:#fbeec5}.coach-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.coach-top>span{font-size:9px;letter-spacing:1px;color:#e4c987}.coach-top button{border:0;background:none;color:#c8dce0;text-decoration:underline;font-size:11px;padding:6px}.guided-coach h2{font:24px var(--heading);margin:5px 0 9px}.guided-coach p{font-size:12px;line-height:1.55;margin:0}.guided-coach>.primary{font-size:12px;margin-top:12px;padding:8px 15px}.guide-target{outline:2px solid #ffe199!important;outline-offset:4px}.guided-game .deployment-heading{display:none}.guided-game .is-deploying .guided-coach{top:90px}
@media(max-width:680px){.guided-coach{top:200px;left:10px;right:10px;width:auto;padding:10px 13px}.guided-coach h2{font-size:21px;margin:2px 0 5px}.guided-coach p{font-size:11px}.guided-game .is-deploying .guided-coach{top:65px}}
@media(max-width:900px) and (orientation:landscape){.guided-coach{top:125px;left:10px;width:220px;padding:10px}.guided-coach h2{font-size:20px}.guided-coach p{font-size:10px}.guided-game .is-deploying .guided-coach{top:100px}}
.battle-actions-row{display:flex;align-items:flex-start;gap:8px}.battle-actions-row .neighbor-choices{flex:1;min-width:0}.sea-toggle{flex:0 0 auto;min-height:38px;padding:8px 14px;border:1px solid #92bac5;border-radius:8px;background:#23586c;color:#fff0cc;font-weight:800}.sea-toggle[aria-pressed=true]{background:#ffdf87;color:#273d46;border-color:#fff0be}.sea-toggle:focus-visible{outline:3px solid #ffdf87;outline-offset:2px}@media(max-width:900px){.sea-toggle{padding:7px 11px;font-size:12px}.battle-actions-row .neighbor-choices{margin-bottom:8px}}

/* Keep large surfaces static; animate the small crest and controls. */
.intro-landscape{inset:0;animation:none!important;background:radial-gradient(ellipse at center,#235d70,#0b2f43)}
.start-world{inset:0;animation:none!important;background:radial-gradient(ellipse at center,#22677a,#0d3449)}
.match-reveal .battlefield>svg,.arena-arrival .battlefield>svg{animation:none!important;transform:none!important}
.intro-lockup,.start-banner,.start-shutter{will-change:transform,opacity}.intro-mark img{width:100%;height:100%;display:block}
.terrain-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}#game-map{z-index:1;background:transparent!important}

#capacity-label{color:#b3cbd0;font-size:9px;margin-top:4px}.game-hud #income-label{white-space:nowrap}
@media(max-width:700px) and (orientation:portrait){body[data-screen=arena] .map-help{top:calc(203px + var(--app-safe-top, env(safe-area-inset-top)))}}
body[data-screen=arena] .frontier-command:has(#sea-toggle[aria-pressed=true]) #target-info{display:block}