:root{--bg: var(--tg-theme-bg-color, #ffffff);--text: var(--tg-theme-text-color, #111111);--hint: var(--tg-theme-hint-color, #707579);--button: var(--tg-theme-button-color, #2481cc);--button-text: var(--tg-theme-button-text-color, #ffffff);--surface: var(--tg-theme-secondary-bg-color, #f4f4f5)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{max-width:480px;margin:0 auto;padding:12px 12px calc(12px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}#board{width:100%}.status-row{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:4px}#status{grid-column:2;margin:0;min-height:1.4em;text-align:center;font-size:15px;line-height:1.4;color:var(--text)}#sound{grid-column:3;width:36px;height:36px;border:none;border-radius:10px;background:transparent;color:var(--hint);font-size:18px;line-height:1;cursor:pointer}#sound:active{background:var(--surface)}#status[data-tone=hint]{color:var(--hint)}#promotion{display:flex;gap:8px;justify-content:center}#promotion[hidden]{display:none}#promotion button{flex:1 1 0;padding:12px 0;font-size:26px;line-height:1;border:none;border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer}#promotion button:active{opacity:.7}#moves{border-radius:12px;background:var(--surface);max-height:156px;overflow-y:auto;padding:4px;font-size:15px;line-height:1.5;font-variant-numeric:tabular-nums;-webkit-overflow-scrolling:touch}#moves[hidden]{display:none}#moves .pair{display:grid;grid-template-columns:38px 1fr 1fr;gap:6px;padding:4px 10px;border-radius:8px}#moves .pair:nth-child(odd){background:color-mix(in srgb,var(--text) 4%,transparent)}#moves .num{color:var(--hint)}#moves .san.last{background:color-mix(in srgb,var(--button) 26%,transparent);border-radius:6px;padding:0 6px;margin:0 -6px;font-weight:600}