/* rule.land: warm materials, quiet chrome, and space for the city. */
:root{--cream:#f5f1df;--gold:#e9bc70;--muted:#becabd;--line:#839b8b55;--panel:#1c3032f5;--ink:#192e32}
.arcade .glass,.arcade dialog,.arcade .mode-panel{background:var(--panel);border:1px solid #809487;border-radius:12px;box-shadow:0 3px 0 #11242680,0 8px 24px #10242630}
.arcade .eyebrow{color:#b1c8b1}.arcade .vignette{opacity:.16}
.arcade .primary{background:#e8bb71;border-color:#ffdda3;border-bottom-color:#a1763e;color:#293a34;border-radius:10px}
.arcade .primary:hover{background:#f2cf8f}.arcade .secondary{background:#34514f;border-color:#69857a;border-bottom-color:#152f31;color:#f6f2df;border-radius:8px}
.arcade .secondary:hover:not(:disabled){background:#466862;border-color:#a6c1a2}
.arcade .quiet-button,.arcade .tile-panel p{color:#c8d5ca}.arcade .quiet-button:hover{background:#344e4c}
.arcade.game-active .brand{color:#f2dfb1;text-shadow:0 2px 2px #13303280}.arcade.game-active .top-right>button{background:#263e3f;border-color:#6d8980;border-bottom-color:#152c2e}
.arcade .realm-hud{background:#203638f2;border-color:#7a9183;border-radius:10px}
.arcade .playing-banner .kingdom-button{color:#ebd3a3}.arcade .resources>div{background:#2a4444;border-radius:7px}
.arcade .resources span,.arcade .resources small,.arcade .realm-counters .stat span{color:#bfccbd}.arcade .resources b,.arcade .realm-counters .stat b{color:#fff2d2}
.arcade-nav{gap:4px}.arcade-nav button{background:#263e3fed;border-color:#708980;border-bottom:2px solid #173033;border-radius:8px;color:#e9eee0;padding:7px 10px}
.arcade-nav button:hover,.arcade-nav button[aria-expanded=true]{background:#43605b;border-color:#c5d3b6}
.arcade .arcade-objective{background:#213b3de8}.objective-icon{background:#e9c27b;color:#2a413a;border-radius:8px}
.arcade-objective small{color:#bed1bd}.arcade-objective b{color:#f0d598}.arcade-objective button{color:#b9ded0}
.arcade .arcade-social{background:#203638e8;border-color:#728c7d}
.arcade .leaderboard summary b,.arcade .minimap-title{color:#ecebda}.arcade .leaderboard summary small{color:#bfd1c8}.arcade .leaderboard-row.is-you{background:#365557}.arcade .leaderboard[open] summary{border-color:#536e67}
.arcade .minimap-panel{background:#1c3437f5;border-color:#7d9786;border-radius:10px}.arcade .minimap-panel canvas{border-radius:5px}
.arcade .map-mode{background:#314d4d;border-color:#668880;color:#ecf2df}.arcade .map-mode[aria-pressed=true]{background:#3c5a48;border-color:#91b99a}
.arcade .zoom-controls{background:#213b3def;border-color:#6f8e82}.arcade .zoom-controls button{color:#e9dfc2}
.arcade .controls-hint.command-dock{background:#213639f5;border:1px solid #8c9d89;border-radius:12px;box-shadow:0 4px 0 #142b2d80;padding:5px}
.arcade .command-dock .dock-command{background:#314b4c;color:#dce6d7;border-radius:8px!important;height:51px!important}
.arcade .command-dock .dock-command:hover{background:#4a6560}.arcade .command-dock .dock-command[aria-pressed=true],.arcade .command-dock .dock-command.is-active{background:#4a6a60;border-color:#c5d4b7;box-shadow:inset 0 -2px 0 #263f3c}
.arcade .command-dock .dock-command kbd{background:#203b3b;color:#c1d2c2}.arcade .command-dock #build-button{background:#e7bc79;border-color:#ffe0a9;border-bottom-color:#9c7744;color:#293c34}
.arcade .realm-sidebar>.tile-panel{background:#21383bf5;border:1px solid #8b9e8c;border-radius:11px;padding:12px!important}
.arcade .tile-panel h3{font-size:20px;color:#f3e7c8}.arcade .panel-close{background:#3c5651;color:#e5edd9;border-radius:6px}
.arcade .selection-snapshot{background:#162d30;border-radius:6px}.arcade .selection-status strong{color:#d8e4c5}.arcade .selection-status b{color:#bfcebe}.arcade .selection-snapshot p{color:#c8d7c6!important}
.arcade .selection-details{border-color:#536e67}.arcade .selection-details summary{color:#afc7b3}.arcade .claim-status{background:#304b47;color:#d0ddc7}.arcade .health-track{background:#354d4b}
.arcade .force-row,.arcade .finder-row,.arcade .recruit-card{background:#2a4445;border-color:#657f74}.arcade .finder-emblem{background:#3c5753;color:#e8ca88}.arcade .finder-row small,.arcade .force-row small{color:#bccdc0}
.arcade .mode-card{background:#304d4b;border-color:#718d79;border-bottom-color:#1a3131}.arcade .mode-card:hover:not(:disabled){background:#416354;border-color:#b0c49b}.arcade .mode-card.locked{background:#243b3d;border-color:#516962}.arcade .mode-icon{background:#425e52;color:#edc789}
.arcade .dev-option{background:#263f40;border-color:#647e75}.arcade .dev-option strong{color:#e3d3a9}.arcade .dev-option small{color:#bdcbbf}.arcade .dev-option input{accent-color:#d6ad72}
.arcade .home{background:linear-gradient(90deg,#172e33eb 0%,#2445407a 44%,transparent 76%)}
.arcade .home-copy h1{font-family:Georgia,serif;letter-spacing:-5px;font-weight:700;text-shadow:0 3px 0 #152e2c,0 12px 30px #1c372d44}.arcade .home-copy h1 span{color:#ebca8f}
.arcade .home-copy p{color:#e2ebd7}.arcade .home-copy .eyebrow{color:#bdd7aa}.arcade #play{border-radius:11px}.arcade .home-note{color:#c4d4bb}
/* The build wheel previews the same artwork that will be placed on the map. */
.arcade .radial-disc{background:#203b3a;border:2px solid #b1b795;box-shadow:0 5px 0 #102928,0 12px 30px #122b3440}
.arcade .radial-option{background:#35534c}.arcade .radial-option:hover,.arcade .radial-option:focus-visible{background:#50715a}
.arcade .radial-option[aria-disabled=true]{background:#283d3a}.arcade .radial-label{gap:2px;width:87px}.arcade .radial-label>svg{display:none}
.arcade .building-thumbnail{display:block;width:60px;height:44px;pointer-events:none}.arcade .radial-option[aria-disabled=true] .building-thumbnail{opacity:.5}
.arcade .radial-label strong{font-size:12px;color:#f7eed7}.arcade .radial-label small{font-size:9px;line-height:1.2;color:#d0dec5}.arcade .radial-label kbd{background:#203a32;color:#d7e3c6}
.arcade .radial-close{background:#e6c081;border-color:#ffdfaa;color:#294134;box-shadow:0 0 0 3px #203b3a}
.arcade .build-pages{background:#203939;border-color:#82957f;border-width:1px;border-radius:8px}.arcade .build-pages button{color:#c9d8c0}.arcade .build-pages button[aria-pressed=true]{background:#dfbb7c;color:#293d33}
.arcade .radial-description{background:#243c39f5;border-color:#789076;border-radius:8px;color:#dce6ce;font-size:10px;min-height:36px;padding:8px}
.arcade .placement-info{background:#213b36f2;border:1px solid #96b58e;box-shadow:0 4px 16px #17312b30}.arcade .placement-info.invalid{background:#503830f2;border-color:#ce9d7c}
.arcade .direct-hint{background:#304f43ec;border-color:#b5c68e;color:#eee5bd}.arcade #toast{background:#213c3aec;border-color:#93aa8c;color:#f2ebd0}
@media(max-height:600px){.arcade .building-thumbnail{height:32px;width:44px}.arcade .radial-label{gap:1px}.arcade .radial-label strong{font-size:11px}.arcade .radial-label small{font-size:8px}}

/* Camera presets live with the minimap, away from the playing field. */
.camera-views{display:flex;gap:3px;margin-top:7px}.camera-views button{flex:1;min-width:0;padding:6px 2px;border:1px solid #658679;border-radius:5px;background:#2c4947;color:#dfebd8;font:700 10px 'Trebuchet MS',sans-serif}.camera-views button:hover{background:#4d6b5e}.camera-views button[aria-pressed=true]{background:#ebc682;border-color:#ffe4b2;color:#273b32}.collapsed .camera-views{display:none}