:root { color-scheme: dark; font-family: system-ui, "PingFang SC", "Microsoft YaHei", sans-serif; background: #09151a; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { min-height: 100dvh; display: grid; place-items: center; overflow: hidden; background: #071216; }
.device { position: relative; width: min(100vw, 430px); height: min(100dvh, 930px); overflow: hidden; background: #102329; box-shadow: 0 16px 70px #000a; }
#board, #touch-controls { position: absolute; inset: 0; width: 100%; height: 100%; }
#board { display: block; }
#language-switch { position: absolute; z-index: 2; top: 1.1%; left: 50%; transform: translateX(-50%); min-width: 58px; min-height: 27px; padding: 3px 8px; border: 1px solid #b9a477; border-radius: 6px; background: #102329e8; color: #f5deb1; font: 600 11px system-ui, sans-serif; cursor: pointer; touch-action: manipulation; }
#settings-button { position: absolute; z-index: 2; top: 1.1%; left: calc(50% + 39px); width: 29px; height: 27px; padding: 0; border: 1px solid #b9a477; border-radius: 6px; background: #102329e8; color: #f5deb1; font: 19px/1 system-ui, sans-serif; cursor: pointer; touch-action: manipulation; }
#language-switch:focus-visible, #settings-button:focus-visible, #settings-dialog button:focus-visible { outline: 3px solid #f7d38c; outline-offset: 2px; }
#settings-dialog { width: min(360px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 22px; border: 2px solid #d0a66e; border-radius: 16px; background: #10282d; color: #f6e9cf; box-shadow: 0 20px 70px #000b; font-family: system-ui, "PingFang SC", sans-serif; }
#settings-dialog::backdrop { background: #061319d9; }
#settings-dialog [hidden] { display: none; }
#settings-dialog h2 { margin: 0 0 10px; color: #f8d391; font-size: 24px; }
#settings-dialog p { margin: 0 0 20px; color: #d1ddd2; font-size: 14px; line-height: 1.55; }
#settings-dialog button { display: block; width: 100%; min-height: 46px; margin-top: 10px; padding: 9px 12px; border: 1px solid #799b93; border-radius: 10px; background: #25474a; color: #fff0d6; font: 750 15px system-ui, "PingFang SC", sans-serif; cursor: pointer; touch-action: manipulation; }
#settings-dialog .danger-option { border-color: #f5c786; background: #e6b36e; color: #2b201a; }
#touch-controls button { position: absolute; display: block; padding: 0; border: 0; background: transparent; color: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
#touch-controls button:focus-visible { outline: 3px solid #f7d38c; outline-offset: 2px; border-radius: 9px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (min-width: 550px) { .device { border: 1px solid #385660; border-radius: 17px; } }