@layer components{.np-stage{align-items:center;gap:var(--space-3);min-width:0;padding-top:var(--space-4);flex-direction:column;display:flex;position:relative;overflow:clip}@media (width>=900px){.np-stage{padding-top:var(--space-6)}}.np-table{width:100%;max-width:var(--wheel-max);aspect-ratio:4/3;padding:var(--space-4);perspective:calc(var(--wheel-max) * 2);background-color:var(--color-sunken);background-image:var(--paper-grain);border:var(--border-w) solid var(--color-text);border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;place-items:center;display:grid;position:relative;overflow:hidden}.np-deck{transition:opacity var(--dur-4) var(--ease-out), transform var(--dur-4) var(--ease-out);place-items:center;display:grid;position:absolute;inset:0}.np-deck.is-dealt{opacity:0;transform:translateY(var(--space-5)) scale(.9)}.np-deck.is-shuffling{opacity:1;transform:none}.np-back,.np-card__back{border:var(--border-w) solid var(--color-text);border-radius:var(--radius-sm);background-color:var(--color-surface);background-image:repeating-linear-gradient(45deg, transparent 0 var(--space-2), color-mix(in srgb, var(--color-indigo) 22%, transparent) var(--space-2) calc(var(--space-2) + 1px)), repeating-linear-gradient(-45deg, transparent 0 var(--space-2), color-mix(in srgb, var(--color-indigo) 22%, transparent) var(--space-2) calc(var(--space-2) + 1px));box-shadow:inset 0 0 0 var(--space-2) var(--color-surface), inset 0 0 0 calc(var(--space-2) + 1px) var(--color-indigo)}.np-back{aspect-ratio:3/2;width:62%;box-shadow:inset 0 0 0 var(--space-2) var(--color-surface), inset 0 0 0 calc(var(--space-2) + 1px) var(--color-indigo), var(--shadow-2);grid-area:1/1}.np-back:first-child{transform:rotate(-7deg) translate(calc(var(--space-2) * -1), var(--space-1))}.np-back:nth-child(2){transform:rotate(4deg) translate(var(--space-2), 0)}.np-back:nth-child(3){transform:rotate(-1deg)}.np-deck.is-shuffling .np-back:first-child{animation:np-shuffle-left var(--dur-4) var(--ease-in-out) 2}.np-deck.is-shuffling .np-back:nth-child(2){animation:np-shuffle-right var(--dur-4) var(--ease-in-out) 2}@keyframes np-shuffle-left{50%{transform:rotate(-12deg) translate(-38%, calc(var(--space-2) * -1))}}@keyframes np-shuffle-right{50%{transform:rotate(9deg) translate(38%, var(--space-1))}}.np-cards{align-content:center;place-items:center;gap:var(--space-2);padding:var(--space-3);display:grid;position:absolute;inset:0}.np-cards--many{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),1fr));align-content:start;place-items:stretch stretch;overflow-y:auto}.np-card{gap:var(--space-2);justify-items:center;width:min(100%,26rem);display:grid;position:relative}.np-cards--many .np-card{width:100%}.np-card__inner{width:100%;transform-style:preserve-3d;animation:np-flip var(--dur-reveal) var(--ease-out) calc(var(--dur-4) * 2) both;display:grid;position:relative}.np-cards--many .np-card__inner{animation-delay:calc(var(--dur-4) * 2 + var(--i,0) * var(--stagger))}.np-card__face,.np-card__back{-webkit-backface-visibility:hidden;backface-visibility:hidden;grid-area:1/1}.np-card__back{transform:rotateY(180deg)}.np-card__face{align-content:center;justify-items:center;gap:var(--space-1);min-height:calc(var(--space-9) + var(--space-7));padding:var(--space-5) var(--space-5);background-color:var(--color-surface);background-image:linear-gradient(to bottom, transparent calc(50% - .5px), var(--color-border) calc(50% - .5px), var(--color-border) calc(50% + .5px), transparent calc(50% + .5px));border:var(--border-w) solid var(--color-text);border-radius:var(--radius-sm);box-shadow:var(--shadow-3);text-align:center;display:grid;position:relative}.np-cards--many .np-card__face{min-height:calc(var(--space-8) + var(--space-3));padding:var(--space-3);box-shadow:var(--shadow-1);background-image:none}.np-card__face:after{content:"";width:var(--space-5);height:var(--space-5);background:linear-gradient(225deg, var(--color-sunken) 50%, var(--color-bg) 50%);border-left:var(--border-w) solid var(--color-text);border-bottom:var(--border-w) solid var(--color-text);border-bottom-left-radius:var(--radius-sm);position:absolute;top:-1px;right:-1px}.np-card__kicker{color:var(--color-indigo);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-stamp);text-transform:uppercase}:lang(ko) .np-card__kicker,:lang(ja) .np-card__kicker,:lang(zh-Hant) .np-card__kicker{letter-spacing:0}.np-card__num{top:var(--space-2);left:var(--space-3);color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--weight-bold);position:absolute}.np-card__name{max-width:100%;font-size:var(--text-reveal);font-weight:var(--weight-heavy);line-height:var(--leading-title);overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.np-cards--many .np-card__name{font-size:var(--text-xl)}.np-stage.is-large .np-card__name{font-size:var(--text-present)}.np-stage.is-large .np-cards--many .np-card__name{font-size:var(--text-3xl)}.np-card__stamp{right:calc(var(--space-4) * -1);top:calc(var(--space-5) * -1);width:var(--stamp-size);height:var(--stamp-size);border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-sm);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-stamp);box-shadow:inset 0 0 0 2px var(--color-accent), inset 0 0 0 calc(var(--space-1) + 1px) color-mix(in srgb, var(--color-on-accent) 70%, transparent);z-index:1;pointer-events:none;animation:stamp-in var(--dur-4) var(--ease-overshoot) calc(var(--dur-4) * 2 + var(--dur-reveal)) both;place-items:center;display:grid;position:absolute;transform:rotate(-14deg)}@media (width<=599px){.np-card__stamp{right:calc(var(--space-2) * -1);top:calc(var(--space-4) * -1);--stamp-size:calc(var(--space-8) - var(--space-2))}}.np-card.is-passed .np-card__face,.np-card.is-absent .np-card__face{opacity:.55}.np-card__status{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-stamp);text-transform:uppercase;border:var(--border-w) solid currentColor;border-radius:var(--radius-sm);padding:0 var(--space-2);color:var(--color-text-2)}.np-card__actions{justify-content:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.np-card__actions .btn{white-space:normal}.np-cards.is-instant .np-card__inner,.np-cards.is-instant .np-card__stamp{animation:none}@keyframes np-flip{0%{opacity:0;transform:translateY(var(--space-4)) rotateY(180deg)}25%{opacity:1}to{opacity:1;transform:none}}.np-progress{font-size:var(--text-sm);color:var(--color-text-2)}@media (prefers-reduced-motion:reduce){.np-deck.is-shuffling .np-back{animation:none}.np-card__inner,.np-cards--many .np-card__inner{animation:reveal-fade var(--dur-reveal) var(--ease-out) both}.np-card__stamp{opacity:.94;animation:none}}:root[data-present] .np-stage.is-present .np-table{max-width:var(--present-wheel-max);width:min(100%, calc((100dvh - var(--present-reserve)) * 4 / 3))}.np-stage.is-present .np-card{width:min(100%,60rem)}.np-stage.is-present .np-card__name{font-size:var(--text-present)}.np-stage.is-present .np-card__kicker{font-size:var(--text-xl)}.np-stage.is-present .np-card__stamp{--stamp-size:calc(var(--space-9) + var(--space-5));font-size:var(--text-xl)}.np-split{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.np-split__col{gap:var(--space-2);align-content:start;display:grid}.np-split__col h3{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-2)}.np-chips{gap:var(--space-1);flex-wrap:wrap;padding:0;list-style:none;display:flex}.np-chips li{padding:var(--space-1) var(--space-2);border:var(--border-w) solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);font-size:var(--text-sm);overflow-wrap:anywhere}.np-chips--done li{color:var(--color-text-2);text-decoration:line-through;text-decoration-color:var(--color-accent)}.np-split .link-btn{justify-self:start}}