*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--tile-width: 42px;--tile-height: 58px;--tile-radius: 4px;--tile-bg: #f5f0e0;--tile-border: #c8a96e;--tile-shadow: 2px 2px 4px rgba(0,0,0,.3);--board-bg: #2d6a2d;--board-felt: #3a8a3a;--center-bg: rgba(0,0,0,.25)}body{font-family:Microsoft YaHei,PingFang SC,sans-serif;background:radial-gradient(ellipse 120% 90% at 50% 38%,#1c4063,#13304c 52%,#0a1d33) fixed;color:#fff;min-height:100vh;min-height:100dvh;overflow:hidden}button{cursor:pointer;border:none;border-radius:6px;font-family:inherit;font-size:14px;transition:all .15s ease}button:disabled{opacity:.45;cursor:not-allowed}input{font-family:inherit;border-radius:6px;border:1.5px solid #888;padding:6px 10px;font-size:14px;outline:none}input:focus{border-color:#4a9}@media (max-width: 640px){body{touch-action:manipulation;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}}@keyframes tileSlideIn{0%{opacity:0;transform:translate(35px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}