@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@600&family=Inter:wght@400;500;600&display=swap";:root{--board-light: #b19261;--board-dark: #966237;--ink: #2b2b2b;--paper: #1c1b1a;--panel: #262422;--panel-border: #3a3835;--accent: #c97b4a;--text-soft: #a8a399;--text-dim: #8a857c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:#ece7df;font-family:Inter,system-ui,sans-serif}.app{max-width:1240px;margin:0 auto;padding:32px 24px 64px}.title{font-family:"Source Serif 4",serif;font-weight:600;font-size:32px;letter-spacing:.5px;margin:0 0 24px;color:#f2ede2}.layout{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.error-banner{background:#3a1f1d;border:1px solid #6b2f2a;color:#f3c9c2;padding:10px 14px;border-radius:6px;margin-bottom:16px;font-size:14px}.board-wrapper{position:relative;flex-shrink:0}.play-area{display:flex;gap:16px;align-items:flex-start;flex:0 1 auto}.board-column{display:flex;flex-direction:column;gap:10px;width:646px;max-width:100%}.captured-shelf{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.captured-strip{min-height:58px;background:#23211f;border:1px solid var(--panel-border);border-radius:8px;padding:8px 10px}.captured-strip-heading{display:flex;justify-content:space-between;gap:8px;color:var(--text-dim);font-size:12px;font-weight:600}.captured-strip-pieces{min-height:24px;margin-top:5px;color:#ece7df;font-size:20px;line-height:1.1;letter-spacing:1px}.thinking-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#14121052;pointer-events:none;z-index:2}.thinking-card{background:#262422f5;border:1px solid var(--panel-border);border-radius:8px;padding:12px 18px;color:#f2ede2;font-size:14px;box-shadow:0 8px 22px #00000059}.board{display:grid;grid-template-columns:repeat(8,80px);grid-template-rows:repeat(8,80px);border:3px solid #3a2c20;border-radius:4px;box-shadow:0 12px 28px #00000059;overflow:hidden;flex-shrink:0}.board-disabled{opacity:.85}.square{width:100%;height:100%;border:none;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;padding:0}.square:disabled{cursor:default}.square-light{background:var(--board-light)}.square-dark{background:var(--board-dark)}.square-selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 3px var(--accent);pointer-events:none;z-index:3}.last-move-highlight{position:absolute;top:0;right:0;bottom:0;left:0;background:#f4c95957;box-shadow:inset 0 0 0 3px #ffef9638;pointer-events:none;z-index:1}.piece{font-size:52px;line-height:1;-webkit-user-select:none;user-select:none;position:relative;z-index:2}.piece-white{color:#fbfaf6;text-shadow:0 1px 1px rgba(0,0,0,.55)}.piece-black{color:#2a2520;text-shadow:0 1px 0 rgba(255,255,255,.15)}.move-dot{width:16px;height:16px;border-radius:50%;background:#2b2b2b59;position:relative;z-index:2}.capture-ring{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;box-shadow:inset 0 0 0 4px #2b2b2b66;z-index:2}.sidebar{display:flex;flex-direction:column;gap:14px;min-width:260px;flex:1 1 260px}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:16px 18px}.panel h2{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-weight:600}.status-line{margin:0;font-size:16px}.status-over{margin:0;font-size:16px;color:var(--accent);font-weight:600}.muted{color:var(--text-dim);font-size:13px;margin:6px 0 0}.controls-panel{display:flex;flex-direction:column;gap:10px}.color-picker,.limit-picker{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--panel-border);border-radius:6px;overflow:hidden}.limit-picker{margin-top:6px}.segmented-btn{background:#211f1d;border:0;color:var(--text-soft);padding:9px 12px;font-size:14px;cursor:pointer;font-family:inherit}.segmented-btn+.segmented-btn{border-left:1px solid var(--panel-border)}.segmented-btn.active{background:var(--accent);color:#1f1712;font-weight:600}.segmented-btn:disabled{opacity:.65;cursor:default}.btn{background:#34312d;border:1px solid var(--panel-border);color:#ece7df;padding:9px 14px;border-radius:6px;font-size:14px;cursor:pointer;font-family:inherit}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.time-label{font-size:13px;color:var(--text-dim);display:flex;flex-direction:column;gap:6px;margin-top:4px}.time-label input[type=range]{width:100%}.inactive-setting{opacity:.52}.captured-empty{color:var(--text-dim);font-size:12px;letter-spacing:0}.move-panel{width:220px;flex:0 0 220px;align-self:stretch}.move-history{max-height:690px;overflow-y:auto;font-size:14px}.move-row{display:grid;grid-template-columns:28px 1fr 1fr;padding:3px 0;border-bottom:1px solid #322f2b}.move-number{color:var(--text-dim)}@media (max-width: 720px){.app{padding:24px 16px 48px}.play-area{width:100%;flex-direction:column}.board-column,.board-wrapper,.move-panel,.sidebar{width:100%}.captured-shelf{grid-template-columns:1fr}.board{grid-template-columns:repeat(8,11vw);grid-template-rows:repeat(8,11vw)}.piece{font-size:7vw}.move-history{max-height:180px}}