.ld{background:radial-gradient(80% 42% at 50% 0,rgba(164,92,255,.2),transparent 70%),radial-gradient(60% 34% at 50% 100%,rgba(110,240,70,.1),transparent 72%),#030506}.ld-frame{width:100%;min-height:100%;padding:calc(.5rem + env(safe-area-inset-top,0px))1rem calc(.5rem + env(safe-area-inset-bottom,0px));grid-template:"head""wall""line""drum"minmax(11rem,1fr)"slip""actions""note"/minmax(0,1fr);gap:.5rem;display:grid}.ld-head{grid-area:head;align-items:center;gap:.75rem;min-width:0;display:flex}.ld-score{color:var(--mf-muted);flex:none;margin-left:auto;font-size:.8125rem}.ld-score b{color:var(--mf-green);font-size:1.25rem;font-weight:800}.ld-wall{background:linear-gradient(135deg,#2b3431,#0a0e0d 40%,#2a2138);border-radius:1rem;grid-area:wall;padding:.3125rem;transition:box-shadow .4s;position:relative;box-shadow:0 0 50px rgba(110,240,70,.16),0 0 90px rgba(164,92,255,.16)}.ld[data-clip=draw] .ld-wall{box-shadow:0 0 60px rgba(164,92,255,.4),0 0 120px rgba(34,227,238,.18)}.ld[data-clip=win] .ld-wall{box-shadow:0 0 70px rgba(255,211,110,.5),0 0 140px rgba(110,240,70,.25)}.ld-screen{aspect-ratio:16/9;background:#040706;border-radius:.75rem;position:relative;overflow:hidden;container-type:inline-size}.ld-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0;right:0}.ld-video.is-on{opacity:1}.ld-bezel{pointer-events:none;border-radius:.75rem;position:absolute;top:.3125rem;bottom:.3125rem;left:.3125rem;right:.3125rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.ld-flash{--ball:#8f78e6;color:#06100c;letter-spacing:-.03em;background:radial-gradient(circle at 34% 28%,#fff 0 6%,var(--ball)46%,color-mix(in srgb,var(--ball)55%,#000)100%);width:24cqw;height:24cqw;box-shadow:0 0 6cqw var(--ball);border-radius:50%;place-items:center;margin:-12cqw 0 0 -12cqw;font-size:12cqw;font-weight:900;animation:1.1s cubic-bezier(.2,1.3,.4,1) both ld-pop;display:grid;position:absolute;top:36%;left:25%}.ld-flash.is-hit{box-shadow:0 0 0 .8cqw #ffd36e,0 0 9cqw #ffd36e}@keyframes ld-pop{0%{opacity:0;transform:scale(.3)}22%{opacity:1;transform:scale(1)}76%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}.ld-b0{--ball:#8f78e6}.ld-b1{--ball:#4dcbb8}.ld-b2{--ball:#7ad178}.ld-line{color:#e9f2ee;grid-area:line;min-height:2.5rem;font-size:.9375rem;font-weight:600;line-height:1.3}.ld-drum{grid-area:drum;min-height:0;position:relative}.ld-rail{pointer-events:none;justify-content:center;gap:.375rem;display:flex;position:absolute;bottom:.5rem;left:.5rem;right:.5rem}.ld-slot{color:#06100c;background:rgba(3,5,6,.7);border:1px solid rgba(255,255,255,.16);border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;font-size:.9375rem;font-weight:800;display:grid}.ld-slot.ld-b0,.ld-slot.ld-b1,.ld-slot.ld-b2{background:var(--ball)}.ld-slot.is-hit{border-color:#ffd36e;box-shadow:0 0 14px #ffd36e}.ld-slip{grid-area:slip}.ld-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.3125rem;display:grid}.ld-num{color:#e9f2ee;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:.625rem;min-height:2.75rem;font-weight:700;transition:background .15s,border-color .15s,transform .1s}.ld-num:active{transform:scale(.95)}.ld-num:focus-visible{outline:2px solid var(--mf-green);outline-offset:1px}.ld-num.is-chosen{border-color:var(--mf-green);color:#06100c;background:var(--mf-green)}.ld-num.is-out:not(.is-chosen){background:rgba(164,92,255,.22);border-color:rgba(164,92,255,.7)}.ld-num.is-hit{background:#ffd36e;border-color:#ffd36e;box-shadow:0 0 12px rgba(255,211,110,.7)}.ld-actions{grid-area:actions;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:.5rem;display:grid}.ld-actions [aria-disabled=true]{cursor:default;opacity:.55}.ld-note{color:var(--mf-muted);flex-wrap:wrap;grid-area:note;justify-content:space-between;gap:.25rem 1rem;font-size:.6875rem;display:flex}.ld-note summary{cursor:pointer;min-height:1.5rem;text-decoration:underline}.ld-note ul{flex-wrap:wrap;gap:.25rem .75rem;margin-top:.25rem;display:flex}@container (width>=56rem){.ld-frame{grid-template:"head head""wall drum""slip line""slip actions""slip note"/minmax(0,1.75fr) minmax(18rem,1fr);align-content:center;column-gap:1rem;height:100%;min-height:38rem;padding:.75rem 1.5rem}.ld-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.ld-num{min-height:3.25rem;font-size:1.0625rem}.ld-line{font-size:1.0625rem}}@media (prefers-reduced-motion:reduce){.ld-flash{animation:none}.ld-video,.ld-wall{transition:none}}