/* Arcade UI: one clear action, generous type, and a quiet center of the map. */
:root{--cream:#f6f9ff;--gold:#ffcf72;--muted:#b5c6dc;--line:#4b658750;--panel:#14243af5;--ally:#80e3ad;--trade:#ffcf72;--rival:#ff8e99;--ink:#14253a}
body{font-family:'Trebuchet MS','Segoe UI',sans-serif;color:var(--cream)}
button,input,dialog{font-family:inherit}button{touch-action:manipulation}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #8edbff!important;outline-offset:3px}button:disabled{cursor:not-allowed}
.arcade h1,.arcade h2,.arcade h3,.arcade h4,.arcade strong,.arcade b{font-family:inherit}
.arcade .glass,.arcade dialog,.arcade .mode-panel{background:var(--panel);border:2px solid #426080;border-radius:16px;box-shadow:0 5px 0 #0b172ba6,0 12px 25px #08152325;backdrop-filter:none}
.arcade .eyebrow{font:800 10px/1.4 'Trebuchet MS',sans-serif;letter-spacing:1.5px;color:#91accb}
.arcade .primary{background:#ffcf72;border:2px solid #ffe4a9;border-bottom:5px solid #bc8036;color:#25344a;border-radius:13px;font:900 17px/1.1 'Trebuchet MS',sans-serif;box-shadow:0 5px 18px #06192d33;text-shadow:none;padding:15px 22px;min-height:49px}
.arcade .primary:hover{background:#ffe2a2;transform:translateY(-1px)}.arcade .primary:active{transform:translateY(2px)}
.arcade .secondary{background:#29425f;border:1px solid #597799;border-bottom:3px solid #0c192d;border-radius:10px;color:#f4f8ff;font:700 12px/1.3 'Trebuchet MS',sans-serif;padding:10px 12px;min-height:38px}
.arcade .secondary:hover:not(:disabled){background:#365775;border-color:#88c4ea}.arcade .quiet-button{color:#c8d7e8;font:700 12px 'Trebuchet MS',sans-serif;border-radius:9px}
.arcade .quiet-button:hover{background:#304966}.arcade button[aria-pressed=true]{color:#d9f5ff}
.arcade .vignette{opacity:.35}.arcade .brand{font-weight:900;letter-spacing:-1px;color:#fff0cb}
.arcade .home{background:linear-gradient(90deg,#10243aeb 0%,#14374b78 47%,transparent 77%)}.arcade .home-copy h1{font:900 clamp(65px,8vw,118px)/.95 'Trebuchet MS',sans-serif;letter-spacing:-6px;text-shadow:0 6px 0 #0d253c,0 12px 25px #102d4866}.arcade .home-copy h1 span{color:#ffd37c}.arcade .home-copy h1 sup{display:none}
.arcade .home-copy p{font:600 clamp(21px,2vw,30px)/1.3 'Trebuchet MS',sans-serif;color:#f4f8f7}.arcade .home-copy .eyebrow{font:900 11px 'Trebuchet MS',sans-serif;letter-spacing:2.5px;color:#b7f1cc}.arcade .home-note{font-size:13px;color:#d1dbe3;margin-top:18px}.arcade #play{min-width:205px;min-height:62px;font-size:23px;border-radius:17px}.arcade .home-footer{color:#c0d1db}.arcade .world-caption{display:none}
.arcade .mode-panel{width:460px;padding:28px;max-width:calc(100vw - 30px)}.arcade .mode-panel h2{font-size:31px;font-weight:900;letter-spacing:-1px}.arcade .mode-panel>.muted{display:none}.arcade .mode-card{border:2px solid #426989;border-bottom:4px solid #0e1b2e;background:#213f59;border-radius:13px;padding:17px;margin:12px 0;gap:15px}.arcade .mode-card strong{font:800 19px 'Trebuchet MS',sans-serif;color:#fff}.arcade .mode-card small{font:12px 'Trebuchet MS',sans-serif;color:#bed5e4;line-height:1.5}.arcade .mode-card:hover:not(:disabled){background:#305a70;border-color:#80e3ad}.arcade .mode-card.locked{background:#17263d;border-color:#31435a;opacity:.58}.arcade .mode-icon{background:#355573;border:0;border-radius:12px;color:#ffc969}.arcade .dev-option{border:1px solid #526a87;background:#1c314b;border-radius:11px;padding:12px}.arcade .dev-option strong{font:800 14px 'Trebuchet MS',sans-serif;color:#c8baff}.arcade .dev-option small{font-size:12px;color:#c7d1e3}.arcade .dev-option input{accent-color:#a890ff}.arcade .mode-foot{font-size:9px;color:#b3c6d7}
/* Persistent chrome */
.arcade.game-active .topbar{padding:13px 16px}.arcade.game-active .brand{font-size:24px}.arcade.game-active .top-right>button{background:#192c45;border:1px solid #537293;border-bottom:3px solid #0c1c2e;border-radius:10px;min-height:35px;font-size:11px}.arcade #toggle-overlays{display:none!important}
.arcade .realm-hud{left:188px;right:139px;top:10px;min-height:53px;padding:6px 9px;gap:9px;border-radius:14px;flex-wrap:nowrap;border-color:#426080}.arcade .realm-hud>.playing-banner{padding:0;gap:6px;min-width:118px;flex:1}.arcade .playing-banner .kingdom-button{font:800 14px/1.2 'Trebuchet MS',sans-serif;color:#eed7ff;padding:7px 0}.arcade .gold-diamond{display:none}.arcade .playing-banner>.eyebrow{display:none}
.arcade .realm-hud .resources{gap:6px;padding:0;flex:0 1 auto}.arcade .resources>div{background:#233852;border:0;border-radius:9px;height:39px;min-width:84px;padding:4px 9px!important;grid-template-columns:20px auto;gap:0 6px}.arcade .resources>div span:not(.gold-coin){color:#c5d5e5;font-size:10px;gap:0}.arcade .resources b{font:900 19px/1 'Trebuchet MS',sans-serif;color:#fff}.arcade .resources small{font:700 9px 'Trebuchet MS',sans-serif;color:#95d8b9}.arcade .resources>div:nth-child(1) svg{stroke:#a3dda6}.arcade .resources>div:nth-child(2) svg{stroke:#b9ccf0}.arcade .resources .gold-coin{color:#ffcb6a!important;background:#ffcd6830;border:0!important}
.arcade .realm-counters{flex:0 0 auto;min-width:88px;gap:9px}.arcade .realm-counters .stat{padding:0!important;min-width:34px}.arcade .realm-counters .stat b{font:800 14px 'Trebuchet MS',sans-serif;color:#dbe7f7}.arcade .realm-counters .stat span{font-size:8px;color:#b2c5dc}.arcade .realm-counters .territory-stat{display:none}
.arcade-objective{position:absolute;left:16px;top:80px;width:246px;padding:12px 13px;pointer-events:auto}.arcade-objective>div{display:flex;align-items:center;gap:9px}.objective-icon{width:33px;height:37px;background:#ffcb6a;color:#273953;font:800 27px 'Trebuchet MS',sans-serif;border-radius:10px;display:grid;place-items:center}.arcade-objective small{font-size:8px;font-weight:900;color:#adc2db;letter-spacing:1.2px;display:block;margin-bottom:3px}.arcade-objective strong{font-size:15px}.arcade-objective b{margin-left:auto;color:#ffd37b;font-size:20px;letter-spacing:-.8px}.arcade-objective progress{display:block;width:100%;height:7px;appearance:none;margin:12px 0 9px;border:0;border-radius:9px;background:#0c1b30;overflow:hidden}.arcade-objective progress::-webkit-progress-bar{background:#0c1b30}.arcade-objective progress::-webkit-progress-value{background:#ffd37b;border-radius:9px}.arcade-objective progress::-moz-progress-bar{background:#ffd37b}.arcade-objective button{font-size:11px;font-weight:700;color:#b4e4ff;background:transparent;border:0;text-align:left;padding:3px 0;width:100%}
.arcade-social{position:absolute;left:16px;top:207px;width:246px;border-width:1px!important;padding:8px 12px;display:flex;flex-wrap:wrap;gap:5px 12px;pointer-events:auto;text-align:left;line-height:1.4;font-size:10px}.arcade-social>.ally{flex:1 1 140px}.arcade-social>b{color:#fff;background:#705ab0;border-radius:6px;padding:2px 6px;font-size:10px}
.you{color:#89d2ff!important}.ally{color:var(--ally)!important}.trade{color:var(--trade)!important}.rival{color:var(--rival)!important}.out{color:#9daec3!important}
.arcade-nav{position:absolute;top:80px;left:50%;transform:translateX(-50%);display:flex;gap:6px;pointer-events:auto}.arcade-nav button{display:flex;gap:6px;align-items:center;background:#182d45ed;color:#dcecff;border:1px solid #587692;border-bottom:3px solid #0e1d30;border-radius:10px;padding:8px 11px;font:700 12px 'Trebuchet MS',sans-serif}.arcade-nav button:hover,.arcade-nav button[aria-expanded=true]{background:#365874;border-color:#92d7f6}.arcade-nav b{background:#ffcf72;color:#263750;border-radius:8px;font-size:10px;padding:1px 5px}
.arcade .leaderboard{top:80px!important;right:16px!important;width:194px!important;border-radius:13px;padding:11px!important}.arcade .leaderboard summary{padding:0!important}.arcade .leaderboard summary b{font:900 15px 'Trebuchet MS',sans-serif;color:#f5f8fc}.arcade .leaderboard summary small{font-size:11px;color:#b8cce4;margin-top:5px}.arcade .leaderboard summary b:after{color:#93caff}.arcade .leaderboard[open] summary{padding-bottom:9px!important;border-bottom:1px solid #46627d}.arcade .leaderboard-rows{padding-top:4px;max-height:min(380px,50dvh)!important}.arcade .leaderboard-row{font-size:11px;min-height:34px;gap:5px;grid-template-columns:15px 8px 1fr auto;padding:5px 3px;border-radius:7px}.arcade .leaderboard-row b{font-weight:800;font-size:11px}.arcade .leaderboard-name{font-size:10px}.arcade .leaderboard-row.is-you{background:#274d71;border:0}.rank-relation{display:block;font:700 8px/1.1 'Trebuchet MS',sans-serif;margin-top:2px}.arcade .leaderboard-note{font-size:9px}
.arcade .minimap-panel{width:184px!important;right:16px;bottom:16px;padding:9px!important;border-radius:14px}.arcade .minimap-panel canvas{height:112px!important;border:0;border-radius:9px}.arcade .minimap-title{font:800 10px 'Trebuchet MS',sans-serif;color:#c2d5e7}.arcade .minimap-title:before{display:none}.arcade .minimap-title span+span{display:none}.arcade .minimap-toggle{color:#bfe8ff;font-weight:900;font-size:18px}.arcade .map-key{display:none}.map-mode{width:100%;background:#28445f;border:1px solid #486c8d;color:#ecf7ff;border-radius:7px;padding:5px;margin-top:6px;font:700 10px 'Trebuchet MS',sans-serif}.map-mode[aria-pressed=true]{background:#315547;border-color:#70b19b}.relation-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:3px 8px;font:700 8px 'Trebuchet MS',sans-serif;margin-top:7px}.collapsed .map-mode,.collapsed .relation-legend{display:none}
.arcade .zoom-controls{right:16px!important;border-radius:12px;border-width:1px}.arcade .zoom-controls button{color:#d2e8fb;width:31px;height:33px}.arcade .zoom-controls span{font-size:10px}
/* Command bar + focused selection */
.arcade .controls-hint.command-dock{bottom:16px;gap:5px;padding:7px;background:#14243af5;border:2px solid #4b6787;border-radius:18px;box-shadow:0 5px 0 #0c182a9c}.arcade .command-dock .dock-command{border:0;background:#223951;border-radius:11px!important;width:59px!important;height:55px!important;font:800 11px 'Trebuchet MS',sans-serif;color:#dceaf8;gap:4px}.arcade .command-dock .dock-command svg{height:21px;width:21px;stroke-width:2.2}.arcade .command-dock .dock-command kbd{font-size:8px;background:#142a43;border-radius:4px;color:#c0d4e7;right:3px;top:3px;padding:1px 3px}.arcade .command-dock .dock-command:hover{background:#385673}.arcade .command-dock .dock-command[aria-pressed=true],.arcade .command-dock .dock-command.is-active{background:#3d6882;border:1px solid #9edfff;box-shadow:inset 0 -3px 0 #1a354e;color:white}.arcade .command-dock #build-button{background:#ffcc6c;border:1px solid #ffe3a7;border-bottom:3px solid #a87836;color:#21344b}.arcade .command-dock #build-button kbd{background:#d6a84e;color:#26364a}.arcade .command-dock #erase-button{color:#ffb9b8}.arcade .command-dock #erase-button svg{fill:#e9858c;stroke:#ffc5c5}.arcade .command-dock #upgrade-brush{color:#b7f1c7}
.arcade .realm-sidebar{left:16px!important;bottom:16px!important;width:260px!important;max-height:calc(100dvh - 280px)}.arcade .realm-sidebar>.tile-panel{border:2px solid #668cac;border-radius:15px;padding:14px!important;max-height:min(440px,calc(100dvh - 290px))!important}.arcade .tile-panel h3{font:900 21px/1.1 'Trebuchet MS',sans-serif;letter-spacing:-.5px;margin:4px 26px 12px 0}.arcade .tile-panel .eyebrow{font-size:9px;color:#9cbeda}.arcade .panel-close{width:27px;height:27px;background:#294561;border:0;border-radius:8px;color:#d8eafb;font:800 19px 'Trebuchet MS',sans-serif;right:8px;top:8px}.arcade .tile-panel .secondary{font-size:12px;min-height:36px;padding:8px 9px}.arcade .tile-panel .quiet-button{font-size:11px;min-height:30px}.arcade .tile-panel p{font-size:12px;color:#bfd1e3;line-height:1.4}.arcade .claim-status{border:0;border-radius:8px;background:#233e52;color:#bfdddc;font:700 11px/1.4 'Trebuchet MS',sans-serif;padding:7px 9px!important}.arcade #building-upgrade{border:0;padding-top:0}.arcade #upgrade-building{background:#356349;border-color:#75b596;color:#ecfff4}.arcade #upgrade-cost{font:700 12px 'Trebuchet MS',sans-serif;color:#ffd690;margin:7px 0 3px}.arcade #upgrade-reason{color:#c2cae0;font-size:11px}.arcade .selection-details{border-color:#49617e;margin-top:11px;padding-top:9px}.arcade .selection-details summary{font:700 11px 'Trebuchet MS',sans-serif;color:#93b3ce}.arcade #transport-actions p{display:none}.arcade #transport-actions:has(button:disabled){display:none}.arcade #deselect-ship{display:none}.arcade #ship-actions #center-ship{display:none}.arcade #cancel-route{display:none}.arcade #direct-control{font-size:11px}.arcade #harbor-actions h4{font:800 13px 'Trebuchet MS',sans-serif}.arcade #harbor-actions>p{font-size:11px}.arcade #ship-buy-reason:empty,.arcade #pirate-buy-reason:empty{display:none}
.selection-snapshot{background:#0e1d30;border-radius:9px;padding:9px;margin:0 0 10px}.selection-snapshot:empty{display:none}.selection-status{display:flex;justify-content:space-between;gap:7px;font-size:11px}.selection-status strong{color:#a9e2ff}.selection-status b{font-size:10px;color:#c8d9e9}.selection-snapshot p{font-size:11px!important;line-height:1.45!important;margin:5px 0 0!important;color:#cadbed!important}.selection-snapshot.danger{background:#4e2d3a}.selection-snapshot.danger p{color:#ffd7b6!important}.health-track{background:#273b54;border-radius:6px;height:5px;margin-top:7px;overflow:hidden}.health-track i{display:block;height:100%;border-radius:6px;background:#80e3ad}.production-track i{background:#ffce73}
.arcade .realm-card .forces-toggle{font:900 16px 'Trebuchet MS',sans-serif;color:#eff7ff;border:0;background:none;padding:9px!important}.arcade .realm-card .forces-toggle:before{display:none}.arcade .forces-list{padding:3px;max-height:min(390px,50dvh)}.arcade .force-row{display:grid;grid-template-columns:36px 1fr auto;gap:8px;align-items:center;background:#203850;border:1px solid #466682;border-radius:10px;padding:10px!important;margin:6px 0;text-align:left}.force-row strong{font-size:12px;color:#f4f9ff}.force-row small{display:block;color:#b0c8df;font-size:10px;margin-top:4px}.force-row em{font-style:normal;font-size:11px;color:#9de4b7}.force-emblem{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#345771;color:#b5e4ff;font-weight:900;font-size:15px}
/* On-demand drawers */
.arcade-drawer{position:absolute;left:16px;top:274px;bottom:100px;width:288px;pointer-events:auto;z-index:16;display:flex;flex-direction:column;overflow:hidden}.arcade-drawer>header,#diplomacy-panel>header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #46627e}.arcade-drawer header h3{font-size:20px;margin:4px 0 0}.arcade-drawer header small{font-size:8px;font-weight:800;letter-spacing:1.4px;color:#9cb9d6}.arcade-drawer header button{background:#29455f;color:#e4f1fd;border:0;width:27px;height:27px;border-radius:8px;font-size:20px}.finder-tabs,.diplomacy-tabs{display:flex;gap:4px;padding:10px}.finder-tabs button,.diplomacy-tabs button{background:#213851;border:1px solid transparent;border-radius:8px;color:#bcd1e5;font:700 11px 'Trebuchet MS',sans-serif;flex:1;padding:7px 5px}.finder-tabs button[aria-pressed=true],.diplomacy-tabs button[aria-pressed=true]{background:#426387;color:#fff;border-color:#7daed6}.finder-content{overflow:auto;min-height:0;padding:0 10px 10px;scrollbar-width:thin}.finder-row{display:flex;align-items:center;gap:9px;width:100%;padding:11px 9px;background:#20364f;border:1px solid #3b5877;border-radius:10px;margin:6px 0;text-align:left;color:#edf4fc;font-size:12px}.finder-row:hover{background:#2b4e69}.finder-row:disabled{cursor:default;opacity:1}.finder-row>span:nth-child(2){flex:1}.finder-row small{display:block;font-size:10px;color:#bbd0e0;line-height:1.45;margin-top:4px}.finder-row em{font-style:normal;font-size:11px;color:#9db5cd}.finder-emblem{background:#34536d;border-radius:10px;min-width:32px;height:34px;display:grid;place-items:center;color:#e8d7a6;font-size:21px}.finder-row.good .finder-emblem{color:#a8f2bc;background:#2b544c}.finder-row.danger .finder-emblem{color:#ffc3c7;background:#5d3a50}.arcade-empty{padding:21px 9px;color:#e8f2fb;font-size:13px}.arcade-empty p{font-size:12px;line-height:1.5;color:#aebfd6}.arcade-empty button{color:#9edbff!important}.finder-open .realm-sidebar,.council-open .realm-sidebar{visibility:hidden}.forces-open .arcade-drawer{display:none}.council-open .leaderboard{visibility:hidden}
.arcade #diplomacy-panel{top:80px;right:16px;width:335px;max-height:calc(100dvh - 100px);border:2px solid #537b9c;border-radius:16px;background:#14243afc;box-shadow:0 5px 0 #0b172bbd,0 15px 40px #06152340;z-index:18}.arcade #diplomacy-panel h3{font:900 24px 'Trebuchet MS',sans-serif;color:#f2f7ff}.arcade #diplomacy-panel header small{font:800 8px 'Trebuchet MS',sans-serif;color:#9ebbd8;letter-spacing:1px}.arcade .diplomacy-content{padding:0 13px 12px;max-height:calc(100dvh - 225px);font-family:inherit}.arcade .diplomacy-content p{font:12px/1.5 'Trebuchet MS',sans-serif;color:#c0d2e5}.arcade .diplomacy-content small{font:11px/1.4 'Trebuchet MS',sans-serif;color:#adbed5}.arcade .diplomacy-content h4{font:800 14px 'Trebuchet MS',sans-serif;color:#e7eef9}.arcade .diplomacy-content button{font:700 12px 'Trebuchet MS',sans-serif;border:1px solid #527494;border-bottom:3px solid #0f2035;background:#28445e;padding:9px;border-radius:9px;color:#dfeefa}.arcade .diplomacy-content button:hover:not(:disabled){background:#3b5e7e}.arcade .diplomacy-realm{gap:8px;padding:10px!important;margin:7px 0;border-width:1px!important}.arcade .diplomacy-realm i{width:12px;height:28px;border-radius:6px;flex-shrink:0}.arcade .diplomacy-realm strong{font-size:13px}.arcade .diplomacy-realm small{font-size:10px;margin-top:5px}.arcade .status-chip{display:inline-block;background:#708bb41c;border-radius:6px;padding:4px 6px;font:800 9px 'Trebuchet MS',sans-serif;white-space:nowrap}.arcade .diplomacy-realm>b{flex:none;font-size:9px}.council-totals{display:flex;gap:8px;align-items:center;margin:6px 0 12px}.council-totals>span{flex:1;background:#22384f;border-radius:9px;padding:10px;font-size:11px}.council-totals b{font-size:17px;margin-right:3px;color:#f2f8ff}.arcade .council-tip{background:#514332;border:1px solid #b590515c;border-radius:9px;padding:10px;color:#ffe0a7}.arcade .treaty-card,.arcade .treaty-request{border:1px solid #53738c;background:#20344a;border-radius:12px;padding:12px;margin:10px 0;font-size:14px}.arcade .treaty-request>strong{display:block;font-size:16px;margin:10px 0 4px}.arcade .treaty-request div{display:flex;gap:6px}.arcade .treaty-request div button{flex:1}.arcade .treaty-card button.accept,.arcade .treaty-request button.accept{background:#3b725c;color:#ecfff0;border-color:#78ba99}.arcade .treaty-card small{margin-top:5px;font-size:10px}.arcade .treaty-card>strong{font-size:16px}.arcade .treaty-card>span{float:right}.arcade .diplomacy-help{font-size:10px!important;line-height:1.5!important;padding-top:5px;color:#9db5ce!important}.arcade .relationship-line{font:800 12px 'Trebuchet MS',sans-serif;color:#bfd6e6;margin:12px 0 5px}.arcade .diplomacy-content meter{height:12px;accent-color:#83d7b4}.realm-profile{display:flex;align-items:center;gap:10px;margin:12px 0}.realm-profile>i{display:grid;place-items:center;font-size:28px;color:#122b42;width:45px;height:50px;border-radius:12px;font-style:normal}.realm-profile>div{flex:1}.arcade .realm-profile h4{font-size:21px;margin:0 0 5px}.arcade .realm-profile button{font-size:11px}
/* Build wheel, training, dialogs */
.arcade .radial-disc{background:#142841;border:3px solid #86b8d9;box-shadow:0 6px 0 #0b192b,0 18px 45px #06122450}.arcade .radial-option{background:#264766;transition:background .12s}.arcade .radial-option:hover,.arcade .radial-option:focus-visible{background:#406e8b}.arcade .radial-option[aria-disabled=true]{background:#202f45;color:#9facbe}.arcade .radial-label{width:83px;gap:4px}.arcade .radial-label strong{font:900 14px/1.1 'Trebuchet MS',sans-serif;color:#f3f7ff}.arcade .radial-label>svg{width:26px;height:26px;stroke:#ffda8a;stroke-width:2}.arcade .radial-label small{font:700 10px/1.3 'Trebuchet MS',sans-serif;color:#d2e3ee;max-width:90px}.arcade .radial-label kbd{background:#112840cc;padding:2px 4px;border-radius:4px;font:700 9px 'Trebuchet MS',sans-serif;right:0;top:0;color:#9edcff}.arcade .radial-close{background:#ffce74;border:2px solid #ffecbe;color:#233c53;width:44px;height:44px;font:900 25px 'Trebuchet MS',sans-serif;box-shadow:0 0 0 4px #142841}.arcade .radial-close small{display:none}.arcade .build-pages{background:#172b43;border:2px solid #587c9b;border-radius:12px;padding:5px;gap:3px;display:flex;justify-content:space-between}.arcade .build-pages button{font:800 10px 'Trebuchet MS',sans-serif;padding:7px 6px;border-radius:7px;color:#b6cfe5}.arcade .build-pages button[aria-pressed=true]{background:#ffd178;color:#253b53}.arcade .radial-description{background:#142a42fa;border:1px solid #688da9;border-radius:11px;color:#d7e9f5;font:700 11px/1.4 'Trebuchet MS',sans-serif;max-width:290px;padding:10px;margin-top:10px;min-height:46px}
.arcade .placement-info{border:2px solid #8dccaf;border-radius:13px;background:#193a40f7;padding:11px 15px;bottom:98px!important}.arcade .placement-info strong{font:900 16px 'Trebuchet MS',sans-serif;color:#effef6}.arcade .placement-info>span{font-size:12px;color:#ffe1a2}.arcade .placement-info p{font:700 11px/1.5 'Trebuchet MS',sans-serif;color:#d2e9df}.arcade .placement-info.invalid{background:#482e40f5;border-color:#b87d8d}.arcade .placement-info.invalid p{color:#ffd1c7}.arcade .toast{bottom:100px!important;padding:11px 15px;background:#192e47f7;border:1px solid #82bad7;border-radius:12px;color:#edf7ff;font:700 12px/1.4 'Trebuchet MS',sans-serif;max-width:min(420px,calc(100vw - 30px))}.arcade .placement-info:not([hidden])~.toast{bottom:193px!important}.arcade .direct-hint,.arcade .match-recovery{top:126px!important;max-width:calc(100vw - 570px);font:700 11px/1.4 'Trebuchet MS',sans-serif;padding:9px 12px;border-radius:11px;background:#253f57f5}.arcade #diplomacy-notice{top:130px;max-width:calc(100vw - 580px);font:800 11px 'Trebuchet MS',sans-serif;background:#55487cf5;color:#f6edff;border:1px solid #b1a0e6;border-radius:10px;padding:10px}.arcade-training{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);pointer-events:auto;font:800 11px 'Trebuchet MS',sans-serif;padding:8px 12px;border:1px solid #9caae1!important;display:flex;gap:20px;color:#e4eafe;background:linear-gradient(90deg,#4a5681 var(--training),#1e304b var(--training))!important;border-radius:10px!important}.arcade:has(.arcade-training:not([hidden])) .toast{bottom:144px!important}
.arcade dialog{padding:25px;border:2px solid #7899ba;border-radius:20px;max-height:88dvh}.arcade dialog::backdrop{background:#081b309c;backdrop-filter:none}.arcade dialog h2{font:900 29px/1.1 'Trebuchet MS',sans-serif;letter-spacing:-.8px;color:#f0f7ff}.arcade dialog p{font-size:13px;color:#bfd0e6}.arcade #recruit-dialog{width:650px;max-width:calc(100vw - 28px)}.arcade .recruit-card{padding:14px;background:#213952;border:2px solid #47668a;border-radius:14px}.arcade .recruit-heading h3{font:900 20px 'Trebuchet MS',sans-serif;color:#eaf6ff}.arcade .unit-emblem{background:#38566e;border:0;border-radius:13px}.arcade .recruit-heading div>span{font-size:10px;color:#c2bafa}.arcade .recruit-card p{min-height:0!important;font-size:12px!important;margin:10px 0!important;color:#cad9e8}.arcade .recruit-traits{font-size:11px;display:flex;gap:5px;flex-wrap:wrap}.arcade .recruit-traits span{background:#11273e;border-radius:6px;padding:5px;color:#c5dced;font-weight:700}.arcade .recruit-price{font-size:13px;color:#ffdc98;font-weight:800}.arcade .recruit-price span{display:block;font-size:10px;color:#a7bfd9;margin-top:5px}.arcade .recruit-card button{background:#446b85;border-color:#8abad4;min-height:38px;color:#fff}.arcade .recruit-reason{font-size:10px;color:#ccd6e6;min-height:0}.arcade .recruit-locked{background:#1a2b42;border-color:#3a4b67}.arcade .recruit-summary{background:#254337;border:1px solid #496d60;border-radius:10px}.arcade #recruit-slots{color:#b7f0c7;font-weight:800}.arcade #recruit-resources{display:none}.arcade .training-queue{background:#253651;border:1px solid #606d9b;border-radius:12px;padding:12px}.arcade .training-queue h4{font:800 15px 'Trebuchet MS',sans-serif}.arcade .training-queue>div{border-top:1px solid #65769144;padding:8px 0;font-size:12px}.arcade .training-queue small{color:#acbed9;font-size:11px}.training-progress{width:100%;height:4px;accent-color:#b5a4fa;display:block;margin-top:5px}
.arcade #kingdom-roadmap li{background:#203953;border:1px solid #486584;border-radius:12px;padding:12px;gap:12px}.arcade #kingdom-roadmap li>b{background:#304d6e;border-radius:10px;font:900 22px 'Trebuchet MS',sans-serif;color:#c2daf4}.arcade #kingdom-roadmap .current{background:#325044;border:2px solid #99d3aa}.arcade #kingdom-roadmap strong{font-size:16px;color:#e2eafa}.arcade #kingdom-roadmap span{font-size:11px;line-height:1.4;color:#bbcee1}.arcade #kingdom-roadmap small{font-size:8px}.arcade #capital-action{font-size:14px}.arcade .guide-topic{border-bottom:1px solid #455f7b;padding:11px 0}.arcade .guide-topic summary{font-size:14px;font-weight:800;cursor:pointer;color:#d7e6f7}.arcade .guide-topic p{font-size:12px!important;line-height:1.55!important}.guide-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#253f58;border-radius:11px;padding:12px;margin:15px 0;font-size:11px}.guide-quick span{display:grid;gap:4px}.guide-quick kbd{font:800 11px 'Trebuchet MS',sans-serif;color:#ffd989}.arcade #pause-dialog{width:360px}.arcade #pause-dialog button{margin-top:11px}.arcade #match-dialog{border-color:#efd38d}.arcade .match-winner{border-radius:12px}.arcade .spawn-banner{top:82px;border-color:#b6dcef;padding:17px}.arcade .spawn-banner h2{font:900 24px 'Trebuchet MS',sans-serif;color:#f1faff}.arcade .timer-ring{background:#ffcf72;color:#253b52;font:900 30px 'Trebuchet MS',sans-serif;border:0;box-shadow:none}
.arcade.placing-structures .arcade-objective,.arcade.placing-structures .arcade-social,.arcade.placing-structures .arcade-nav,.arcade.placing-structures .arcade-training{visibility:hidden}.arcade.overlays-hidden .arcade-objective,.arcade.overlays-hidden .arcade-social,.arcade.overlays-hidden .arcade-nav,.arcade.overlays-hidden .arcade-drawer,.arcade.overlays-hidden .arcade-training{visibility:hidden}
@media(max-width:1150px){.arcade .realm-hud{left:168px;right:133px;gap:5px}.arcade .realm-counters{display:none}.arcade .realm-hud>.playing-banner{min-width:101px}.arcade .resources>div{min-width:77px}.arcade-objective{width:222px}.arcade-social{width:222px}.arcade-nav{left:auto;right:226px;transform:none}.arcade-nav button{font-size:11px;padding:8px}.arcade .realm-sidebar{width:238px!important}.arcade .direct-hint,.arcade .match-recovery{max-width:calc(100vw - 480px)}.arcade #diplomacy-notice{max-width:calc(100vw - 490px)}.arcade .command-dock .dock-command{width:53px!important}.arcade .minimap-panel{width:166px!important}}
@media(max-width:850px){.arcade.game-active .brand{font-size:21px}.arcade .realm-hud{top:58px;left:12px;right:12px;min-height:46px}.arcade .realm-hud .resources{flex:0 1 auto}.arcade .resources>div{min-width:85px;height:35px}.arcade-objective{top:121px;left:12px;width:212px;padding:10px}.arcade-objective strong{font-size:13px}.arcade-objective b{font-size:18px}.arcade-social{top:241px;left:12px;width:212px}.arcade-nav{top:121px;right:201px;gap:4px}.arcade-nav button{font-size:11px;padding:8px}.arcade-nav button>span{display:none}.arcade .leaderboard{top:121px!important;right:12px!important;width:174px!important}.arcade .realm-sidebar{bottom:98px!important;left:12px!important;width:238px!important;max-height:calc(100dvh - 315px)}.arcade .realm-sidebar>.tile-panel{max-height:calc(100dvh - 340px)!important}.arcade .minimap-panel{bottom:98px;width:151px!important;right:12px}.arcade .minimap-panel canvas{height:89px!important}.arcade .command-dock .dock-command{width:57px!important}.arcade-drawer{left:12px;top:301px;bottom:98px;width:286px}.arcade .direct-hint,.arcade .match-recovery{top:176px!important;left:auto;right:12px;transform:none;max-width:200px}.arcade #diplomacy-notice{top:213px;left:auto;right:12px;transform:none;max-width:196px}.arcade #diplomacy-panel{top:121px;right:12px;max-height:calc(100dvh - 220px)}.arcade .diplomacy-content{max-height:calc(100dvh - 340px)}.arcade .spawn-banner{top:121px}.arcade .zoom-controls{top:48%!important}}
@media(max-width:550px){.arcade .home-copy h1{font-size:65px;letter-spacing:-4px}.arcade .home-copy p{font-size:23px}.arcade .mode-panel{padding:22px}.arcade .mode-panel h2{font-size:27px}.arcade .realm-hud{padding:4px 7px;gap:4px}.arcade .realm-hud>.playing-banner{min-width:77px}.arcade .playing-banner .kingdom-button{font-size:11px}.arcade .resources>div{min-width:64px;padding:3px 6px!important;grid-template-columns:14px auto;gap:1px 4px}.arcade .resources b{font-size:16px}.arcade .resources small{font-size:8px}.arcade .realm-hud .resources{gap:4px}.arcade-objective{width:185px;top:119px;padding:9px}.arcade-objective .objective-icon{width:27px;height:32px;font-size:22px}.arcade-objective strong{font-size:12px}.arcade-objective small{font-size:6px}.arcade-objective b{font-size:17px}.arcade-objective button{font-size:10px}.arcade-social{top:232px;width:185px;font-size:9px;padding:6px 9px}.arcade .leaderboard{width:148px!important;top:119px!important}.arcade .leaderboard summary b{font-size:13px}.arcade .leaderboard summary small{font-size:10px}.arcade-nav{top:193px;right:12px}.arcade-nav button{padding:7px 11px;font-size:13px}.arcade .minimap-panel{width:126px!important;bottom:92px}.arcade .minimap-panel canvas{height:72px!important}.arcade .relation-legend{font-size:7px;gap:3px 6px}.arcade .realm-sidebar{width:calc(100vw - 160px)!important;bottom:92px!important;max-height:calc(100dvh - 300px)}.arcade .realm-sidebar>.tile-panel{padding:10px!important;max-height:calc(100dvh - 345px)!important}.arcade .tile-panel h3{font-size:17px}.arcade .tile-panel .secondary{font-size:11px;padding:8px;min-height:33px}.selection-status{flex-wrap:wrap;font-size:10px}.selection-status b{font-size:9px}.arcade .selection-snapshot{padding:7px}.arcade .selection-snapshot p{font-size:10px!important}.arcade .command-dock .dock-command{width:45px!important;height:49px!important;font-size:9px}.arcade .controls-hint.command-dock{padding:5px;gap:4px;border-radius:14px;bottom:14px}.arcade-drawer{top:288px;width:calc(100vw - 24px);bottom:92px}.finder-open .minimap-panel,.forces-open .minimap-panel,.council-open .minimap-panel{visibility:hidden}.arcade .forces-open .realm-card{width:calc(100vw - 24px)!important}.arcade #diplomacy-panel{left:12px;right:12px;top:118px;bottom:90px;width:auto;max-height:none}.arcade .diplomacy-content{max-height:calc(100dvh - 335px)}.arcade .direct-hint,.arcade .match-recovery{top:282px!important;right:12px;max-width:135px;font-size:9px}.arcade #diplomacy-notice{top:239px;max-width:142px;padding:8px;font-size:10px}.arcade .zoom-controls{top:48%!important}.arcade .zoom-controls button{width:27px;height:29px}.arcade .placement-info{bottom:88px!important}.arcade .toast{bottom:88px!important;font-size:11px}.arcade-training{bottom:88px;font-size:10px}.arcade .spawn-banner h2{font-size:19px}.arcade .spawn-banner p{font-size:11px}.arcade .game-active:not(.match-active) .realm-sidebar{bottom:92px!important}.arcade .recruit-list{grid-template-columns:1fr}.arcade dialog{padding:20px}.arcade dialog h2{font-size:25px}}
@media(max-height:650px) and (min-width:851px){.arcade-objective{top:76px;padding:9px 12px}.arcade-social{top:193px}.arcade .realm-sidebar{bottom:95px!important}.arcade .realm-sidebar>.tile-panel{max-height:calc(100dvh - 268px)!important}.arcade-drawer{top:250px}.arcade .minimap-panel canvas{height:78px!important}.arcade .leaderboard-rows{max-height:43dvh!important}}
@media(prefers-reduced-motion:reduce){.arcade *, .arcade *:before,.arcade *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* HUD children share the outer frame instead of drawing nested panels. */
.arcade .brand{font-family:'Trebuchet MS',sans-serif}
.arcade .realm-hud>.playing-banner,.arcade .realm-hud>.resources{background:transparent;border:0;border-radius:0;box-shadow:none}
.arcade .realm-hud>.playing-banner{flex:0 0 152px;min-width:0}
.arcade .realm-hud>.resources{flex:1;justify-content:center}
.arcade .resources>div{flex:1;max-width:146px;min-width:86px;grid-template-columns:23px auto}
.arcade .resources b{font-size:22px}.arcade .resources>div span:not(.gold-coin){font-size:11px}
.arcade .selection-details #cancel-route{display:block}
.arcade .selection-details #cancel-route[hidden]{display:none}
.arcade:not(.placing-structures):has(.arcade-training:not([hidden])) .toast{bottom:144px!important}
@media(max-width:1150px){.arcade .realm-hud>.playing-banner{flex-basis:115px}.arcade .resources>div{min-width:77px}.arcade .resources b{font-size:20px}}
@media(max-width:550px){.arcade .realm-hud>.playing-banner{flex:1 1 77px}.arcade .realm-hud>.resources{flex:0 0 auto}.arcade .resources>div{min-width:62px;grid-template-columns:14px auto;max-width:none}.arcade .resources b{font-size:17px}.arcade .resources>div span:not(.gold-coin){font-size:9px}.arcade.forces-open .realm-sidebar{width:calc(100vw - 24px)!important}}
.arcade #recruit-dialog{max-height:88dvh}.arcade .recruit-card{padding:12px}.arcade .recruit-card .unit-emblem{height:48px;width:48px;flex-basis:48px}.arcade .unit-emblem canvas{height:48px;width:48px}.arcade .recruit-card p{margin:8px 0!important}.arcade .recruit-reason:empty{display:none}.arcade .recruit-heading{gap:9px}.arcade .recruit-top{position:sticky;top:-25px;padding:9px 0;background:#14243afa;z-index:2}.arcade .recruit-top button{background:#2b4560;border:0;border-radius:9px;min-width:30px;min-height:30px;font-size:21px}
@media(max-width:550px){.arcade #diplomacy-panel{bottom:auto;max-height:calc(100dvh - 208px)}.arcade .arcade-nav button{flex-direction:column;gap:1px;padding:4px 5px;min-width:43px;font-size:12px;position:relative}.arcade .arcade-nav button>span{display:block;font-size:8px}.arcade .arcade-nav button>b{position:absolute;right:0;top:-5px;font-size:8px}.arcade .recruit-top{top:-20px}.arcade .recruit-card .recruit-heading h3{font-size:18px}}
.arcade .resources>div{height:45px;padding-top:2px!important;padding-bottom:2px!important}
.arcade .resources>div span:not(.gold-coin){font-size:10px;line-height:1}
.arcade .resources small{line-height:1;font-size:9px}
@media(max-width:550px){.arcade .resources>div{height:40px}.arcade .resources>div span:not(.gold-coin){font-size:9px}.arcade .resources small{font-size:8px}}