/* Compact play layout. Keep permanent chrome at the edges of the world. */
#diplomacy-panel{position:absolute;right:218px;top:67px;width:310px;max-height:calc(100dvh - 160px);border:1px solid #b99e6866;border-radius:9px;background:#102b3cf5;pointer-events:auto;overflow:hidden;z-index:15;color:#dce5df;box-shadow:0 10px 40px #00152266}
#diplomacy-panel>header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #c5a76a33}#diplomacy-panel header small{color:#d0b379;font:8px Arial;letter-spacing:1.8px}#diplomacy-panel h3{font:22px Georgia;margin:4px 0 0}#diplomacy-panel header button{font-size:24px;padding:2px 8px;margin:0}
.diplomacy-content{padding:10px 14px;max-height:calc(100dvh - 243px);overflow:auto;scrollbar-width:thin}.diplomacy-content p{font:11px/1.5 Arial;color:#bdcbd1;margin:7px 0}.diplomacy-content h4{font:16px Georgia;color:#e6c88b;margin:13px 0 8px}.diplomacy-content button{font:11px Arial;color:#e4d2ad;border:1px solid #ba9f6344;background:#12384b;border-radius:5px;padding:7px 9px;cursor:pointer}.diplomacy-content button:disabled{opacity:.4;cursor:default}.diplomacy-content small{font:10px/1.5 Arial;color:#adbfc7;display:block}.diplomacy-content .diplomacy-help{font-size:10px;color:#97afb9}.diplomacy-realm{display:flex;align-items:center;gap:9px;width:100%;text-align:left;margin:4px 0}.diplomacy-realm i{width:8px;height:8px;border-radius:3px}.diplomacy-realm span{flex:1}.diplomacy-realm b{font-size:18px}.treaty-card,.treaty-request{border:1px solid #c5a76a33;border-radius:6px;padding:10px;margin:8px 0;font:12px Arial}.treaty-card>span{float:right;color:#c6b787;font-size:10px}.treaty-card button,.treaty-request button{margin:6px 4px 4px 0}.treaty-card>small{margin-top:4px}.relationship-line{display:flex;justify-content:space-between;font:12px Arial}.diplomacy-content meter{width:100%;height:9px;accent-color:#9ec6a7}.council-summary b{color:#e7ca8e}.council-back{background:transparent!important;border:0!important;padding-left:0!important}
#diplomacy-notice{position:absolute;top:68px;left:50%;transform:translateX(-50%);padding:7px 12px;font:11px Arial;color:#edd194;border:1px solid #c5aa7066;border-radius:6px;pointer-events:auto;cursor:pointer;z-index:14}.training-queue{padding:10px;border:1px solid #c5aa7033;border-radius:6px;margin:12px 0}.training-queue h4{font:17px Georgia;margin:0 0 6px}.training-queue>div{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:4px 0}.training-queue small{display:block;font-size:10px;color:#adbec4;margin-top:4px}.training-queue button{font-size:10px}.leaderboard-row.eliminated{opacity:.42}.overlays-hidden #diplomacy-panel,.overlays-hidden #diplomacy-notice{visibility:hidden}
@media(max-width:900px){#diplomacy-panel{right:12px;top:145px;width:290px;max-height:calc(100dvh - 230px)}.diplomacy-content{max-height:calc(100dvh - 310px)}#diplomacy-notice{top:105px;left:12px;transform:none}}
@media(max-width:550px){#diplomacy-panel{left:8px;right:8px;top:auto;bottom:76px;width:auto;max-height:57dvh}.diplomacy-content{max-height:calc(57dvh - 75px)}}
.dev-option{display:flex;align-items:center;gap:12px;margin:18px 0;padding:12px 14px;border:1px solid #bfa67566;border-radius:8px;background:#d4b8770b;cursor:pointer;text-align:left}.dev-option input{width:19px;height:19px;accent-color:#d7b570;flex-shrink:0}.dev-option strong{font:15px Georgia;color:#eed4a3}.dev-option small{display:block;margin-top:5px;font:11px/1.4 Arial;color:#bfccd1}.mode-panel{max-height:94dvh;overflow:auto}.mode-card{padding:17px}.mode-foot{margin-top:18px}
.game-active .topbar{padding:10px 14px}.game-active .brand{font-size:23px;gap:7px}.game-active .build-label{display:none}.game-active .top-right>button{min-height:32px;padding:6px 9px;border-radius:6px;font-size:11px}.game-active .top-right>button svg{width:17px;height:17px}
.realm-hud{top:8px;left:180px;right:152px;min-height:44px;padding-right:5px;border-radius:7px}.realm-hud>.playing-banner{min-width:130px;gap:6px;padding:5px 8px 5px 0;flex:.8}.playing-banner .kingdom-button{font-size:15px}.playing-banner>.gold-diamond{width:32px;min-width:32px;margin:-5px 0 -7px}.gold-diamond svg{width:32px;height:46px}.resources>div{min-width:75px;height:31px;padding:0 10px!important;gap:1px 6px;grid-template-columns:18px auto}.resources b{font-size:17px}.resources svg,.resources .gold-coin{width:19px!important;height:21px!important}.resources small{font-size:8px}.realm-counters{min-width:154px}.realm-counters .stat{min-width:46px;padding:0 5px;gap:1px}.realm-counters .stat b{font-size:16px}.realm-counters .stat span{font-size:8px}
.realm-sidebar{top:auto!important;left:12px!important;bottom:16px!important;width:240px!important;max-height:calc(100dvh - 90px);gap:8px}.realm-sidebar>.realm-card{display:none!important}.realm-sidebar:has(.forces-list:not([hidden]))>.realm-card{display:block!important}.realm-card{padding:6px!important}.realm-card>.eyebrow,.realm-card>h2,.realm-card>p,.realm-card>.realm-action{display:none!important}.realm-card .forces-toggle{padding:8px;min-height:32px;font-size:11px}.forces-toggle:before{font-size:17px;margin-right:6px}.forces-list{max-height:270px}.force-row{font-size:11px;line-height:1.4;padding:9px}
.realm-sidebar>.tile-panel{padding:12px!important;width:100%!important;position:relative!important;max-height:min(340px,60dvh)!important;overflow-y:auto;flex:0 1 auto}.tile-panel h3{font-size:19px;margin:3px 22px 6px 0;line-height:1.2}.tile-panel .eyebrow{font-size:8px;letter-spacing:1px}.tile-panel .secondary{font-size:11px;padding:7px 8px;min-height:30px;margin-top:6px}.tile-panel .quiet-button{min-height:26px;font-size:10px;padding:5px;margin-top:3px}.tile-panel p{font-size:11px;line-height:1.4;margin:6px 0}.tile-panel .claim-status{padding:5px 7px;font-size:10px;margin:6px 0}.tile-panel .coordinates{font-size:9px;margin:5px 0}.selection-details{margin:7px 0 2px;border-top:1px solid #d5bd852b;padding-top:6px}.selection-details>summary{cursor:pointer;font:10px Arial;color:#b4c5ca}.selection-details:not([open])>*:not(summary){display:none}.selection-details #unit-stats,.selection-details #building-stats{font-size:10px;line-height:1.5}.selection-details #upgrade-benefit{font-size:10px}.panel-close{top:5px;right:5px;min-width:28px;min-height:28px}.combat-buttons{display:flex;flex-wrap:wrap}.combat-buttons button{flex:1}.tile-panel #direct-control{margin-top:5px}.tile-panel #ship-actions>p:last-child{display:none}#harbor-actions h4{font-size:14px;margin-top:10px}#harbor-actions>p{font-size:10px}#harbor-actions .secondary span{font-size:10px}#building-upgrade{margin-top:7px}#upgrade-cost,#upgrade-reason{font-size:10px;margin:4px 0}#unit-stats{margin:5px 0}
.leaderboard{top:66px!important;right:12px!important;width:192px!important;padding:8px!important}.leaderboard summary{padding:0 0 1px 24px;margin:0;border-bottom:0;gap:3px}.leaderboard summary>span{display:none}.leaderboard summary b{font-size:16px}.leaderboard summary small{font-size:9px}.leaderboard[open] summary{padding-bottom:8px}.leaderboard-rows{max-height:min(330px,50dvh)!important}.leaderboard-row{font-size:10px;min-height:23px;gap:6px}.leaderboard-row b{font-size:10px}.leaderboard-note{font-size:8px}
.minimap-panel{right:12px;bottom:14px;width:166px!important;padding:7px!important}.minimap-panel canvas{height:100px!important}.minimap-title{margin:0 0 5px;font-size:8px;letter-spacing:1px}.minimap-title:before{font-size:14px}.minimap-title span+span{font-size:8px}.map-key{gap:8px;font-size:8px}.minimap-toggle{border:0;background:transparent;color:#e5c58a;padding:0 3px;margin-left:auto;font-size:14px}.minimap-panel.collapsed canvas,.minimap-panel.collapsed .map-key{display:none}.minimap-panel.collapsed .minimap-title{margin:0}
.match-active .zoom-controls,.zoom-controls{right:12px!important;top:50%!important;transform:translateY(-50%);padding:3px;border-radius:7px}.zoom-controls button{width:28px;height:29px;font-size:20px}.zoom-controls span{font-size:8px}.controls-hint.command-dock{bottom:14px;padding:3px;border-radius:9px;gap:0}.command-dock .dock-command{width:57px!important;min-width:0!important;height:47px!important;padding:4px!important;gap:3px;font-size:10px}.command-dock .dock-command svg{width:18px;height:19px}.command-dock .dock-command kbd{right:3px;top:3px;font-size:7px}.command-dock .dock-command[aria-pressed=true],.command-dock .dock-command.is-active{border-radius:6px}.map-guide,.town-life{display:none!important}
.placement-info{bottom:78px!important;width:max-content;min-width:0;max-width:min(410px,calc(100vw - 30px));padding:8px 12px;border-radius:7px;pointer-events:none!important}.placement-info strong{font:14px Georgia;display:inline}.placement-info>span{display:inline;font-size:10px;margin-left:8px}.placement-info p{margin:5px 0 0;font-size:10px;line-height:1.35}.toast{bottom:79px!important;max-width:min(420px,calc(100vw - 30px));width:max-content;padding:8px 12px;font-size:11px}.placement-info:not([hidden])~.toast{bottom:147px!important}.direct-hint,.match-recovery{top:64px!important;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 430px);padding:6px 10px;font-size:10px}.spawn-banner{top:78px;width:min(480px,calc(100vw - 32px))}.spawn-banner h2{font-size:22px}.spawn-banner p{font-size:12px}.game-active:not(.match-active) .realm-sidebar{top:auto!important}
.build-radial{--diameter:270px}.radial-disc{box-shadow:0 10px 30px #051e2c66,0 0 0 3px #162f41bb;backdrop-filter:none}.radial-label{width:76px;gap:3px}.radial-label svg{width:20px;height:20px}.radial-label strong{font:13px/1.1 Georgia}.radial-label small{font:9px/1.25 Arial;max-width:75px}.radial-label kbd{font-size:7px;right:1px;top:0}.radial-close{width:43px;height:43px;font-size:22px;box-shadow:0 0 0 3px #18354a}.radial-close small{font-size:7px}.radial-description{font-size:10px;line-height:1.35;padding:7px 9px;margin-top:8px;max-width:270px}.build-pages{font-size:10px;gap:3px}.build-pages button{font-size:10px;padding:6px 7px}
body.placing-structures .realm-sidebar,body.placing-structures .leaderboard{visibility:hidden}body.placing-structures #world{cursor:crosshair!important}body.overlays-hidden .realm-sidebar,body.overlays-hidden .leaderboard,body.overlays-hidden .minimap-panel,body.overlays-hidden .realm-hud,body.overlays-hidden .zoom-controls,body.overlays-hidden .controls-hint,body.overlays-hidden .direct-hint{visibility:hidden}#toggle-overlays[aria-pressed=true]{border-color:#ead095;background:#4b4a37}.game-active #toggle-overlays{display:grid}
dialog{max-height:85dvh;overflow:auto;padding:24px}#recruit-dialog{max-width:680px;width:calc(100vw - 40px)}.recruit-card{padding:13px}.recruit-card p{font-size:11px;line-height:1.4}.recruit-heading h3{font-size:18px}.recruit-traits,.recruit-price{font-size:11px}.recruit-card .secondary{font-size:12px;padding:9px}.recruit-subtitle,.recruit-foot{font-size:11px}#help-dialog p{font-size:13px;line-height:1.55}
@media(max-width:1100px){.realm-counters .territory-stat{display:none}.realm-counters{min-width:100px}.realm-hud{left:164px;right:144px}.realm-hud>.playing-banner{min-width:109px}.resources>div{min-width:65px;padding:0 7px!important}.playing-banner .kingdom-button{font-size:13px}.realm-sidebar{width:220px!important}.controls-hint.command-dock{bottom:14px}.command-dock .dock-command{width:51px!important}}
@media(max-width:800px){.game-active .brand{font-size:19px}.realm-hud{left:12px;right:12px;top:52px;min-height:40px}.realm-hud>.playing-banner{min-width:105px;flex:1}.realm-hud>.resources{flex:0 1 auto}.realm-counters{flex:0 1 auto;min-width:90px}.resources>div{min-width:61px}.realm-sidebar{bottom:79px!important;max-height:calc(100dvh - 210px)}.leaderboard{top:102px!important;width:169px!important}.direct-hint,.match-recovery{top:105px!important;left:12px;transform:none;max-width:calc(100vw - 207px);width:auto;font-size:9px}.minimap-panel{bottom:79px;width:140px!important}.minimap-panel canvas{height:84px!important}.spawn-banner{top:110px}.toast{bottom:79px!important}}
@media(max-width:500px){.realm-counters{min-width:51px}.realm-counters .army-stat{display:none}.realm-hud>.playing-banner{min-width:96px;padding-right:4px}.resources>div{min-width:54px;padding:0 5px!important;gap:1px 4px;grid-template-columns:15px auto}.resources svg,.resources .gold-coin{width:16px!important;height:18px!important}.resources b{font-size:15px}.resources small{font-size:7px}.playing-banner>.gold-diamond{width:25px;min-width:25px}.gold-diamond svg{width:25px;height:38px}.playing-banner .kingdom-button{font-size:12px}.realm-sidebar{left:8px!important;width:calc(100vw - 148px)!important}.realm-sidebar>.tile-panel{max-height:47dvh!important;padding:9px!important}.tile-panel h3{font-size:17px}.minimap-panel{right:8px;width:126px!important}.minimap-panel canvas{height:74px!important}.leaderboard{right:8px!important;width:154px!important}.command-dock .dock-command{width:52px!important}.controls-hint.command-dock{bottom:12px}.placement-info{max-width:calc(100vw - 20px)}.placement-info p{font-size:9px}.placement-info strong{font-size:13px}.radial-label{width:73px}.top-right{gap:5px}.realm-card .forces-list{max-height:30dvh}}
@media(max-height:560px){.realm-sidebar>.tile-panel{max-height:calc(100dvh - 150px)!important}.minimap-panel canvas{height:70px!important}.leaderboard-rows{max-height:35dvh!important}.radial-description{display:none}.build-radial .radial-label svg{width:16px;height:16px}.realm-sidebar{bottom:76px!important}.minimap-panel{bottom:76px}.mode-panel{padding:20px}.mode-card{padding:12px}}
.realm-hud{flex-wrap:nowrap}.tile-panel #building-upgrade{padding-top:5px;margin-top:7px}.tile-panel #upgrade-building{margin-top:3px}
@media(max-width:600px){.realm-hud{padding:4px 7px;gap:2px}.realm-counters{width:auto;border-top:0;margin:0;padding:0;flex:0 0 auto}.realm-hud>.resources{flex:0 1 auto}}
@media(max-width:500px){.realm-counters{display:none}.realm-hud>.playing-banner{flex:1 1 auto}.realm-hud .gold-diamond{width:25px;min-width:25px}.realm-hud>.resources{width:auto;flex:0 0 auto}}