:root{--accent:#9c2f28;--accent2:#e3bd62;--site-surface:#f2dfb8;--site-text:#4d241b;--site-hero:#b54437;--site-border:#6b211c}
.game-page{background:#d6c09a;background-image:linear-gradient(90deg,rgba(94,51,26,.06) 1px,transparent 1px);background-size:6px 100%;font-family:"Songti SC","SimSun",serif}
.official-hero{color:#fff1d0}.official-hero .hero-emblem{color:#6b211c}
.game-layout{width:min(1040px,calc(100% - 24px))}
.game-topbar{padding:10px 18px;background:#8f2d27;color:#f9e8c7;border-top:6px double #e8c777;border-bottom:6px double #e8c777;box-shadow:0 6px 0 rgba(80,36,21,.22)}.brand{font-weight:900;font-size:15px;border:1px solid #e8c777;padding:7px 9px}.game-title h1{font-family:"Songti SC","SimSun",serif;font-size:29px}.game-title p{color:#f0cda0}.action-btn{background:#f4dbab;border:2px solid #4a2119;color:#721f1b;box-shadow:3px 3px 0 #4a2119}.action-btn:hover{background:#fff0cb}
.stage-wrap{grid-template-columns:245px minmax(0,1fr)}.chess-stage{order:2;min-height:620px;padding:16px;background:#4b271e;border:7px double #d3a64f;box-shadow:0 15px 34px rgba(79,37,23,.28);animation:boardDrop .48s ease-out}.chess-stage canvas{width:min(630px,100%);aspect-ratio:650/720;background:#d9ae70;box-shadow:inset 0 0 28px rgba(89,43,20,.32)}.side-panel{order:1}.side-panel .panel-box{grid-column:auto}
.stat,.panel-box{background:#ead6ad;border:2px solid #8e4a32;box-shadow:inset 0 0 0 3px rgba(255,245,214,.65)}.stat strong{font-family:"Songti SC","SimSun",serif}.stat-label{color:#76513b}.panel-box h2{font-family:"Songti SC","SimSun",serif;color:#8f2d27;font-size:17px}.panel-box p{color:#6e4d39}.overlay{background:rgba(70,26,20,.82)}.overlay-card button{background:#e3bd62;border:2px solid #471d16;color:#551e18}
button{transition:transform .16s ease,background .16s ease}button:active{transform:translateY(2px)}@keyframes boardDrop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@media(max-width:900px){.stage-wrap{grid-template-columns:1fr}.chess-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){.chess-stage{min-height:0;padding:7px;border-width:4px}.game-topbar{padding:8px;border-width:4px}.game-title h1{font-size:22px}}
@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}}