.tabletop .shogi-layout{width:470px;max-width:none;display:grid;gap:12px;font-family:"Microsoft YaHei",system-ui,sans-serif}
.shogi-axis{display:grid;grid-template-columns:repeat(9,50px);gap:1px;padding-left:8px;color:var(--table-ink);font-size:12px;text-align:center}
.shogi-grid{display:grid;grid-template-columns:repeat(9,50px);gap:1px;background:#89633b;border:8px solid #b8844c;border-radius:8px;box-shadow:0 6px 0 #80592e}
.tabletop .shogi-cell{min-width:50px;min-height:52px;width:50px;height:52px;padding:3px;border:0;border-radius:0;background:#f1d29c;display:grid;place-items:center;position:relative;color:#35230e}
.shogi-token{display:grid;place-items:center;width:39px;height:44px;padding-top:7px;clip-path:polygon(50% 0,90% 20%,100% 100%,0 100%,10% 20%);background:linear-gradient(110deg,#fff0c6,#e9be78);font-family:"KaiTi","STKaiti",serif;font-size:23px;font-weight:900;border-bottom:2px solid #b38343;pointer-events:none;user-select:none}
.shogi-token.opponent{transform:rotate(180deg)}.shogi-token.promoted{color:#a11e15}.shogi-cell.selected{box-shadow:inset 0 0 0 3px #1c594c;background:#fff1b7}.shogi-cell.legal{box-shadow:inset 0 0 0 3px #286954}.shogi-cell.legal:not(.occupied):after{content:"";width:12px;height:12px;border-radius:50%;background:#286954;position:absolute}.shogi-cell.last{background:#e7b865}.shogi-cell.checked{box-shadow:inset 0 0 0 3px #b12519}.shogi-cell:focus-visible{z-index:2;outline:3px solid #155ba8;outline-offset:-4px}.shogi-cell[aria-disabled="true"]{cursor:default}
.shogi-hand{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:9px;background:var(--table-soft);border:1px solid var(--table-line);border-radius:10px;color:var(--table-ink)}.shogi-hand h3{width:100%;font-size:13px;margin:0 0 3px}.tabletop .shogi-hand button{min-width:48px;min-height:46px;padding:5px 7px;border:1px solid var(--table-line);background:var(--table-bg);color:var(--table-ink);font-weight:750}.shogi-hand button.selected{outline:3px solid var(--table-accent)}.shogi-hand-empty{font-size:12px;color:var(--muted)}
.shogi-help{width:100%;font-size:12px;line-height:1.8;color:var(--table-ink);margin:0}.shogi-tools{display:flex;gap:8px;flex-wrap:wrap}.shogi-record{font-size:13px;color:var(--table-ink);margin:0}.shogi-choice{width:100%;display:flex;gap:8px;flex-wrap:wrap;padding:13px;border:2px solid var(--table-accent);background:var(--table-soft);border-radius:12px}.shogi-choice h3{width:100%;font-size:15px;margin:0 0 4px}.shogi-choice button{min-height:44px;min-width:70px}.shogi-note{width:100%;margin:0;font-size:12px;line-height:1.7;color:var(--table-ink)}
html[data-site-theme="dark"] .tabletop .shogi-cell{background:#d4ab72;color:#291b0e;border-color:#b88b55}html[data-site-theme="dark"] .shogi-cell.last{background:#be8e50}html[data-site-theme="dark"] .shogi-cell.selected{background:#f0cd8d}html[data-site-theme="dark"] .shogi-cell.legal{box-shadow:inset 0 0 0 3px #123e32}html[data-site-theme="dark"] .shogi-cell.legal:not(.occupied):after{background:#123e32}html[data-site-theme="dark"] .shogi-token{background:linear-gradient(110deg,#ffedbe,#dcb16a);color:#291b0e}html[data-site-theme="dark"] .shogi-token.promoted{color:#941e16}