@layer base;@layer components{.bn-page{--sleeve:#ffffff85;padding-bottom:12px}.bn-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;display:flex}.bn-legend{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:6px 20px;margin:18px 0 0;padding:0;font-size:11px;font-weight:500;list-style:none;display:flex}.bn-legend li{align-items:center;gap:8px;display:inline-flex}.bn-legend i{background:var(--c);border-radius:3px;width:11px;height:11px;box-shadow:inset 0 0 0 1px #0b0b0f24}.bn-legend b{color:var(--ink);font-weight:600}.bn-err{color:var(--down);margin:16px 0 0}.bn-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.5vw,22px);margin-top:28px;transition:opacity .25s;display:grid}.bn-grid[data-busy="1"]{opacity:.55}.bn-pocket{background:var(--sleeve);border-radius:30px;min-width:0;padding:clamp(9px,1vw,13px);position:relative;box-shadow:inset 0 0 0 1px #0b0b0f12,inset 0 1px #fffffff2,0 1px 2px #0b0b0f08}.bn-main[data-in="0"] .bn-pocket{opacity:0;animation:0s 3s forwards bn-show}.bn-main[data-in="1"] .bn-pocket{animation:.95s cubic-bezier(.16,1,.3,1) backwards bn-in;animation-delay:calc(var(--i,0) * 55ms)}@keyframes bn-in{0%{opacity:0;transform:translateY(34px)rotate(-1.2deg)}}@keyframes bn-show{to{opacity:1}}.bn-rank{z-index:3;background:var(--ink);color:#fff;height:22px;font-family:var(--font-mono);letter-spacing:.06em;border-radius:999px;align-items:center;padding:0 9px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:-10px;left:20px}.bn-slot{aspect-ratio:5/7;text-align:center;width:100%;color:var(--ink);border:2px dashed #0b0b0f42;border-radius:5.8%/4.14%;align-content:center;justify-items:center;gap:14px;padding:0 12%;transition:border-color .25s,background-color .25s,transform .4s cubic-bezier(.16,1,.3,1);display:grid}.bn-slot:hover{border-color:var(--violet);background:#2f5bff0d;transform:translateY(-3px)}.bn-slot-plus{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:58px;height:58px;transition:background-color .25s,transform .4s cubic-bezier(.3,1.5,.5,1);display:grid}.bn-slot:hover .bn-slot-plus{background:var(--violet);transform:rotate(90deg)scale(1.06)}.bn-slot b{font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;font-size:clamp(22px,2.2vw,32px);font-weight:900;line-height:1}.bn-slot-cta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--violet);align-items:center;gap:7px;font-size:11.5px;font-weight:600;display:inline-flex}.bn-more{justify-content:center;margin-top:34px;display:flex}.bn-note{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:22px 0 0;font-size:14.5px;display:flex}.bn-empty{text-align:center;border-radius:var(--radius-card);background:var(--sleeve);margin-top:28px;padding:72px 24px;box-shadow:inset 0 0 0 1px #0b0b0f12}.bn-empty h3{margin:0 0 8px;font-size:34px}.bn-empty p{max-width:380px;color:var(--muted);margin:0 auto 22px}@media (max-width:1180px){.bn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.bn-grid{gap:10px;margin-top:22px}.bn-pocket{border-radius:20px;padding:7px}.bn-rank{top:-9px;left:12px}.bn-legend{gap:6px 14px;font-size:10.5px}}}