:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif}body{margin:0;background:#1f1611;color:#f3e1bd}.bao-loading{display:grid;place-items:center;min-height:100vh;color:#c8b08a}.bao-app{max-width:1100px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:12px}.bao-statusbar{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:8px 12px;background:#2c1f15;border-radius:10px}.bao-statusbar h1{margin:0;font-size:22px;letter-spacing:.5px}.bao-statusbar-left{display:flex;align-items:center;gap:10px}.bao-statusbar-mid{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;font-size:14px}.bao-statusbar-mid strong{color:#facc15}.bao-statusbar-right{display:flex;gap:8px}.bao-statusbar-right button{background:#54402c;color:#f3e1bd;border:1px solid #6b5440;border-radius:6px;padding:6px 12px;cursor:pointer;font:inherit}.bao-statusbar-right button:hover{background:#6b5440}.bao-variant-badge{background:#54402c;border:1px solid #6b5440;padding:2px 8px;border-radius:12px;font-size:12px}.bao-winner{font-size:18px;color:#facc15}.bao-error{grid-column:1 / -1;background:#5b2b2b;border:1px solid #f87171;padding:6px 10px;border-radius:6px;font-size:13px}.bao-advantage{display:flex;flex-direction:column;gap:6px;padding:8px 12px;background:#2c1f15;border-radius:10px}.bao-advantage-row{display:grid;grid-template-columns:36px 1fr 36px;gap:12px;align-items:center}.bao-advantage-count{font-weight:700;font-size:16px;text-align:center;font-variant-numeric:tabular-nums}.bao-advantage-count-south{color:#fde68a}.bao-advantage-count-north{color:#c8b08a}.bao-advantage-track{position:relative;display:flex;height:14px;border-radius:7px;overflow:hidden;background:#1f1611;border:1px solid #4a3826}.bao-advantage-fill-south{background:linear-gradient(90deg,#facc15,#ca8a04);transition:width .22s ease-out}.bao-advantage-fill-north{background:linear-gradient(90deg,#6b5440,#3a2a1c);transition:width .22s ease-out}.bao-advantage-sub{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;font-size:12px}.bao-advantage-label{color:#d4b886;font-variant-numeric:tabular-nums}.bao-advantage-track-mbele{height:8px;border-radius:4px}.bao-advantage-fill-south-mbele{background:#facc15;transition:width .22s ease-out;opacity:.85}.bao-advantage-fill-north-mbele{background:#6b5440;transition:width .22s ease-out;opacity:.85}.bao-board-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.bao-board-row{display:flex;gap:16px;align-items:flex-start;width:100%;justify-content:center}.bao-history{width:220px;max-height:560px;background:#2c1f15;border-radius:10px;border:1px solid #4a3826;display:flex;flex-direction:column}.bao-history-header{display:flex;justify-content:space-between;padding:8px 12px;font-size:13px;color:#d4b886;border-bottom:1px solid #4a3826}.bao-history-count{color:#7d6648}.bao-history-list{list-style:none;margin:0;padding:6px 0;overflow-y:auto;flex:1;font-size:13px}.bao-history-empty{padding:10px 14px;color:#7d6648;font-style:italic}.bao-history-entry{display:grid;grid-template-columns:26px 22px 1fr;gap:6px;align-items:center;padding:3px 12px;color:#f3e1bd}.bao-history-entry:hover{background:#3b2a1d;cursor:pointer}.bao-history-sub{padding-left:28px;color:#c8b08a}.bao-history-current{background:#3b2a1d;border-left:3px solid #facc15;padding-left:9px}.bao-history-current.bao-history-sub{padding-left:25px}.bao-history-future{opacity:.4}.bao-history-future code,.bao-history-future .bao-history-idx,.bao-history-future .bao-history-player{text-decoration:line-through}.bao-history-start{color:#d4b886}.bao-history-idx{color:#7d6648;font-variant-numeric:tabular-nums;text-align:right}.bao-history-player{text-align:center;font-weight:600;border-radius:4px;padding:1px 4px;font-size:11px}.bao-history-player-0{background:#54402c;color:#fde68a}.bao-history-player-1{background:#3a2a1c;color:#c8b08a}.bao-history-ban{font-family:ui-monospace,Cascadia Code,Fira Code,monospace;color:#f3e1bd}.bao-board-canvas-wrap{position:relative;flex-shrink:0;max-width:100%}.bao-board{display:block;max-width:100%;height:auto;border-radius:12px;box-shadow:0 4px 16px #0006}.bao-kete-sprite{position:absolute;top:0;left:0;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fde68a,#facc15 55%,#b8870c 90%);box-shadow:0 0 8px #facc15b3;pointer-events:none;z-index:2;transition:transform 80ms cubic-bezier(.4,0,.2,1);will-change:transform}.bao-board-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.bao-pit-btn{position:absolute;padding:0;background:transparent;border:2px solid transparent;border-radius:10px;cursor:pointer;font:inherit;color:transparent;outline-offset:2px}.bao-pit-btn:focus-visible{outline:3px solid #60a5fa;outline-offset:1px}.bao-pit-btn[aria-disabled=true]{cursor:default}.bao-pit-legal:hover{background:#facc151f}.bao-locale-toggle select{background:#54402c;color:#f3e1bd;border:1px solid #6b5440;border-radius:6px;padding:5px 8px;font:inherit;cursor:pointer}.bao-opponents{grid-column:1 / -1;display:flex;gap:18px;padding-top:6px;border-top:1px solid #4a3826;font-size:12px;color:#c8b08a;flex-wrap:wrap}.bao-opponents label{display:flex;align-items:center;gap:6px}.bao-opponents select{background:#54402c;color:#f3e1bd;border:1px solid #6b5440;border-radius:6px;padding:3px 6px;font:inherit;cursor:pointer}.bao-elo{grid-column:1 / -1;display:flex;gap:18px;padding-top:4px;font-size:12px;color:#c8b08a;flex-wrap:wrap}.bao-elo-human strong{color:#f3e1bd}.bao-elo-vs{color:#a8916b}.bao-thinking{color:#facc15;margin-left:4px;font-style:italic}.bao-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (orientation: portrait) and (max-width: 700px){.bao-board-row{flex-direction:column;align-items:center}.bao-history{width:100%;max-height:200px}}.bao-prompt{display:flex;align-items:center;gap:10px;background:#2c1f15;border:1px solid #6b5440;padding:8px 14px;border-radius:8px;flex-wrap:wrap}.bao-prompt-label{font-size:14px;color:#d4b886}.bao-prompt-button{background:#54402c;color:#f3e1bd;border:1px solid #facc15;border-radius:6px;padding:6px 14px;cursor:pointer;font:inherit}.bao-prompt-button:hover{background:#6b5440}.bao-prompt-cancel{border-color:#6b5440}.bao-footer{text-align:center;font-size:11px;color:#7d6648;margin-top:8px}