.bo{--bo-ink:#eae3cf;--bo-muted:#a7bbb8;width:min(100%,440px);margin:auto;border:1px solid #657b79;border-radius:14px;background:#193541;color:var(--bo-ink);font-family:inherit;font-size:13px;line-height:1.25;position:relative;overflow:hidden;isolation:isolate}.bo *{box-sizing:border-box}.bo button,.bo input{font:inherit;border:1px solid #6d817b;border-radius:7px;background:#2b4953;color:var(--bo-ink);min-height:40px;padding:7px 9px;touch-action:manipulation}.bo button{cursor:pointer}.bo button:hover:not(:disabled){background:#3a5a62;border-color:#cbb990}.bo button:focus-visible,.bo input:focus-visible,.bo-board:focus-visible{outline:3px solid #e5cb93;outline-offset:-3px}.bo button:disabled{opacity:.42;cursor:default}.bo button.bo-primary{background:#c5ae7c;color:#213c45;border-color:#e1d1a5;font-weight:700}.bo button.bo-primary:hover:not(:disabled){background:#dcc592}.bo button[aria-pressed=true]{background:#aebc9e;color:#233b40;border-color:#d9dec2}.bo-top{display:flex;gap:7px;align-items:center;padding:8px 10px 6px;border-bottom:1px solid #617c743f}.bo-place{min-width:0;flex:1}.bo-place strong{font-size:16px;display:block}.bo-place small{display:block;font-size:10px;color:var(--bo-muted);margin-top:3px}.bo-top button{font-size:11px;padding:6px 8px}.bo-top button:last-child{min-width:40px;font-size:17px}.bo-metrics{display:flex;gap:6px;align-items:center;justify-content:space-between;padding:6px 10px;font-size:10px;font-variant-numeric:tabular-nums;min-height:27px}.bo-metrics strong{font-size:11px}.bo-metrics span:last-child{color:#d6bd92}.bo-play{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:9px;margin:0 10px;align-items:start}.bo-arena{display:flex;justify-content:center;min-width:0;background:#132c37;border:1px solid #7e9187;border-radius:7px;overflow:hidden}.bo-board{display:block;aspect-ratio:1/2;width:auto;max-width:100%;height:clamp(320px,calc(100dvh - 370px),420px);touch-action:none;user-select:none}.bo-board text{font-family:system-ui,sans-serif;pointer-events:none}.bo-rail{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0}.bo-rail small{font-size:10px;text-align:center;color:var(--bo-muted)}.bo-hold{padding:4px!important;min-height:62px!important;display:flex;flex-direction:column;gap:3px}.bo-hold small{color:var(--bo-ink)}.bo-mini{display:block;width:100%;height:37px}.bo-mini svg{display:block;width:100%;height:37px}.bo-next{border:1px solid #59716e;border-radius:7px;background:#233e48;padding:3px 0;display:flex;flex-direction:column}.bo-next svg{display:block;width:100%;height:36px}.bo-warning{display:flex;flex-direction:column;gap:5px;margin-top:4px;font-size:10px;line-height:1.4;color:#e2c89b;text-align:center;overflow-wrap:normal}.bo-hole{display:flex;gap:1px;height:9px}.bo-hole i{display:block;background:#819b99;flex:1;border:1px solid #aab8a3}.bo-hole i.is-hole{background:#172f3b;border-color:#ddc899}.bo-controls{padding:8px 10px 0;display:grid;gap:5px;direction:ltr}.bo-directions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.bo-directions button{font-size:23px;padding:3px;line-height:1;min-height:41px}.bo-drops{display:grid;grid-template-columns:1fr 1fr;gap:5px}.bo-drops button{font-size:13px;min-height:41px}.bo-status{min-height:30px;font-size:10px;color:#b7cac0;padding:6px 10px;margin:0;line-height:1.4}.bo-foot{display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid #6e827e40;padding:5px 10px;color:#a6bbb4}.bo-foot small{font-size:9px;line-height:1.3}.bo-foot small:last-child{flex-shrink:0}.bo-overlay{position:absolute;inset:0;z-index:5;background:#102c38eb;display:flex;align-items:center;justify-content:center;padding:12px}.bo-overlay[hidden]{display:none}.bo-panel{width:100%;max-height:100%;overflow:auto;overscroll-behavior:contain;background:#24414c;border:1px solid #a59e7b;border-radius:11px;padding:15px;outline:none;box-shadow:0 8px 25px #081c2844}.bo-panel h2{font-size:21px;margin:0 0 9px;color:#eadfc2;line-height:1.2}.bo-panel p{font-size:12px;line-height:1.45;margin:0 0 12px;color:#becdc0}.bo-panel-actions,.bo-mode-options{display:flex;flex-wrap:wrap;gap:6px}.bo-panel-actions{margin-top:12px}.bo-panel-actions button,.bo-mode-options button{flex:1;min-width:78px;font-size:12px}.bo-panel label{display:flex;flex-direction:column;gap:5px;font-size:11px}.bo-panel input{width:100%;min-width:0}.bo-levels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:12px;direction:ltr}.bo-levels button{padding:5px 1px;font-size:11px}.bo-choices{display:grid;gap:7px}.bo-choices button{text-align:start;display:flex;flex-direction:column;gap:4px;padding:9px}.bo-choices small{color:inherit;opacity:.85;font-size:11px}@media(max-width:420px){.bo{border-radius:10px}.bo-top{padding:6px 7px 5px;gap:5px}.bo-place strong{font-size:14px}.bo-play{grid-template-columns:minmax(0,1fr) 70px;gap:6px;margin:0 7px}.bo-board{height:380px}.bo-metrics{padding:5px 8px;gap:3px;font-size:9px}.bo-metrics strong{font-size:10px}.bo-controls{padding:6px 7px 0}.bo-status{padding:5px 8px;min-height:31px}.bo-foot{padding:5px 8px}.bo-rail small{font-size:9px}.bo-panel{padding:12px}.bo-panel h2{font-size:20px}.bo-panel-actions button,.bo-mode-options button{font-size:11px}.bo-levels{gap:4px}.bo-levels button{font-size:10px}}@media(max-width:340px){.bo-board{height:368px}.bo-top button{font-size:10px}.bo-foot small{font-size:8px}.bo-warning{font-size:9px}}@media(prefers-reduced-motion:reduce){.bo *{transition:none!important;animation:none!important}}