/* rule.land: warm parchment, royal blue, and aged gold. No external assets. */
:root{--ink:#0b2030;--surface:#102d40;--gold:#e8c486;--cream:#f4eddd;--muted:#b9c7ca;--line:#c7ab7045;color-scheme:dark;--panel:linear-gradient(145deg,#16384ceF,#091e2ef5)}
body{background:#154a60}.vignette{box-shadow:inset 0 0 110px #061d3333;background:radial-gradient(ellipse at 52% 35%,transparent 60%,#dbe5da0c 90%,#d3dcd32b 115%)}
button{transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}button:focus-visible{outline:2px solid #f4d68e;outline-offset:3px}button:hover:not(:disabled){filter:none}
.topbar{padding:18px 26px;align-items:flex-start}.brand{gap:12px;font:32px Georgia,serif;letter-spacing:.5px;text-shadow:0 2px 8px #061b2f}.top-right{gap:7px;align-items:center}.build-label{font-size:8px;border-color:#cfb78677;background:#112c4199;border-radius:5px;color:#e7cea0}.quiet-button{color:#d1dbe0}.quiet-button:hover{color:#ffe0a6}.top-right>button{display:grid;place-items:center;min-height:42px;background:var(--panel);border:1px solid #d5b87888;border-radius:8px;padding:10px 14px;color:#f6e9cc;box-shadow:inset 0 0 0 3px #ffffff06,0 3px 8px #061b2c44}.top-right>button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}.top-right #help-button{display:none}.game-active .top-right #help-button{display:grid}#menu-button span{display:none}
.glass,dialog{background:var(--panel);border:1px solid #d6b573bc;box-shadow:inset 0 0 0 3px #efdba00a,0 8px 25px #071d3440;border-radius:12px;backdrop-filter:none}.glass:focus-within{border-color:#e7ca91}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#e4c388}h2,h3{color:#f3ecdd}
.home{background:linear-gradient(90deg,#081c2bf5,#0b2333d9 27%,#0d2f4133 65%,#0d2f4100)}.home-copy{left:8%;top:49%}.home-copy .eyebrow{letter-spacing:2.8px;font-size:10px}h1{font-size:clamp(74px,8vw,126px);letter-spacing:-4px;margin-top:20px;margin-bottom:18px;color:#e7c78e}h1 sup{display:none}.home-copy p{color:#d2dcd7;font-size:25px;line-height:1.5;margin-top:22px}.primary{background:linear-gradient(135deg,#ead29c,#be9456);border:1px solid #f4da9e;border-radius:7px;box-shadow:inset 0 0 0 3px #fff4c530,0 4px 18px #061e3540;color:#102d3e}.primary:hover:not(:disabled){background:linear-gradient(135deg,#f5dea6,#d5ad69);box-shadow:0 0 20px #dec08027,inset 0 0 0 3px #fff4c530}.home-copy .primary{width:262px;min-height:59px;font-size:18px}.home-note{color:#a4b8c0}.world-caption{text-shadow:0 2px 8px #123b48}.home-footer{color:#d1d9d1ab}.home-footer b{color:#eadcc0}.overlay{background:#061c2bc9;backdrop-filter:blur(6px)}.mode-panel{padding:34px;background:var(--panel);border:1px solid #d7b77c88;border-radius:14px;box-shadow:0 30px 100px #03162599}.back{margin:0 0 20px}.mode-card{background:linear-gradient(120deg,#264558,#133046);border:1px solid #bda87588;border-radius:8px;padding:22px 18px}.mode-card:not(:disabled):hover{background:#284d63;border-color:#edcd8b}.mode-icon{font-size:37px}.locked{background:#0e293b;border-color:var(--line)}.mode-foot{font-size:10px;line-height:1.4}
.realm-hud{position:absolute;top:12px;left:285px;right:162px;min-height:66px;display:flex;align-items:center;padding:0 13px 0 0;border-radius:0 0 12px 12px;gap:0}.realm-hud:has(.playing-banner[hidden]){display:none}.realm-hud>.playing-banner{position:static;transform:none;flex:1;gap:12px;min-width:175px;padding:8px 15px 8px 0;background:none;border:0;box-shadow:none}.playing-banner .eyebrow{display:none}.playing-banner .kingdom-button{font-size:20px;padding:0}.playing-banner>.gold-diamond{display:block;align-self:stretch;width:49px;min-width:49px;position:relative;margin:-9px 0 -18px -2px}.gold-diamond svg{width:49px;height:76px;overflow:visible;filter:drop-shadow(2px 5px 3px #071a2b66)}.gold-diamond svg path:first-child{fill:#226399;stroke:#e4bb73;stroke-width:1.7}.gold-diamond svg path+path{fill:#ecc775;stroke:#fae1a1;stroke-width:.5}.realm-hud>.resources{position:static;transform:none;padding:0;gap:0;border:0;box-shadow:none;background:none}.resources>div{min-width:88px;padding:0 14px;display:grid;grid-template-columns:22px auto;gap:2px 8px;border-right:1px solid #aab4b033;height:42px}.resources>div:first-child{padding-left:14px;border-left:1px solid #aab4b033}.resources>div:last-child{padding-right:14px;border-right:1px solid #aab4b033}.resources svg,.resources .gold-coin{grid-row:1/3;align-self:center;width:25px;height:28px;stroke:#c79761}.resources>div:nth-child(2) svg{stroke:#d0d9db}.resources span:not(.gold-coin){font-size:0;gap:0}.resources b{font-size:22px;line-height:1.1}.resources small{grid-column:2;font:9px Arial;color:#bdcdd0;height:11px}.gold-coin{display:grid;place-items:center;font-size:18px!important;color:#f2cf77;text-shadow:0 1px 2px #654a13;background:linear-gradient(135deg,#ffe6a0,#bc8c37);border:2px solid #b59450;border-radius:50%;width:23px!important;height:23px!important}
.realm-counters{display:flex;align-items:center;justify-content:space-evenly;flex:1;min-width:193px}.realm-counters .stat{border:0;padding:0 10px;gap:3px;min-width:59px}.stat b{font-size:21px;color:#f4e8cb}.stat span{font-size:9px;white-space:nowrap;color:#c3ced0}.territory-stat b{color:#f4e8cb}
.realm-card{position:absolute;left:24px;top:108px;width:254px;padding:17px 12px 12px;pointer-events:auto}.realm-card>.eyebrow{margin-left:7px}.realm-card>h2{font-size:27px;margin:5px 7px 7px}.realm-card>p{font-size:11px;color:var(--muted);margin:0 7px 14px}.realm-card .forces-panel{position:static;width:100%;border:0;background:none;box-shadow:none;padding:0}.forces-toggle{border:1px solid #cdb47c6b;border-radius:7px;background:#163448;color:#eed3a0;padding:14px 11px;min-height:52px;font-size:12px}.forces-toggle:before{content:'⚔';font:24px Georgia;margin-right:14px;vertical-align:middle;color:#ebc885}.forces-toggle:hover,.realm-action:hover{background:#28495b}.forces-list{max-height:210px;padding:3px 0 5px}.force-row{background:#15344a;border-color:#69818d66;border-radius:5px;color:#e0e8df}.force-row[aria-pressed=true]{background:#235879;border-color:#e1c18a}.realm-action{display:flex;align-items:center;gap:12px;width:100%;margin-top:8px;text-align:left;padding:10px 11px;background:#112c3f99;border:1px solid #73859370;border-radius:7px;color:#e9e7dc}.realm-action svg{width:27px;height:30px;fill:none;stroke:#e6c183;stroke-width:1.5;flex-shrink:0}.realm-action span{display:grid;gap:5px}.realm-action strong{font-size:13px;font-weight:400}.realm-action small{font-size:10px;color:#bcc9cc}.realm-action i{margin-left:auto;font:24px Georgia;color:#e6c183}
.map-meta,.compass{display:none}.leaderboard{top:108px;right:24px;width:238px;padding:16px 12px 10px;background:var(--panel)}.leaderboard summary{padding:0 5px 12px 32px;position:relative;border-bottom:1px solid #aebbb344;margin-bottom:7px}.leaderboard summary>span{color:#e6c486;font-size:9px}.leaderboard summary b{font-size:24px}.leaderboard summary small{font-size:10px;color:#c2cdd0}.leaderboard-rows{gap:2px;max-height:calc(100dvh - 476px)}.leaderboard-row{min-height:26px;font-size:11px;padding:5px;grid-template-columns:14px 8px 1fr auto;gap:9px;color:#ecf0e9}.leaderboard-row b{font-size:11px;color:#f3ebdb}.leaderboard-row.is-you{border:1px solid #5596c1;background:#135078a1;padding:4px}.leaderboard-row i{width:8px;height:8px;box-shadow:0 0 7px #9cc5ce22}.leaderboard-rank,.leaderboard-note{color:#afc3ca}.leaderboard-note{font-size:8px}.match-active .zoom-controls,.zoom-controls{right:276px;top:calc(50% - 98px);padding:6px 3px;border-radius:10px}.zoom-controls button{height:37px;width:35px;font-size:24px}.zoom-controls span{color:#c0cece;font-size:9px}
.minimap-panel{right:24px;bottom:24px;width:238px;padding:12px 10px 10px}.minimap-title{font-size:10px;letter-spacing:1.5px;color:#efddba;align-items:center;margin:0 0 10px}.minimap-title:before{content:'⌖';font-size:20px;color:#e3be7d;margin-right:6px}.minimap-title span+span{font-size:9px;margin-left:auto;color:#b3c4c9}.minimap-panel canvas{height:150px;background:#0b324a;border:1px solid #52728266;border-radius:6px}.map-key{font-size:9px;gap:12px;color:#d9e2df}.map-key i{width:7px;height:7px;border-radius:2px}.water-key{background:#3e9dae}.land-key{background:#97af77}
.tile-panel{left:24px;bottom:122px;width:254px;padding:19px 16px;max-height:calc(100dvh - 454px);scrollbar-width:thin;scrollbar-color:#71818b transparent}.tile-panel h3{font-size:23px;line-height:1.2;padding-right:9px}.tile-panel p{color:#bfced0;font-size:12px;line-height:1.5}.panel-close{position:absolute;right:8px;top:7px;border:0;background:none;color:#b9c9ce;font-size:20px;padding:2px 6px}.secondary{border:1px solid #cbb17b66;background:linear-gradient(120deg,#b5975720,#7d9eb713);border-radius:5px;color:#efce96}.secondary:hover:not(:disabled){border-color:#e6c384;background:#45607055}.coordinates{color:#b6c8ce;letter-spacing:.5px}.claim-status{background:#83bce70b;padding:8px 10px;font-size:11px;border-radius:0 4px 4px 0}#building-stats,#unit-stats,#combat-status{color:#cdd9d7}#upgrade-cost{color:#f0cb89}.cancel-route,#dismiss-unit{color:#b6c2c8}.combat-buttons{gap:5px}#hold-unit,#auto-combat{padding:8px;font-size:10px}.tile-panel:has(#soldier-actions:not([hidden])){max-height:calc(100dvh - 424px)}
.controls-hint.command-dock{bottom:24px;left:50%;transform:translateX(-50%);gap:0;padding:4px;background:var(--panel);border:1px solid #d8b77aca;box-shadow:inset 0 0 0 3px #e2c78c12,0 5px 30px #102b4459;border-radius:13px;text-shadow:none;z-index:8;pointer-events:auto}.command-dock .dock-command{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;border:0;border-right:1px solid #a7bcc03b;background:transparent;border-radius:0;width:83px;min-width:0;height:69px;padding:7px 13px;color:#e8edf0;font:12px Arial}.command-dock .dock-command:last-child{border-right:0}.command-dock .dock-command svg{width:23px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.command-dock #dock-select svg{fill:currentColor;stroke-width:.7}.command-dock #erase-button svg{fill:#d48272;stroke:#efb3a0}.command-dock .dock-command kbd{position:absolute;right:6px;top:4px;font-size:8px;background:none;border:0;color:#a9bbc3;padding:0;opacity:.7}.command-dock .dock-command[aria-pressed=true],.command-dock .dock-command.is-active{background:linear-gradient(130deg,#bda16c50,#75634032);border:1px solid #e3bf7e;border-radius:9px;color:#ffe0a4;box-shadow:inset 0 0 10px #e7c17b15}.command-dock .dock-command:hover{background:#ffffff0c}.map-guide{position:absolute;bottom:111px;left:50%;transform:translateX(-50%);color:#edf3e7;font-size:10px;display:flex;gap:10px;text-shadow:0 1px 5px #102e32;white-space:nowrap}.map-guide i{color:#e9cd90;font-size:7px;padding-top:2px}.town-life{top:83px;left:50%;background:#0d2b3dda;border-color:#ddbf804d;box-shadow:none;font-size:10px;padding:5px 11px}.direct-hint{top:115px;background:#0d2b3deb;border-color:#dbbe84;color:#ffe0a1}.match-recovery{top:112px}.toast{bottom:145px;background:#102d40f5;border-color:#ddc18c;z-index:9;font-size:13px;border-radius:8px;padding:12px 20px;max-width:450px}.placement-info{bottom:142px;border-color:#a9cabb;z-index:8}.placement-info:not([hidden])~.toast{bottom:280px}.spawn-banner{top:103px;min-width:530px;background:var(--panel)}.timer-ring{background:#1f4d69;box-shadow:0 0 0 5px #dfc48712}.spawn-banner~.tile-panel{max-height:calc(100dvh - 270px)}.game-active:not(.match-active) .tile-panel{bottom:30px}
.radial-disc{background:#0d283e;border:1px solid #e1bf80;box-shadow:0 20px 65px #061629aa,0 0 0 5px #123046cc,inset 0 0 0 8px #e7c78714;backdrop-filter:none}.radial-option{background:linear-gradient(135deg,#1c4055,#0d293e)}.radial-option:hover:not(:disabled),.radial-option:focus-visible{background:#3c5661}.radial-option[aria-disabled=true]{background:#10283a;color:#a6b9c2}.radial-option[aria-disabled=true] small{color:#9aabb1}.radial-label svg{width:29px;height:29px;stroke:#edc887}.radial-label strong{font-size:17px}.radial-label small{color:#c7d6d6;font-size:10px}.radial-label kbd{color:#d5bd84}.radial-close{background:#17364a;border:1px solid #d7b678;box-shadow:0 0 0 6px #0b253b}.radial-description,.build-pages{background:var(--panel);border-color:#d4b77c99;border-radius:7px}.build-pages button{color:#b4c5cc}.build-pages button[aria-pressed=true]{background:#bb9a5b30;color:#f3d8a2}.radial-description{color:#d1d9d7}
dialog{padding:34px;border-radius:12px;box-shadow:0 25px 100px #021422aa}dialog::backdrop{background:#061b2dbb;backdrop-filter:blur(5px)}dialog h2{font-size:33px}dialog p{color:#bdcdd0}.recruit-card{background:linear-gradient(145deg,#1a3b50,#0e2a3e);border-color:#bda57666;border-radius:8px}.recruit-locked{background:#0d2638}.unit-emblem{background:#bcaa791a;border-color:#d5bb7b77;color:#e6cf9b;border-radius:9px}.recruit-summary{background:#0b2439;border-radius:6px}.recruit-traits,.recruit-price span{color:#b5c8ce}.recruit-reason{color:#b8b7a1}#recruit-feedback{color:#c3d8be}#kingdom-roadmap li{background:#122e42;border-radius:7px}#kingdom-roadmap strong{color:#c3d2d3}#kingdom-roadmap span{color:#aebfc3}#kingdom-roadmap .current{background:#9c834c27;border-color:#dabe85}#kingdom-roadmap .unlocked strong,#kingdom-roadmap .unlocked>b{color:#f0debc}
@media(min-width:1500px){.realm-hud{left:360px;right:180px}.realm-hud>.playing-banner{min-width:200px}.realm-card,.tile-panel{width:278px}.leaderboard,.minimap-panel{width:264px}.leaderboard-row{min-height:29px;font-size:12px}.leaderboard-row b{font-size:12px}.match-active .zoom-controls{right:302px}.minimap-panel canvas{height:177px}.resources>div{min-width:115px}.realm-counters .stat{min-width:77px}.command-dock .dock-command{width:97px}.realm-card{padding:18px 12px 12px}.tile-panel{max-height:calc(100dvh - 470px)}}
@media(max-width:1150px){.brand{font-size:25px}.realm-hud{left:230px;right:143px}.realm-hud>.playing-banner{min-width:140px;padding-right:10px;gap:6px}.playing-banner .kingdom-button{font-size:16px}.realm-hud .gold-diamond{width:36px;min-width:36px}.gold-diamond svg{width:36px;height:63px}.resources>div{min-width:72px;padding:0 8px;grid-template-columns:18px auto;gap:2px 5px}.resources>div:first-child{padding-left:8px}.resources>div:last-child{padding-right:8px}.resources svg{width:20px}.resources b{font-size:19px}.realm-counters{min-width:144px}.realm-counters .stat{min-width:46px;padding:0 6px}.stat b{font-size:18px}.stat span{font-size:8px}.realm-card,.tile-panel{width:226px;left:18px}.leaderboard,.minimap-panel{width:207px;right:18px}.match-active .zoom-controls{right:237px}.leaderboard-row{font-size:10px;gap:6px}.leaderboard summary b{font-size:22px}.command-dock .dock-command{width:72px}.tile-panel{bottom:115px}.map-guide{font-size:9px}}
@media(max-width:900px){.topbar{padding:12px 16px}.realm-hud{top:70px;left:16px;right:16px;min-height:59px}.realm-hud>.playing-banner{min-width:140px}.realm-card{top:145px;width:210px;padding:12px 9px 9px}.realm-card>h2{font-size:22px}.realm-card>p{display:none}.realm-card>.eyebrow{font-size:8px}.realm-card .forces-toggle{min-height:42px;padding:9px;font-size:11px}.realm-action{padding:7px 9px}.realm-action strong{font-size:12px}.realm-action small{font-size:9px}.realm-action svg{width:22px;height:26px}.leaderboard{top:145px}.leaderboard summary{margin-bottom:0;padding-bottom:4px}.leaderboard-rows{max-height:calc(100dvh - 441px)}.match-active .zoom-controls,.zoom-controls{right:18px;top:265px}.leaderboard[open]~*{}.minimap-panel{bottom:112px;width:158px;padding:9px}.minimap-panel canvas{height:100px}.minimap-title{font-size:8px;letter-spacing:.5px}.minimap-title span+span{display:none}.map-key{gap:7px;font-size:8px}.tile-panel{left:18px;bottom:112px;width:230px;max-height:calc(100dvh - 482px)!important;min-height:140px}.tile-panel:has(#soldier-actions:not([hidden])){max-height:calc(100dvh - 435px)!important}.command-dock .dock-command{width:81px;height:61px}.controls-hint.command-dock{bottom:17px}.map-guide{bottom:95px}.town-life{top:132px;font-size:8px;padding:3px 8px}.direct-hint,.match-recovery{top:171px;max-width:300px}.toast{bottom:136px;max-width:330px}.spawn-banner{top:150px;width:calc(100% - 36px);min-width:0}.game-active:not(.match-active) .tile-panel{max-height:calc(100dvh - 400px)!important;bottom:113px}.placement-info{bottom:135px;max-width:330px}.placement-info:not([hidden])~.toast{bottom:280px}.forces-list{max-height:170px}}
@media(max-width:600px){.brand{font-size:23px}.top-right>button{min-height:37px;padding:8px 10px}.home-copy{top:46%}.home-copy .eyebrow{font-size:8px;letter-spacing:1.3px}.home-copy p{font-size:22px}.home{background:linear-gradient(90deg,#081e2bed,#0a293b8a)}.mode-panel{padding:24px 18px}.mode-card{padding:18px 14px}.realm-hud{top:65px;left:10px;right:10px;padding:5px 9px;flex-wrap:wrap;border-radius:9px;gap:3px}.realm-hud>.playing-banner{width:auto;min-width:119px;padding:0;flex:1}.realm-hud .gold-diamond{width:28px;min-width:28px;margin:0}.gold-diamond svg{width:26px;height:39px}.playing-banner .kingdom-button{font-size:14px}.realm-hud>.resources{width:auto;flex:2;justify-content:flex-end}.resources>div{min-width:0;padding:0 5px!important;grid-template-columns:14px auto;gap:1px 4px;height:32px;flex:0}.resources b{font-size:16px}.resources svg{width:17px;height:21px}.resources small{font-size:7px}.resources .gold-coin{width:16px!important;height:16px!important;font-size:10px!important;border-width:1px}.realm-counters{width:100%;flex:none;justify-content:space-evenly;padding:3px 0;border-top:1px solid var(--line)}.realm-counters .stat{display:flex;gap:5px;align-items:center;padding:0 7px}.stat b{font:14px Georgia}.stat span{font-size:8px}.realm-card{top:155px;left:10px;width:162px;padding:8px}.realm-card>h2,.realm-card>.eyebrow,.realm-card>.realm-action{display:none}.realm-card .forces-toggle{font-size:9px;padding:6px;min-height:36px}.forces-toggle:before{font-size:19px;margin-right:5px}.realm-card .forces-panel{width:100%}.realm-card:has(.forces-list:not([hidden])){width:calc(100% - 20px);z-index:12}.leaderboard{top:155px;right:10px;width:169px;padding:10px}.leaderboard summary{padding:0 0 0 24px}.leaderboard summary b{font-size:18px}.leaderboard summary>span{font-size:7px}.leaderboard summary small{font-size:8px}.leaderboard-rows{max-height:205px;margin-top:9px}.leaderboard-row{font-size:9px;padding:3px;grid-template-columns:12px 6px 1fr auto;gap:4px}.leaderboard-row b{font-size:9px}.leaderboard-note{font-size:7px}.match-active .zoom-controls,.zoom-controls{top:238px;right:10px;padding:2px}.zoom-controls button{height:30px;width:30px;font-size:20px}.minimap-panel{bottom:108px;right:10px;width:124px;padding:7px}.minimap-panel canvas{height:82px}.minimap-title{margin-bottom:6px;font-size:7px}.minimap-title:before{font-size:14px}.map-key{font-size:7px;gap:6px}.tile-panel{bottom:108px;left:10px;width:calc(100% - 154px);min-height:0;max-height:calc(100dvh - 325px)!important;padding:14px 11px}.tile-panel:has(#soldier-actions:not([hidden])){max-height:calc(100dvh - 325px)!important}.tile-panel .eyebrow{font-size:8px}.tile-panel h3{font-size:20px}.tile-panel p{font-size:11px}.tile-panel .secondary{font-size:11px}.coordinates{font-size:9px}.command-dock .dock-command{width:62px;min-width:0!important;height:58px;font-size:10px;padding:5px;gap:5px}.command-dock .dock-command svg{width:21px;height:22px}.command-dock .dock-command kbd{font-size:7px}.controls-hint.command-dock{bottom:16px;padding:3px}.map-guide{bottom:89px;font-size:8px;gap:7px}.town-life{top:139px;max-width:95%;overflow:hidden;text-overflow:ellipsis}.direct-hint,.match-recovery{top:207px;width:calc(100% - 100px);left:10px;transform:none;font-size:9px}.toast{bottom:155px;width:calc(100% - 30px);font-size:11px;max-width:none}.placement-info{bottom:143px;width:calc(100% - 30px);max-width:none}.spawn-banner{top:152px;width:calc(100% - 20px);padding:13px}.spawn-banner h2{font-size:19px}.spawn-banner p{font-size:11px}.game-active:not(.match-active) .tile-panel{bottom:108px;width:calc(100% - 154px);max-height:calc(100dvh - 385px)!important}.home-footer{font-size:9px}.radial-label strong{font-size:16px}.radial-label svg{width:25px;height:25px}}
@media(max-height:720px) and (min-width:901px){.realm-card{top:96px;padding-top:12px}.realm-card>p{display:none}.realm-card>h2{font-size:22px;margin-bottom:10px}.realm-action{padding:7px 10px}.forces-toggle{min-height:43px;padding:9px 10px}.tile-panel{bottom:109px;max-height:calc(100dvh - 420px)!important;min-height:150px}.leaderboard{top:96px}.leaderboard-row{min-height:22px;padding:3px}.leaderboard-rows{max-height:calc(100dvh - 373px)}.minimap-panel{bottom:22px;width:207px}.minimap-panel canvas{height:103px}.command-dock .dock-command{height:61px}.map-guide{bottom:100px}.town-life{top:81px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
.realm-sidebar{position:absolute;left:24px;top:108px;bottom:122px;width:254px;display:flex;flex-direction:column;gap:14px;pointer-events:none}
.realm-sidebar>.realm-card,.realm-sidebar>.tile-panel{position:relative!important;left:auto!important;top:auto!important;bottom:auto!important;width:100%;max-height:none!important;min-height:0!important;margin:0;pointer-events:auto}
.realm-sidebar>.realm-card{flex:0 0 auto}.realm-sidebar>.tile-panel{flex:0 1 auto;overflow-y:auto}.realm-sidebar:has(.forces-list:not([hidden])) .tile-panel{display:none}
@media(min-width:1500px){.realm-sidebar{width:278px}}
@media(max-width:1150px){.realm-sidebar{left:18px;width:226px}}
@media(max-width:900px){.realm-sidebar{top:145px;bottom:112px;width:210px;gap:10px}}
@media(max-width:600px){.realm-sidebar{top:155px;left:10px;bottom:108px;width:calc(100% - 154px);gap:10px}.realm-sidebar .realm-card:has(.forces-list:not([hidden])){width:calc(100vw - 20px);z-index:12}.game-active:not(.match-active) .realm-sidebar{top:330px}}
@media(max-height:720px) and (min-width:901px){.realm-sidebar{top:96px;bottom:109px;gap:12px}}

.unit-emblem{width:60px;height:58px;flex:0 0 60px;overflow:hidden}.unit-emblem canvas{width:60px;height:58px;display:block}.recruit-heading{gap:10px}
.command-dock .dock-command>span{display:block!important}
.resources>div{flex:0 0 auto}
@media(max-width:600px){.realm-sidebar{width:162px}.realm-sidebar>.tile-panel{position:absolute!important;bottom:0!important;width:calc(100vw - 154px);max-height:42dvh!important}.leaderboard[open]{z-index:10}.realm-hud>.resources{flex:0 1 auto}.realm-hud>.playing-banner{flex:1 1 auto}.resources b{font-size:15px}.resources>div{padding:0 4px!important}.realm-counters{margin-top:2px}}