:root{--accent:#202423;--accent2:#ffd342;--site-surface:#fffdf8;--site-text:#202423;--site-hero:#ffd342;--site-border:#202423}
.game-page{background:#f3f0e8;background-image:linear-gradient(#dedbd2 1px,transparent 1px),linear-gradient(90deg,#dedbd2 1px,transparent 1px);background-size:32px 32px;font-family:Arial,"Microsoft YaHei",sans-serif}
.game-layout{width:min(1010px,calc(100% - 24px))}
.game-topbar{padding:0 0 12px;border-bottom:4px solid #202423}.brand{font-weight:900;background:#ffd342;border:3px solid #202423;padding:8px 10px;box-shadow:3px 3px 0 #202423}.game-title h1{font-size:34px;font-weight:900}.game-title p{color:#616661}.action-btn{background:#fff;border:3px solid #202423;box-shadow:4px 4px 0 #202423}.action-btn:hover{background:#ffd342}
.stage-wrap{grid-template-columns:1fr}.board-stage{min-height:620px;background:#91c7bd;border:4px solid #202423;box-shadow:8px 8px 0 #202423;animation:gridIn .4s ease-out}.board{width:min(520px,calc(100% - 28px));aspect-ratio:1;padding:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#202423;border:0}.tile{display:grid;place-items:center;min-width:0;background:#d8d6cf;color:#202423;font-size:clamp(24px,5vw,50px);font-weight:900;border:2px solid #202423;animation:tileIn .14s ease-out}.tile[data-value="2"]{background:#f8f5ec}.tile[data-value="4"]{background:#e9dfc9}.tile[data-value="8"]{background:#ffd342}.tile[data-value="16"]{background:#f5a64a}.tile[data-value="32"]{background:#ef7658}.tile[data-value="64"]{background:#df493b;color:#fff}.tile[data-value="128"]{background:#92cfbe;font-size:38px}.tile[data-value="256"]{background:#52b69a;font-size:38px}.tile[data-value="512"]{background:#248f76;color:#fff;font-size:38px}.tile[data-value="1024"],.tile[data-value="2048"]{background:#202423;color:#fff;font-size:30px}.tile.pop{animation:pop .16s}.side-panel{grid-template-columns:repeat(3,1fr)}.side-panel .panel-box{grid-column:auto}
.stat,.panel-box{border:3px solid #202423;box-shadow:4px 4px 0 #202423}.stat:first-child{background:#ffd342}.stat:nth-child(2){background:#fff}.stat strong{color:#202423}.panel-box{background:#f9f7f1}.overlay{background:rgba(20,24,23,.82)}.overlay-card button{background:#ffd342;border:3px solid #202423;box-shadow:4px 4px 0 #000}
button{transition:transform .14s ease,background .14s ease}button:active{transform:translate(2px,2px)}@keyframes pop{50%{transform:scale(1.08)}}@keyframes tileIn{from{opacity:.55;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes gridIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:900px){.side-panel{grid-template-columns:repeat(2,1fr)}.side-panel .panel-box{grid-column:span 2}}
@media(max-width:560px){.board-stage{min-height:calc(100vw - 24px);box-shadow:4px 4px 0 #202423}.board{gap:6px;padding:7px}.game-title h1{font-size:25px}}
@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}}