.bb-page{max-width:480px}.bb-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.bb-scores{display:flex;gap:.5rem;flex-shrink:0}.bb-score-box{display:flex;flex-direction:column;align-items:center;background:var(--color-surface-high);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.3rem .7rem;min-width:68px}.bb-score-label{font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-muted)}.bb-score-value{font-size:1.15rem;font-weight:700;font-family:var(--font-display);color:var(--color-text);line-height:1.2;transition:transform .2s,color .2s}.bb-score-value.bump{transform:scale(1.25);color:var(--color-secondary)}.bb-combo{text-align:center;font-size:1rem;font-weight:800;letter-spacing:.06em;color:var(--color-secondary);margin-bottom:.5rem;animation:bbCombo .25s cubic-bezier(.34,1.56,.64,1)}@keyframes bbCombo{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.bb-board-wrap{position:relative;aspect-ratio:1;width:100%;background:var(--color-surface-high);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:6px;box-sizing:border-box;margin-bottom:.75rem}.bb-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);grid-gap:4px;gap:4px;width:100%;height:100%}.bb-cell{background:var(--color-bg-secondary);border-radius:4px;box-shadow:inset 0 2px 4px rgba(0,0,0,.4);position:relative;overflow:hidden}.bb-block{position:absolute;inset:1px;border-radius:3px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.25);background-image:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,0) 55%)}.bb-flash{position:absolute;inset:0;border-radius:4px;background:#fff;z-index:2;animation:bbFlash .45s ease-out forwards;pointer-events:none}@keyframes bbFlash{0%{opacity:1;background:#fff}40%{opacity:.9;background:#ffffcc}to{opacity:0}}.bb-preview{position:absolute;inset:1px;border-radius:3px;pointer-events:none}.bb-preview.valid{opacity:.55;box-shadow:inset 0 -2px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);background-image:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,0) 55%)}.bb-preview.invalid{background:#f87171!important;opacity:.35}.bb-overlay{position:absolute;inset:0;background:rgba(17,19,27,.86);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20}.bb-overlay-title{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-text)}.bb-overlay-score{font-size:1rem;color:var(--color-text-muted)}.bb-overlay-best{font-size:.85rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary)}.bb-tray{justify-content:space-around;background:var(--color-surface-high);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:.75rem .5rem;margin-bottom:.75rem;min-height:120px;gap:.5rem}.bb-tray,.bb-tray-slot{display:flex;align-items:center}.bb-tray-slot{flex:1 1;justify-content:center;min-height:80px}.bb-tray-piece{cursor:-webkit-grab;cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .15s,opacity .15s}.bb-tray-piece:hover{transform:scale(1.1)}.bb-tray-piece:active{cursor:-webkit-grabbing;cursor:grabbing;transform:scale(1.12)}.bb-tray-piece.hidden{opacity:0;pointer-events:none}.bb-float{position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,calc(-100% - 10px)) scale(1.12);opacity:.92;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.bb-actions{display:flex;justify-content:center}[data-theme=light] .bb-cell{background:var(--color-surface-low);box-shadow:inset 0 2px 3px rgba(0,0,0,.1)}[data-theme=light] .bb-board-wrap,[data-theme=light] .bb-tray{background:var(--color-surface)}[data-theme=light] .bb-score-box{background:var(--color-surface-low)}@media (max-width:480px){.bb-tray{padding:.6rem .25rem;min-height:100px}}