@layer components{.nb-stage{background:var(--bg-soft);border:1px solid var(--border);perspective:700px;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;border-radius:12px;flex-wrap:wrap;place-content:safe center center;align-items:center;gap:.45rem;min-height:128px;max-height:17.5rem;margin-top:.7rem;padding:.7rem;display:flex;position:relative;overflow:hidden auto}.nb-stage::-webkit-scrollbar{width:8px}.nb-stage::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:2px solid #0000;border-radius:999px}.nb-stage.is-scrollable{overscroll-behavior:contain}.nb-stage.is-tappable{cursor:pointer;transition:border-color .15s,background .15s}.nb-stage.is-tappable:hover{border-color:var(--border-strong);background:var(--bg-raised)}.nb-stage.has-above{box-shadow:inset 0 34px 22px -14px var(--bg-soft)}.nb-stage.has-below{box-shadow:inset 0 -34px 22px -14px var(--bg-soft)}.nb-stage.has-above.has-below{box-shadow:inset 0 34px 22px -14px var(--bg-soft), inset 0 -34px 22px -14px var(--bg-soft)}.nb-stage-more{border:1px dashed var(--border-strong);font-family:var(--font-mono);color:var(--text-faint);border-radius:999px;align-self:center;padding:.2rem .5rem;font-size:11px;font-weight:700}.nb-slot{font-family:var(--font-display);font-variation-settings:"opsz" 48, "SOFT" 20;color:var(--text);text-align:center;font-variant-numeric:tabular-nums;min-width:2ch;font-size:1.9rem;font-weight:700;transition:color .3s}.is-rolling .nb-slot{color:var(--accent)}.nb-dice-roll{align-items:center;gap:.45rem;margin:0 .3rem;display:inline-flex}.nb-die{background:var(--bg-raised);border:1.5px solid var(--border-strong);width:52px;height:52px;box-shadow:var(--shadow);color:var(--text);--hop:24px;border-radius:11px;display:grid}.nb-d6{grid-template-columns:repeat(3,1fr);padding:7px}.nb-d6 i{display:block}.nb-d6 .nb-pip{background:currentColor;border-radius:50%;place-self:center;width:9px;height:9px}.nb-dn{font-family:var(--font-display);place-items:center;font-size:1.35rem;font-weight:700}.nb-die.is-dropped{opacity:.35}.nb-die-total{font-family:var(--font-display);color:var(--text);min-width:calc(var(--w,4) * 1ch);font-variant-numeric:tabular-nums;margin-inline-start:.2rem;font-size:1.6rem;font-weight:700}.is-rolling .nb-die{animation:.9s cubic-bezier(.18,.72,.28,1) both nb-tumble;animation-delay:calc(min(var(--i,0), 7) * 55ms)}@keyframes nb-tumble{0%{transform:translateY(0)rotate(0)scale(1)}14%{transform:translateY(calc(var(--hop) * -.72)) rotate(-150deg) scale(1.07)}34%{transform:translateY(calc(var(--hop) * -1)) rotate(-370deg) scale(1.09)}56%{transform:translateY(calc(var(--hop) * -.56)) rotate(-575deg) scale(1.04)}72%{transform:translateY(0)rotate(-720deg)scale(1)}84%{transform:translateY(calc(var(--hop) * -.3)) rotate(-720deg) scale(.985)}to{transform:translateY(0)rotate(-720deg)scale(1)}}.nb-stage:has(.nb-dice-roll+.nb-dice-roll) .nb-die{--hop:9px}@media (prefers-reduced-motion:reduce){.is-rolling .nb-die{animation:none}}.nb-coins{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.nb-coin{width:54px;height:54px;transform-style:preserve-3d;--from:0deg;--to:1800deg;position:relative}.nb-coin[data-face=T]{--to:1980deg;rotate:y 180deg}.nb-coin-face{backface-visibility:hidden;font-family:var(--font-display);color:#3a2a08;border:2px solid #96650e;border-radius:50%;place-items:center;font-size:1.4rem;font-weight:800;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 4px #f8d884,inset 0 0 0 5px #b9892a}.nb-coin-front{background:radial-gradient(circle at 35% 30%,#fbe29a,#e8b946 70%)}.nb-coin-back{background:radial-gradient(circle at 35% 30%,#f1c75f,#cf9c2e 70%);transform:rotateY(180deg)}.nb-coin.is-flipping{animation:.95s linear both nb-coin-spin,.95s both nb-coin-toss;animation-delay:calc(min(var(--i,0), 12) * 80ms)}@keyframes nb-coin-spin{0%{rotate:y var(--from)}to{rotate:y var(--to)}}@keyframes nb-coin-toss{0%{animation-timing-function:cubic-bezier(.12,.72,.32,1);translate:0}50%{animation-timing-function:cubic-bezier(.7,0,.85,.35);translate:0 -26px}to{translate:0}}.nb-tally{text-align:center;width:100%;color:var(--text-faint);font-size:12px}.nb-balls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}.nb-ball,.nb-bingo{width:42px;height:42px;font-family:var(--font-mono);background:var(--bg-raised);color:var(--text);border:1.5px solid var(--border-strong);box-shadow:inset -4px -5px 8px #00000014, var(--shadow);border-radius:50%;place-items:center;font-size:.95rem;font-weight:700;display:grid}.nb-ball.is-bonus{background:var(--accent);color:var(--accent-text);border-color:#0000}.nb-ball-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-inline-end:.1rem;font-size:10px;font-weight:700}.nb-bingo{flex-direction:column;justify-content:center;width:50px;height:50px;line-height:1;display:flex}.nb-bingo-letter{letter-spacing:.1em;color:var(--accent);font-size:9px;font-weight:800}.is-rolling .nb-ball,.is-rolling .nb-bingo{animation:.55s cubic-bezier(.2,.9,.3,1.2) both nb-drop;animation-delay:calc(min(var(--i,0), 11) * 90ms)}@keyframes nb-drop{0%{opacity:0;transform:translateY(-52px)scale(.6)}70%{opacity:1;transform:translateY(5px)scale(1.04)}to{transform:none}}.nb-eight{width:112px;height:112px;box-shadow:inset -8px -10px 18px #00000080, var(--shadow-lift);background:radial-gradient(circle at 35% 28%,#4a443b,#14120e 65%);border-radius:50%;place-items:center;display:grid}.nb-eight-window{text-align:center;background:radial-gradient(circle at 50% 40%,#1b2a6b,#070b22 70%);border-radius:50%;place-items:center;width:76px;height:76px;padding:9px;display:grid}.nb-eight-answer{color:#dfe6ff;font-family:var(--font-display);font-size:15px;font-weight:700;line-height:1.1}.nb-eight-answer.is-long{font-size:10.5px}.is-rolling .nb-eight{animation:.7s both nb-shake}.is-rolling .nb-eight-answer{animation:.5s .45s both nb-surface}@keyframes nb-shake{0%{transform:rotate(0)}20%{transform:rotate(-14deg)translate(-4px)}40%{transform:rotate(12deg)translate(4px)}60%{transform:rotate(-8deg)}80%{transform:rotate(5deg)}to{transform:none}}@keyframes nb-surface{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.nb-ticket{background:var(--accent-soft);border:1px dashed var(--accent);color:var(--text);border-radius:8px;flex-direction:column;align-items:center;padding:.4rem .8rem;line-height:1.1;display:flex}.nb-ticket-place{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:800}.nb-ticket-n{font-family:var(--font-mono);font-size:1.25rem;font-weight:700}.is-rolling .nb-ticket{animation:.5s cubic-bezier(.2,.9,.3,1.3) both nb-stamp;animation-delay:calc(min(var(--i,0), 7) * .18s)}@keyframes nb-stamp{0%{opacity:0;transform:scale(1.5)rotate(-6deg)}to{opacity:1;transform:none}}.nb-pin{gap:.3rem;display:flex}.nb-pin-digit{width:36px;height:48px;font-family:var(--font-mono);background:var(--text);color:var(--bg);background-image:linear-gradient(#ffffff14,#0000 50%,#00000040 51%);border-radius:7px;place-items:center;font-size:1.55rem;font-weight:700;display:grid}.is-rolling .nb-pin-digit{animation:.4s both nb-flipcard;animation-delay:calc(var(--i,0) * 60ms)}@keyframes nb-flipcard{0%{transform:rotateX(-90deg)}to{transform:none}}.nb-uuid{font-family:var(--font-mono);color:var(--text);overflow-wrap:anywhere;text-align:center;font-size:.92rem;transition:color .3s}.is-rolling .nb-uuid{color:var(--accent)}.nb-tokens{flex-direction:column;align-items:center;gap:.4rem;display:flex}.nb-token{background:var(--bg-raised);border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.01em;color:var(--text);overflow-wrap:anywhere;border-radius:7px;padding:.28rem .6rem;font-size:.84rem;transition:color .3s}.nb-token.is-printing{color:var(--accent)}.nb-confetti{pointer-events:none;position:absolute;inset:0}}