/* Compact, legible layout shared by all five board themes. */
:root{--button-text:#07131d;--surface:rgba(16,28,48,.85);--surface-soft:rgba(16,28,48,.6);--line:#56778c55}
body{font-size:16px;background:var(--bg);color:var(--text)}.shell{max-width:1440px;padding:0 24px 26px}.topbar{height:64px;gap:12px}.brand{font:600 23px/1.2 "Microsoft YaHei",sans-serif;letter-spacing:2px;gap:10px}.brand-mark{font-size:37px}.sound-btn{font-size:14px;background:var(--surface);color:var(--text);padding:8px 12px}.sound-btn.enabled{color:var(--cyan)}main{padding-top:18px}.arena-layout{grid-template-columns:minmax(0,1fr) 302px;gap:24px}.theme-toolbar{display:flex;align-items:center;gap:10px;height:43px;font-size:15px}.theme-toolbar>label{color:var(--muted)}.theme-toolbar select{font-size:15px;padding:5px 8px;max-width:145px}.theme-toolbar #coord{margin-left:auto;font-size:14px;letter-spacing:0;color:var(--muted)}.field-top{font-size:16px;height:34px;margin-bottom:8px;letter-spacing:0}.field-top>span:first-child{color:var(--text)}#placement-hint{font-size:13px;color:var(--muted)}.board-frame{background:var(--board);border:1px solid var(--grid);box-shadow:0 0 38px color-mix(in srgb,var(--cyan) 9%,transparent)}.field-bottom{display:none}.command-panel{margin-top:0;padding:16px;background:var(--surface-soft);border:1px solid var(--line);border-radius:6px}.mode-tabs{background:var(--surface-soft)}.mode-tabs button{font-size:16px;padding:10px 4px;color:var(--muted)}.mode-tabs button.selected{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 13%,var(--panel));border-color:color-mix(in srgb,var(--cyan) 45%,var(--line))}.players{margin-top:16px}.player{padding:14px 9px;background:var(--surface-soft);gap:11px}.player.active{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 9%,var(--panel))}.gold-player.active{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 9%,var(--panel))}.player-label{font-size:16px}.player-label small{font-size:12px;color:var(--muted)}.player-status{display:none}.turn-tag{font-size:11px}.versus{padding:9px 0}.turn-message{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.stats{padding:13px 0;margin:16px 0}.stats span{font-size:13px;color:var(--muted)}.stats strong{font-size:22px;color:var(--text)}.stats>div{padding-left:8px}.primary,.secondary{font-size:16px;padding:10px 12px;gap:8px;min-height:44px}.primary{background:var(--cyan);border-color:var(--cyan);color:var(--button-text)}.primary:hover{background:color-mix(in srgb,var(--cyan) 80%,white)}.secondary{background:var(--surface-soft);border-color:var(--line);color:var(--text)}.secondary:hover:not(:disabled){background:var(--panel);border-color:var(--muted)}.settings summary,.move-details summary{font-size:15px;color:var(--text);padding:14px 0}.setting-row{font-size:15px;color:var(--muted);margin:12px 0}select{background:var(--panel);color:var(--text);border-color:var(--line);font-size:14px;max-width:140px}input[type=range]{width:115px}input[type=checkbox]{width:19px;height:19px}.move-details{border-bottom:1px solid var(--line)}.move-details summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none}.move-details summary::-webkit-details-marker{display:none}#history-count{font-size:14px;color:var(--muted)}.history{margin:0;min-height:0;max-height:170px}.history li{font-size:15px;border-color:var(--line);padding:8px 0;color:var(--text)}.history .empty-log{font-size:14px;color:var(--muted)}.history .log-number{width:25px;color:var(--muted)}.history .log-location{color:var(--muted)}.history .log-core{background:var(--cyan)}.history .log-core.gold{background:var(--gold)}.rules-note{font-size:14px;color:var(--muted);margin:12px 0}.toast{font-size:15px;color:var(--text);background:var(--panel);border-color:var(--line)}
.placement-dock{position:absolute;z-index:5;display:flex;align-items:center;gap:6px;padding:0;margin:0;width:96px;height:48px;border:0;border-radius:30px;background:none;box-shadow:none!important;pointer-events:none;transition:none}.placement-dock .target-info{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.placement-dock button{pointer-events:auto;flex:none;display:grid;place-items:center;padding:0;line-height:1;border-radius:50%;box-shadow:0 3px 18px #0007;touch-action:manipulation}.placement-dock #confirm-move{width:48px;height:48px;border:2px solid color-mix(in srgb,var(--side) 70%,white);background:var(--side);color:var(--button-text);font-size:29px;font-weight:600}.placement-dock #cancel-selection{width:42px;height:44px;background:var(--panel);border:1px solid var(--line);color:var(--text);font-size:27px}.placement-dock.locked{border:0}.board-frame.cinematic{border-color:var(--cyan)}
.result-card{font-size:16px}.result-card .eyebrow{font-size:12px;letter-spacing:1px}.result-card h2{font-size:32px}.result-card p{font-size:15px}.result-memory{font-size:13px}.result-memory strong{font-size:14px}.result-card .primary{font-size:16px;color:var(--button-text)}.result-links .text-btn{font-size:14px}.victory-hud>span{font-size:12px;letter-spacing:2px}.victory-hud>small{font-size:13px;letter-spacing:1px}
body[data-light="true"]{color-scheme:light;--button-text:#fff;--surface:color-mix(in srgb,var(--panel) 90%,transparent);--surface-soft:color-mix(in srgb,var(--panel) 65%,transparent);--line:color-mix(in srgb,var(--muted) 24%,transparent)}body[data-light="true"] .ambient{background:radial-gradient(ellipse at 30% 20%,#ffffff75,transparent 70%)}body[data-light="true"] .board-frame:after{display:none}body[data-light="true"] .corner{border-color:var(--cyan)}body[data-light="true"] .brand-mark{text-shadow:none}body[data-light="true"] .result-card{background:var(--panel);color:var(--text)}body[data-light="true"] .result-card p,body[data-light="true"] .result-memory{color:var(--muted)}body[data-light="true"] .result-memory strong{color:var(--text)}body[data-light="true"] .result-emblem{color:var(--victor)}body[data-light="true"] .victory-hud{text-shadow:0 0 10px #fffc}body[data-light="true"] .victory-hud strong{color:var(--text)}body[data-light="true"] .victory-hud small{color:var(--muted)}body[data-light="true"] .result{background:#ffffff38}.mini-core{color:var(--cyan);box-shadow:0 0 15px color-mix(in srgb,var(--cyan) 25%,transparent)}.mini-core.gold{color:var(--gold);box-shadow:0 0 15px color-mix(in srgb,var(--gold) 25%,transparent)}
body[data-theme="wood"] .mini-core,body[data-theme="wood"] .mini-core.gold{background:radial-gradient(circle at 30% 22%,#fff,#fcf6e7 42%,#c8bba3 95%)}body[data-theme="wood"] .mini-core:before,body[data-theme="wood"] .mini-core:after{display:none}body[data-theme="notebook"] .mini-core{border:2px solid #2156a4;box-shadow:none;transform:rotate(-9deg)}body[data-theme="notebook"] .mini-core:before,body[data-theme="notebook"] .mini-core:after{display:none}body[data-theme="notebook"] .mini-core.gold{border:0;background:linear-gradient(45deg,transparent 46%,#b9363b 47% 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,#b9363b 47% 53%,transparent 54%);box-shadow:none}body[data-theme="notebook"] .board-frame{box-shadow:1px 7px 22px #47382b25;transform:rotate(0deg)}body[data-theme="notebook"] .corner{display:none}
@media(max-width:1000px){.shell{padding:0 16px 20px}.arena-layout{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.command-panel{padding:12px}.player-label{font-size:15px}.turn-tag{font-size:10px}.stats span{font-size:12px}}
@media(max-width:760px){.shell{padding:0 5px 18px}.topbar{height:52px;margin:0 5px}.brand{font-size:21px;letter-spacing:1px;gap:7px}.brand-mark{font-size:31px}.sound-btn{font-size:14px;padding:7px 9px;gap:5px}main{padding-top:4px}.arena-layout{gap:12px}.theme-toolbar{height:39px;gap:7px;padding:0 5px;font-size:14px}.theme-toolbar select{font-size:14px;min-width:118px;max-width:135px;padding:4px 6px}.theme-toolbar #coord{font-size:12px;white-space:nowrap}.field-top{height:31px;padding:0 5px;margin:0 0 5px;font-size:15px}#placement-hint{font-size:12px}.board-frame{width:100%}.command-panel{width:100%;padding:12px 9px;border:0;background:transparent;margin:0}.mode-tabs button{font-size:16px;padding:8px 6px}.players{display:flex;margin:12px 0 0;gap:12px}.player{flex:1;min-width:0;padding:8px 9px;gap:9px}.mini-core{width:25px;height:25px}.player-label{font-size:15px}.player-label small{display:none}.turn-tag{display:none}.stats{margin:12px 0;padding:10px 0}.stats span{font-size:13px}.stats strong{font-size:22px}.actions{gap:10px}.primary,.secondary{font-size:16px;min-height:44px}.settings{margin-top:8px}.settings summary,.move-details summary{padding:12px 0;font-size:15px}.setting-row{font-size:15px}.rules-note{font-size:14px}.result-card{padding:12px 16px 13px;width:88%}.result-emblem{width:36px;height:36px;margin-bottom:9px}.result-emblem>span{font-size:29px}.result-card .eyebrow{font-size:10px;letter-spacing:.5px}.result-card h2{font-size:25px;margin:7px 0}.result-card p{font-size:13px;margin:0 0 9px}.result-memory{font-size:12px;padding:8px 0;margin-bottom:10px}.result-memory strong{font-size:12px}.result-card .primary{min-height:39px;font-size:15px}.result-links .text-btn{font-size:13px;padding:10px 0 0}.victory-hud>span{font-size:10px;letter-spacing:1px}.victory-hud>strong{font-size:22px}.victory-hud>small{font-size:12px;letter-spacing:0}}
@media(max-width:360px){.theme-toolbar #coord{font-size:11px}.theme-toolbar{gap:5px}.theme-toolbar select{min-width:108px;max-width:112px}.result-emblem{display:none}.result-card p{font-size:12px}.result-card h2{font-size:24px}.result-memory{font-size:11px;padding:7px 0}.result-memory strong{font-size:11px}.result-card .primary{min-height:36px}.result-links .text-btn{font-size:12px}}
.turn-tag,.player-label small{display:none}.stats span{font-size:14px}.theme-toolbar #coord{font-size:13px}.result-card .eyebrow{font-size:13px;letter-spacing:1px}
@media(min-width:761px){.arena-layout{grid-template-columns:minmax(0,min(1066px,calc(100svh - 184px))) 302px;justify-content:center}}
@media(min-width:761px) and (max-width:1000px){.arena-layout{grid-template-columns:minmax(0,min(1066px,calc(100svh - 184px))) 270px}}