.bub{--bub-ease: cubic-bezier(.2, .8, .3, 1);--bub-brass: #E8B84B;display:flex;flex-direction:column;gap:clamp(var(--sp-2),1.6cqi,var(--sp-3h));padding:clamp(var(--sp-2),1.8cqi,var(--sp-4));inline-size:100%;position:relative;color:#e8eef4;font:500 15px/1.3 inherit;font-family:inherit;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.bub__bar{display:flex;align-items:center;gap:var(--sp-2) var(--sp-2);flex-wrap:wrap}.bub__stat{display:flex;flex-direction:column;justify-content:center;min-width:4.25rem;min-height:44px;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-sm);background:var(--scrim-2);box-shadow:var(--e-sink)}.bub__stat span{font-size:var(--fs-1);letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-weight:700}.bub__stat b{font-size:var(--fs-4);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1}.bub__stat--rows b{color:var(--bub-brass)}.bub__pick{display:flex;align-items:center}.bub__seg{min-width:13rem}.bub__chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-chip);background:color-mix(in srgb,var(--art-near) 16%,transparent);color:var(--bub-brass);font-weight:800;font-size:var(--fs-1);white-space:nowrap}.bub__actions{margin-left:auto;display:flex;gap:var(--sp-1)}.bub__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);min-height:44px;min-width:44px;padding:0 var(--sp-3);border-width:1px;border-style:solid;border-color:var(--wash-4);border-radius:var(--r-sm);background:var(--wash-3);color:#fff;font:inherit;font-weight:700;font-size:var(--fs-1);cursor:pointer;white-space:nowrap;transition:background-color .12s,transform .12s var(--bub-ease)}.bub__btn:hover:not(:disabled){background:var(--wash-4)}.bub__btn:active:not(:disabled){transform:translateY(1px)}.bub__btn:disabled{opacity:.4;cursor:default}.bub__btn.is-confirm{background:color-mix(in srgb,var(--art-near) 22%,transparent);border-color:var(--bub-brass);color:var(--bub-brass)}.bub__btn:focus-visible,.bub__canvas:focus-visible{outline:3px solid var(--action, #E8B84B);outline-offset:2px}@container (max-width: 30rem){.bub__pick{order:3;flex:1 0 100%}.bub__seg{min-width:0}.bub__stat{min-width:3.75rem;padding:var(--sp-1) var(--sp-2)}.bub__stat--shots{display:none}}.bub__stage{position:relative;inline-size:min(100%,30rem,max(calc((var(--fold, 100vh - 16rem) - 12rem) * .69),17rem));min-inline-size:12rem;margin-inline:auto;aspect-ratio:8 / 11.6;border-radius:var(--r-md);overflow:hidden;background:#0a1017;box-shadow:var(--ring-inset),var(--e-2)}.bub__canvas{display:block;inline-size:100%;block-size:100%;touch-action:none}.bub__hint{margin:0;min-height:1.4em;text-align:center;font-size:var(--fs-2);color:#e8eef4d1}@container (min-height: 1px){.bub__stage{inline-size:min(calc(100cqi - (2*clamp(8px,1.8cqi,16px))),calc((100cqh - 7rem)*.69),34rem)}.bub__stage{flex:0 1 auto}.bub__hint{margin-block-start:auto}}@media(prefers-reduced-motion:reduce){.bub__btn{transition:none}}