@layer theme,base;@layer components{.badge-accent,.badge-neutral{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;font-size:14px;font-weight:500;line-height:1.5;display:inline-flex}.badge-accent{background-color:rgb(var(--trooth-blue-rgb) / .1);color:var(--accent-ink);border:1px solid #0000}.badge-neutral{color:var(--text-secondary);border:1px solid var(--hairline);background-color:#0000}}@layer utilities;.badge-deck{width:100%;max-width:228px;margin-inline:auto}.badge-stage{perspective:1100px;width:100%}.badge-card{aspect-ratio:1/1.586;border-radius:var(--radius-xl);transform:rotateX(var(--bx,0deg)) rotateY(var(--by,0deg));transition:transform .42s cubic-bezier(.22,.7,.28,1);position:relative}.badge-slide{border-radius:var(--radius-xl);overflow:hidden}.badge-blue{background:var(--trooth-blue);color:#fff;border-radius:var(--radius-sm)}.badge-blue .badge-kicker,.badge-blue .badge-sector,.badge-blue .badge-meta,.badge-blue .badge-label,.badge-blue .badge-value,.badge-blue .badge-name{color:#fff}.badge-blue .badge-foot{border-top-color:#ffffff5c}.badge-white .badge-kicker{color:#3a3a38}.badge-white .badge-sector,.badge-white .badge-meta,.badge-white .badge-label{color:#55534e}.badge-white .badge-value,.badge-white .badge-name{color:#0b0b0b}.badge-white .badge-foot{border-top-color:#0b0b0b38}.badge-slide{opacity:0;pointer-events:none;transition:opacity .52s,transform .52s cubic-bezier(.22,.7,.28,1);position:absolute;inset:0;transform:translateY(10px)scale(.985)}.badge-slide.is-front{opacity:1;transform:none}.badge-tick.is-on:before{background:var(--accent-mark);border-radius:var(--radius-sm)}.badge-sector{font-family:var(--font-mono);font-size:12px}.badge-face{flex-direction:column;gap:5px;padding:16px;display:flex;position:absolute;inset:0}.badge-kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:12px}.badge-name{font-family:var(--font-headline);letter-spacing:0;margin-top:auto;font-size:16px;font-weight:500}.badge-meta{font-family:var(--font-mono);font-size:12px}.badge-foot{border-top:1px dashed;gap:16px;margin-top:12px;padding-top:12px;display:flex}.badge-foot>span{flex-direction:column;gap:2px;display:flex}.badge-label{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;font-size:12px}.badge-value{font-family:var(--font-mono);font-size:12px}@media (prefers-reduced-motion:reduce){.badge-card,.badge-slide{transition:none}}