:root{--accent:#222729;--accent2:#ffd02f;--site-surface:#f4f0df;--site-text:#222729;--site-hero:#ffd02f;--site-border:#222729}
.game-page{background:#e2aa24;background-image:repeating-linear-gradient(135deg,rgba(34,39,41,.12) 0 12px,transparent 12px 24px);font-family:Arial,"Microsoft YaHei",sans-serif}
.game-layout{width:min(980px,calc(100% - 24px))}
.game-topbar{padding:11px 17px;background:#222729;color:#fff;border-bottom:7px solid #ffd02f;box-shadow:0 7px 0 rgba(31,37,39,.25)}.brand{font-size:13px;font-weight:900;color:#222729;background:#ffd02f;padding:8px 10px}.game-title h1{font-size:27px}.game-title p{color:#c8d0d1}.action-btn{background:#ffd02f;border:3px solid #080a0b;box-shadow:4px 4px 0 #080a0b}.action-btn:hover{background:#ffe271}
.stage-wrap{grid-template-columns:220px minmax(0,1fr)}.stack-stage{order:2;min-height:620px;background:#30383a;border:8px solid #171b1c;box-shadow:8px 8px 0 rgba(28,31,32,.35);padding:7px;animation:liftIn .42s ease-out}.stack-stage:before{content:"CAUTION / DROP ZONE";position:absolute;top:10px;left:12px;z-index:2;padding:5px 8px;background:#ffd02f;color:#1e2324;font-size:10px;font-weight:900}.stack-stage canvas{width:min(520px,100%);aspect-ratio:52/76;touch-action:none;border:2px solid #687477}.side-panel{order:1}.side-panel .panel-box{grid-column:auto}
.stat,.panel-box{background:#f3f0e4;border:3px solid #222729;box-shadow:5px 5px 0 #695219}.stat:first-child{background:#ffd02f}.stat strong{color:#222729}.stat-label{color:#555d5e}.panel-box h2{display:inline-block;background:#222729;color:#fff;padding:5px 8px}.panel-box p{color:#444b4c}.overlay{background:rgba(26,31,32,.84)}.overlay-card button{background:#ffd02f;color:#202526;border:3px solid #0e1112;box-shadow:4px 4px 0 #0e1112}
button{transition:transform .13s ease,background .13s ease}button:active{transform:translate(2px,2px)}@keyframes liftIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:900px){.stage-wrap{grid-template-columns:1fr}.stack-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){.stack-stage{min-height:0;border-width:5px;padding:4px}.stack-stage canvas{max-height:calc(100vh - 90px)}.game-topbar{padding:8px 9px;border-bottom-width:5px}}
@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}}