/* Primary tools remain visible above the board, in normal and fullscreen play. */
body #view-play .board-card.board-stage{grid-template-rows:104px 0 32px auto minmax(0,1fr) auto 26px 52px}
body #view-play .board-top{height:104px;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:9px;padding:9px 16px;background:var(--surface)}
body #view-play .board-top>div:first-child{min-height:30px;flex-shrink:0}
.quick-time-label{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap}.quick-time-label select{max-width:190px;min-height:30px;padding:4px 26px 4px 8px;font-size:11px}
body #view-play .board-tools{gap:7px;justify-content:flex-start;flex-wrap:nowrap;min-width:0;overflow-x:auto;padding-bottom:2px;flex-shrink:0}
body #view-play .board-label-btn{min-height:42px;padding:8px 14px;border:1px solid var(--line);border-radius:9px;background:var(--surface-raised);color:var(--ink);font-size:14px;font-weight:600;flex-shrink:0}
body #view-play #appearance-settings{order:0}body #view-play #toggle-analysis{order:1}body #view-play #fullscreen{order:4}
body #view-play .board-tools .icon-btn{order:5;width:34px;min-height:40px;flex-shrink:0}
body #view-play .board-label-btn[aria-expanded=true]{border-color:var(--gold);color:var(--gold);background:var(--gold-wash)}
.seat-control{min-height:34px;flex:1;min-width:96px;font-size:12px;font-weight:600;border-color:var(--gold);color:var(--gold);margin-top:6px}
body #view-play .main-controls button{min-height:36px;font-size:12px}#stop-best{min-width:100px;box-shadow:0 2px 9px #0001}
.board-top .board-home{min-height:30px}
@media(max-width:1099px){body #view-play .board-tools{gap:5px}body #view-play .board-label-btn{padding:8px 10px;font-size:13px}body #view-play .board-top{padding-inline:10px}.quick-time-label select{max-width:155px}}
@media(max-width:700px){body #view-play .board-card.board-stage{grid-template-rows:104px 88px 32px auto minmax(0,1fr) auto 26px 52px;min-height:650px}body #view-play .player-strip{flex-wrap:wrap;align-content:center}.seat-control{flex-basis:100%;min-height:30px;margin-top:2px;padding:4px}.quick-time-label{font-size:0}.quick-time-label select{max-width:135px}body #view-play .board-label-btn{padding-inline:11px}body #view-play .board-top #rules-tag{display:none}body #view-play .board-tools{overflow-x:auto}body #view-play .board-tools::after{content:'';width:1px;flex-shrink:0}}
@media(max-width:700px){body #view-play .board-card.board-stage{grid-template-rows:148px 88px 32px auto minmax(0,1fr) auto 26px 52px;min-height:700px}body #view-play .board-top{height:148px}body #view-play .board-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}body #view-play .board-label-btn{padding-inline:4px;font-size:12px}body #view-play .board-tools .icon-btn{width:100%}body #view-play .board-tools::after{display:none}}
@media(max-width:460px){body #view-play .board-card.board-stage{grid-template-rows:180px 88px 32px auto minmax(0,1fr) auto 26px 52px}body #view-play .board-top{height:180px}.quick-time-label{flex-basis:100%;margin:0}.quick-time-label select{max-width:none;width:100%}}

.seat-turn{display:flex;align-items:center;justify-content:center;gap:7px;flex-basis:100%;font-size:11px;color:var(--muted);min-height:20px}.seat-turn i{width:8px;height:8px;border-radius:50%;background:var(--line);flex-shrink:0}.seat-turn[data-state=active]{color:var(--ink);font-weight:600}.seat-turn[data-state=active] i{background:#35bd78;box-shadow:0 0 0 3px #35bd7820;animation:turn-breathe 1.65s ease-in-out infinite}.seat-turn[data-state=paused] i{background:#c69a51}.seat-turn[data-state=review] i{background:#8297b6}@keyframes turn-breathe{50%{opacity:.35;box-shadow:0 0 0 5px #35bd7808}}@media(prefers-reduced-motion:reduce){.seat-turn[data-state=active] i{animation:none}}@media(max-width:700px){body #view-play .board-card.board-stage{grid-template-rows:148px 112px 32px auto minmax(0,1fr) auto 26px 52px}.seat-turn{font-size:10px;min-height:18px}}@media(max-width:460px){body #view-play .board-card.board-stage{grid-template-rows:180px 112px 32px auto minmax(0,1fr) auto 26px 52px}}
.piece-color-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 22px}.piece-color-side{display:grid!important;grid-template-columns:36px 1fr;align-items:center;gap:10px!important;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-raised)}.piece-color-side select{grid-column:1/-1;width:100%;min-width:0;min-height:40px}.seat-color-chip{width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff8ed,var(--piece-color) 38%,var(--piece-color) 65%,#283242);box-shadow:0 3px 5px #0003}.piece-color-side b{font-size:13px}@media(max-width:420px){.piece-color-sides{gap:8px}.piece-color-side{padding:10px;gap:6px!important}}

/* Wide playing pieces sit above shallow rings, not inside deep craters. */
body #board{--well-face:color-mix(in srgb,var(--board-top) 68%,var(--board-bottom));--well-top:color-mix(in srgb,var(--well-face) 89%,#34333d);--well-border:color-mix(in srgb,var(--well-face) 76%,#514654);--well-rim:color-mix(in srgb,var(--board-top) 72%,var(--board-bottom));--well-glint:color-mix(in srgb,var(--well-face) 65%,#fff);}
body[data-board="tournament"]{--material-top:#e2ddcb;--material-bottom:#c9c6b7;--material-hole:#999a8b;--material-edge:#f8f2df}
body[data-board="sakura-milk"]{--material-top:#fae8ee;--material-bottom:#e7ccd7;--material-hole:#c6a9b8;--material-edge:#fff5f7}
body[data-board="jade"]{--material-top:#dbe9e1;--material-bottom:#aac3b9;--material-hole:#819c90;--material-edge:#eef8f0}
body[data-board="slate"]{--material-top:#64788c;--material-bottom:#34495b;--material-hole:#283b4d;--material-edge:#92a6b8}
body:is([data-board="tournament"],[data-board="sakura-milk"],[data-board="jade"]) #board{--color-label:#635463;--route:#72536a;--route-underlay:#fff9ef;--route-label:#fff;--target-fill:#f9ebd0}
body[data-board="slate"] #board{--well-face:#4b6072;--well-top:#4b6072;--well-rim:#708395;--well-border:#8091a0;--well-glint:#718596;--color-label:#e4eaf2}
body[data-board="tournament"] #board{--well-face:#e6e3d3;--well-top:#d6d4c5;--well-border:#afaf9d;--well-rim:#b7b8a5;--well-glint:#f5f3e5}
body[data-board="tournament"] .board-camp{fill:var(--camp-color);stroke:var(--camp-color);fill-opacity:.56;stroke-opacity:.56}
body[data-board="tournament"] .camp-0{--camp-color:#e3b15e}body[data-board="tournament"] .camp-1{--camp-color:#d4c66c}body[data-board="tournament"] .camp-2{--camp-color:#ce9390}body[data-board="tournament"] .camp-3{--camp-color:#7ba9d1}body[data-board="tournament"] .camp-4{--camp-color:#b49bc9}body[data-board="tournament"] .camp-5{--camp-color:#94ba8d}
body[data-board="tournament"] .hole-well{fill-opacity:.58}body[data-board="tournament"] .board-link{stroke-opacity:.12}
body:is([data-board="slate"],[data-board="tournament"]) .board-grain,body:is([data-board="slate"],[data-board="tournament"]) .board-sheen{opacity:0}
.material-sample i{background:color-mix(in srgb,var(--swatch-top) 70%,var(--swatch-bottom));border:1px solid color-mix(in srgb,var(--swatch-bottom) 75%,#887b87);box-shadow:inset 0 1px 1px #0001,0 1px 0 #fff5}
#board-choice-tournament .material-sample{background:linear-gradient(110deg,#aac29a 0 32%,#e3ddcd 32% 67%,#d2b178 67%)}
.piece-size-settings{padding:16px 0 20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.piece-size-settings>label{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600}.piece-size-settings output{color:var(--gold);font-variant-numeric:tabular-nums}.piece-size-row{display:flex;align-items:center;gap:12px;margin:12px 0}.piece-size-row input{flex:1;min-width:70px;accent-color:var(--gold);cursor:pointer}.piece-size-row span{font-size:12px;color:var(--muted);white-space:nowrap}.piece-size-row button{min-height:32px;padding:4px 10px}.piece-color-sides{margin-bottom:8px}
.piece-size-preview{display:flex;justify-content:center;gap:0;margin:12px auto 4px;padding:9px;border-radius:12px;background:var(--surface-soft);width:max-content;max-width:100%}.piece-size-preview>span{width:42px;height:42px;display:grid;place-items:center;background:radial-gradient(circle,transparent 17px,var(--line) 17.5px,transparent 18.5px)}.piece-size-preview i{display:block;width:37px;height:37px;border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff8ed,var(--piece-color) 35%,var(--piece-color) 65%,#283242);box-shadow:0 1px 2px #0003;transform:scale(var(--piece-scale,1))}