@layer components{.screen.np-stage{min-width:0;height:100%;color:var(--on-dark);background:radial-gradient(90% 60% at 30% 0,#133227 0%,#07120d 70%);grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:18px;padding:16px 18px 14px;display:grid;position:relative}.np-stage .kb{width:100%}.np-board{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.np-status{justify-content:space-between;align-items:center;gap:12px;display:flex}.np-best{font-variant-numeric:tabular-nums;color:var(--on-dark-dim);font-size:13px;font-weight:750}.np-list{scrollbar-width:thin;scrollbar-color:#fff3 transparent;align-content:start;gap:5px;min-height:0;margin:0;padding:0 2px 2px 0;list-style:none;display:grid;overflow-y:auto}.np-last{border-bottom:1px solid #ffffff1a;flex:none;padding-bottom:6px;overflow:visible}.np-row{--tone:#3a403c;isolation:isolate;background:#ffffff0d;border-radius:12px;grid-template-columns:64px minmax(0,1fr);align-items:center;column-gap:10px;min-height:42px;padding:6px 12px 6px 8px;display:grid;position:relative;overflow:hidden}.np-row.is-mild{--tone:#8a7a2c}.np-row.is-warm{--tone:#b8662a}.np-row.is-hot{--tone:#c9372f}.np-row.is-hit{--tone:var(--rn);color:#0d0d0f}.np-bar{z-index:-1;width:calc(var(--fill) * 100%);background:var(--tone);opacity:.55;transition:width .6s var(--ease-out);position:absolute;inset:0 auto 0 0}.np-row.is-hit .np-bar{opacity:1}.np-row.is-fresh{animation:np-in .36s var(--ease-out) both;box-shadow:inset 0 0 0 1.5px #ffffff47}@keyframes np-in{0%{opacity:0;transform:translateY(-8px)}}.np-rank{letter-spacing:-.02em;text-align:right;font-variant-numeric:tabular-nums;font-size:19px;font-weight:800}.np-who{align-items:center;gap:8px;min-width:0;font-size:15px;display:flex}.np-who b{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.np-tag{letter-spacing:.03em;background:#ffffff29;border-radius:6px;flex:none;padding:1px 6px;font-size:10.5px;font-weight:750}.np-why{opacity:.72;grid-column:2;font-size:12px;font-weight:600;line-height:1.3}.np-flag{background:50%/cover no-repeat;border-radius:3px;flex:none;width:21px;height:14px;box-shadow:0 0 0 1px #00000059}.np-reveal{color:#0d0d0f;background:var(--rn);animation:pop .38s var(--ease-pop) both;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.np-reveal.is-lost{color:#fff;background:#3b2a2a;box-shadow:inset 0 0 0 1.5px #ff4d4f}.np-reveal .np-flag{width:36px;height:24px}.np-reveal div{min-width:0;display:grid}.np-reveal small{opacity:.7;font-size:12px;font-weight:700}.np-reveal b{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:21px;font-weight:800;overflow:hidden}.np-reveal span{opacity:.75;font-size:13px;font-weight:600}.np-empty{text-align:center;max-width:400px;color:var(--on-dark-dim);margin:auto;font-size:14.5px;line-height:1.45}.np-side{flex-direction:column;justify-content:flex-end;gap:8px;min-width:0;min-height:0;display:flex}.np-tools{justify-content:flex-end;gap:8px;display:flex}.np-tools .is-armed{color:#fff;background:#8f2d2a}.np-wait{color:var(--on-dark-dim);margin:auto;font-size:16px;font-weight:650}.np-toast{z-index:7;text-align:center;color:#0d0d0f;max-width:calc(100% - 24px);animation:pop .24s var(--ease-pop) both;background:#fff;border-radius:999px;padding:9px 15px;font-size:14px;font-weight:650;position:absolute;top:12px;left:50%;translate:-50%}.np-sum{gap:8px;min-width:0;display:grid}.np-sum-name{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:750;display:flex}.np-sum-sub{color:var(--stage-dim);margin:0;font-size:13.5px}.np-sum .np-row{color:#fff;background:#17201b}.np-sum .np-row.is-hit{color:#0d0d0f}@media (prefers-reduced-motion:reduce){.np-row,.np-toast,.np-reveal{animation:none}.np-bar{transition:none}}@container (max-width:759px){.screen.np-stage{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:8px;padding:10px 10px 8px}.np-row{grid-template-columns:54px minmax(0,1fr);min-height:38px}.np-rank{font-size:17px}.np-stage .pp{--pp-list:200px}}}