body { background:radial-gradient(ellipse at 50% 0,#fffbed,#e6e8d8); color:#284b3d; }
.console { background:#f4efe0; border:1px solid #bac8ac; border-radius:24px; box-shadow:0 18px 60px #465c3e22; padding:20px 24px; gap:12px; }
.top-bar { background:transparent; border:0; border-radius:0; border-bottom:1px solid #8aa18540; box-shadow:none; padding:0 0 16px; }
.tb-title h1 { font-family:'Bricolage Grotesque',system-ui,sans-serif; font-size:30px; letter-spacing:-.04em; color:#284b3d; }
.tb-eyebrow { color:#7f704f; }
.tb-back { color:#3d6650; background:#fffcf4; }
.stats .l { color:#68765c; }
.stats .v { color:#356854; }
.stage-wrap { padding:6px; border:1px solid #c3b496; background:#ddcba6; box-shadow:0 10px 25px #75633f22; border-radius:20px; }
#board { border-radius:16px; }
.roster { gap:10px; color:#45634e; }
.roster .ent { padding:6px 11px; background:#e8e6d7; border:1px solid #bdc5ad; border-radius:30px; }
.roster .ent.cur { color:#204f3d; background:#d7e6cd; border-color:#84a679; }
.console > .turn,.console > .hint { color:#52684e; text-shadow:none; }
.controls button { background:#35634d; color:#fff9e9; box-shadow:none; border-radius:10px; }
.controls button.ghost { color:#35634d; border:1px solid #a8b49b; background:transparent; }
.tut-switch { color:#45634e; text-shadow:none; }
.tut-track { border-color:#9fb192; background:#bfcab1; }
@media(max-width:650px){ .console { padding:14px 10px; } .tb-title h1{font-size:25px;} .top-bar { gap:12px; } .roster { gap:5px; }.roster .ent{font-size:11px;padding:5px 8px;} }
.console > .turn,.console > .hint { color:#52684e !important; text-shadow:none; }
.console > .controls a > button.ghost { color:#35634d; border-color:#a8b49b; }
.console > .controls a > button.ghost:hover { color:#234d36; border-color:#547d58; }