.bs{width:100%;position:relative}.bs .ka-shell{max-width:max(340px, calc(var(--bs-w) + 6px));gap:10px}.bs .ka-bar{flex-wrap:nowrap;gap:8px}.bs .ka-stats{flex-wrap:nowrap;gap:6px;min-width:0}.bs .ka-stat{min-width:0}.bs .ka-stat dd small{color:var(--ink-3);letter-spacing:0;font-size:.62em;font-weight:800}.bs .ka-actions{flex-wrap:nowrap;flex:none;gap:6px}.bs .ka-hint{align-self:center;width:max-content;max-width:calc(100vw - 32px);font-size:13px}.bs--touch .ka-hint{display:none}@media (pointer:coarse){.bs .ka-hint{display:none}}@media (width<=560px){.bs .ka-stat{border-radius:11px;flex:auto;padding:4px 8px 5px}.bs .ka-stat dt{font-size:11px}.bs .ka-stat dd{white-space:nowrap;font-size:17px}.bs .ka-btn--icon{width:38px;height:38px}}.bs-board{width:calc(var(--bs-w) + 6px);border:3px solid var(--ink);background:var(--paper);box-shadow:var(--hard);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border-radius:14px;position:relative;overflow:hidden}.bs-board.is-playing{cursor:none}.bs-canvas{touch-action:none;display:block}.bs-combo{top:calc(30px * var(--bs-scale));font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--sun);border:var(--edge);box-shadow:var(--hard-sm);pointer-events:none;white-space:nowrap;animation:bs-hop .26s var(--ease-spring);border-radius:999px;padding:2px 10px 3px;font-size:17px;font-weight:800;line-height:1.1;position:absolute;left:50%;translate:-50%}.bs-combo span{font-family:var(--font-body);font-size:12px;font-weight:800}.bs-combo.is-big{background:var(--game);font-size:20px}@keyframes bs-hop{0%{transform:scale(.7)rotate(-6deg)}60%{transform:scale(1.12)rotate(2deg)}to{transform:scale(1)rotate(0)}}.bs-toast{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);background:var(--bs-toast,var(--white));border:var(--edge);box-shadow:var(--hard-sm);pointer-events:none;white-space:nowrap;animation:bs-toast 1.1s var(--ease-spring) forwards;border-radius:12px;padding:4px 14px 6px;font-size:18px;font-weight:800;position:absolute;bottom:22%;left:50%;translate:-50%}@keyframes bs-toast{0%{opacity:0;transform:translateY(8px)scale(.85)rotate(-3deg)}15%{opacity:1;transform:translateY(0)scale(1.05)rotate(-3deg)}25%{transform:scale(1)rotate(-3deg)}75%{opacity:1}to{opacity:0;transform:translateY(-14px)rotate(-3deg)}}.bs-serve{text-align:center;background:var(--white);border:var(--edge);border-radius:var(--r-md);width:max-content;max-width:calc(100% - 24px);box-shadow:var(--hard);pointer-events:none;animation:bs-pop .3s var(--ease-spring);flex-direction:column;align-items:center;gap:3px;padding:9px 16px 10px;display:flex;position:absolute;top:60%;left:50%;translate:-50% -50%}.bs-serve-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);margin:0;font-size:18px;font-weight:800;line-height:1.1}.bs-serve-sub{color:var(--ink-2);margin:0;font-size:13px;font-weight:700}@keyframes bs-pop{0%{opacity:0;transform:translateY(10px)scale(.94)rotate(-1.5deg)}}.bs-overlay{animation:bs-fade .18s var(--ease-out);background:#fff7ddc7;place-items:center;padding:14px;display:grid;position:absolute;inset:0}.bs-overlay--clear{background:#fff7dd8c}.bs-overlay--late{animation-duration:.42s}@keyframes bs-fade{0%{opacity:0}}.bs-card{text-align:center;background:var(--white);border:3px solid var(--ink);border-radius:var(--r-lg);max-width:100%;box-shadow:var(--hard-lg);animation:bs-pop .32s var(--ease-spring);flex-direction:column;align-items:center;gap:10px;padding:16px 18px 18px;display:flex}.bs-card--clear{gap:12px}.bs-card-kicker{color:var(--ink-2);margin:0;font-size:13px;font-weight:800}.bs-card-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);margin:0;font-size:32px;font-weight:800;line-height:1}.bs-card-title--win{background:var(--game);border:var(--edge);border-radius:14px;padding:4px 12px 6px;display:inline-block;transform:rotate(-2deg)}.bs-card-sub{color:var(--ink-2);margin:0;font-size:14px;font-weight:700}.bs-card-hint{color:var(--ink-3);text-wrap:balance;max-width:30ch;margin:0;font-size:12px;font-weight:600}.bs-card-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bs-card-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;margin:0;display:grid}.bs-card-stats div{background:var(--cream);border:var(--edge);border-radius:12px;padding:5px 8px 6px}.bs-card-stats dt{color:var(--ink-3);white-space:nowrap;font-size:11px;font-weight:700}.bs-card-stats dd{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);margin:0;font-size:19px;font-weight:800}.bs-card-timer{border:2px solid var(--ink);background:var(--cream);border-radius:999px;width:70%;height:7px;margin-top:-2px;display:block;position:relative;overflow:hidden}.bs-card-timer:after{content:"";background:var(--ink);transform-origin:0;animation:bs-drain var(--bs-auto,3.6s) linear forwards;position:absolute;inset:0}@keyframes bs-drain{to{transform:scaleX(0)}}.bs-picker{background:var(--white);border:3px solid var(--ink);border-radius:var(--r-lg);width:min(320px,100%);box-shadow:var(--hard-lg);animation:bs-pop .26s var(--ease-spring);flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex}.bs-picker-head{justify-content:space-between;align-items:center;display:flex}.bs-picker .bs-card-hint{text-align:center;max-width:none}.bs-picker-grid{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.bs-lvl{border:var(--edge);background:var(--white);height:40px;color:var(--ink);font:800 17px var(--font-display);font-variant-numeric:tabular-nums;cursor:pointer;box-shadow:var(--hard-sm);transition:transform .14s var(--ease-spring), box-shadow .14s var(--ease-spring), background .14s;border-radius:10px;place-items:center;display:grid}.bs-lvl:hover:not(:disabled){box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.bs-lvl:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.bs-lvl[aria-current=true]{background:var(--sun)}.bs-lvl:disabled{background:var(--cream);color:var(--ink-3);border-color:var(--ink-3);box-shadow:none;cursor:not-allowed}.bs-x{border:var(--edge);background:var(--white);width:32px;height:32px;color:var(--ink);cursor:pointer;box-shadow:var(--hard-sm);transition:transform .14s var(--ease-spring), box-shadow .14s var(--ease-spring);border-radius:999px;place-items:center;padding:0 0 2px;font-size:20px;font-weight:700;line-height:1;display:grid}.bs-x:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.bs-x:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}@media (width<=420px){.bs-card{padding:14px 14px 16px}.bs-card-title{font-size:28px}}@media (prefers-reduced-motion:reduce){.bs-combo,.bs-serve,.bs-card,.bs-picker,.bs-overlay{animation:none}.bs-toast{animation:1.1s linear forwards bs-toast-still}}@keyframes bs-toast-still{0%,80%{opacity:1}to{opacity:0}}