:root{--accent:#23372d;--accent2:#d8ef72;--site-surface:#e9efdc;--site-text:#203128;--site-hero:#cad5b5;--site-border:#23372d}
.game-page{background:#b9c2aa;background-image:linear-gradient(rgba(35,55,45,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(35,55,45,.08) 1px,transparent 1px);background-size:8px 8px;font-family:"Courier New",monospace}
.game-layout{width:min(980px,calc(100% - 24px))}
.game-topbar{padding:14px 18px;background:#23372d;color:#eaf3dc;border:4px solid #151f19;box-shadow:6px 6px 0 #7d8976}
.game-title h1{font-family:"Courier New",monospace;text-transform:uppercase;font-size:25px}.game-title p{color:#aebea5}.brand{padding:6px 9px;border:2px solid #d8ef72;color:#d8ef72;font-weight:900;font-size:12px}
.icon-btn,.action-btn{background:#d8ef72;border:2px solid #151f19;box-shadow:3px 3px 0 #151f19;border-radius:0}.icon-btn:hover,.action-btn:hover{background:#efffa5}
.stage-wrap{grid-template-columns:1fr}.side-panel{order:-1;grid-template-columns:180px 180px 1fr}.side-panel .panel-box{grid-column:auto}.stage{min-height:620px;padding:22px;background:#777f71;border:8px solid #e2e3d3;box-shadow:inset 0 0 0 5px #252d27,8px 8px 0 rgba(35,55,45,.28);animation:screenOn .45s ease-out}
#game{width:min(560px,100%);aspect-ratio:1;background:#d6dfbb;border:5px solid #263a2e;filter:saturate(.72) contrast(1.08)}
.stage:before{content:"";position:absolute;inset:10px;pointer-events:none;border:2px dashed rgba(35,55,45,.28)}
.stat,.panel-box{background:#d6dfbb;border:3px solid #25382d;box-shadow:4px 4px 0 #7d8976}.stat-label{color:#425347}.stat strong{font-family:"Courier New",monospace;color:#21362a}.panel-box h2{font-family:"Courier New",monospace;text-transform:uppercase}.primary-btn{background:#23372d}.overlay{background:rgba(25,34,28,.86)}.overlay-card button{background:#d8ef72;border:3px solid #17201a;box-shadow:4px 4px 0 #17201a}
button{transition:transform .14s ease,filter .14s ease}button:active{transform:translate(2px,2px)}@keyframes screenOn{from{opacity:0;transform:scale(.985);filter:brightness(1.35)}to{opacity:1;transform:none;filter:none}}
@media(max-width:900px){.stage-wrap{grid-template-columns:1fr}.stage{min-height:0}.stage{order:0}.side-panel{order:1;grid-template-columns:repeat(2,1fr)}.side-panel .panel-box{grid-column:span 2}}
@media(max-width:560px){.game-topbar{padding:9px 10px;border-width:3px}.stage{padding:12px;border-width:5px}.side-panel{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.top-actions .action-btn{display:block;width:42px;padding:0;font-size:0}.top-actions .action-btn:after{content:"↻";font-size:22px}}