.tcase{--hair:1px solid #f2bf661f;--hair-soft:1px solid #f2bf6614;--card:#fff7eb06;--card-2:#fff7eb0a}.tcase *,.tcase :before,.tcase :after{box-sizing:border-box}.tcase .case{border:var(--hair);border-radius:var(--radius-2xl);background:radial-gradient(120% 100% at 50% 0%, #f2bf660d 0%, #0a050000 60%), var(--card);position:relative;overflow:hidden}.tcase .case:before{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 1px #fff7dc0f,inset 0 0 60px #0006}.tcase .case-inner{padding:30px 30px 28px}.tcase .case-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.tcase .case-bar .lead{flex-wrap:wrap;align-items:baseline;gap:13px;display:flex}.tcase .case-bar .ttl{font-family:var(--font-display);text-transform:uppercase;color:var(--gold-yellow);letter-spacing:.04em;font-size:30px;line-height:1}.tcase .case-bar .count{font:var(--type-body-s);color:var(--text-tan)}.tcase .case-bar .count b{color:var(--gold-warm);font-weight:700}.tcase .case-controls{align-items:center;gap:10px;display:flex}.tcase .vtoggle{border-radius:var(--radius-full);border:1px solid #f2bf662e;gap:2px;padding:3px;display:inline-flex}.tcase .vtoggle button{appearance:none;cursor:pointer;color:var(--text-tan);font:var(--type-label-m);letter-spacing:.03em;border-radius:var(--radius-full);transition:all var(--dur-base) var(--ease-smooth);background:0 0;border:0;align-items:center;gap:6px;padding:6px 13px;display:inline-flex}.tcase .vtoggle button svg{width:13px;height:13px}.tcase .vtoggle button:hover{color:var(--gold-warm)}.tcase .vtoggle button.on{color:var(--gold-yellow);background:#f2bf6624}.tcase .expand-btn{appearance:none;cursor:pointer;color:var(--gold-warm);font:var(--type-label-l);letter-spacing:.02em;border-radius:var(--radius-full);transition:all var(--dur-base) var(--ease-smooth);white-space:nowrap;background:#f2bf660d;border:1px solid #f2bf6666;align-items:center;gap:8px;padding:9px 18px;display:inline-flex}.tcase .expand-btn:hover{background:var(--gold-yellow);color:var(--text-on-gold);border-color:var(--gold-yellow)}.tcase .expand-btn .chev{width:14px;height:14px;transition:transform var(--dur-slow) var(--ease-smooth)}.tcase .case.open .expand-btn .chev{transform:rotate(180deg)}.tcase .seal{color:#5a3410;transition:transform var(--dur-base) var(--ease-smooth);background:radial-gradient(circle at 38% 28%,#ffefc8 0%,#f2bf66 42%,#c68a3a 74%,#94601f 100%);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative;box-shadow:0 4px 9px #00000080,0 0 0 1.5px #160c03cc,inset 0 1.5px 2px #fff7dcd9,inset 0 -3px 6px #6e4012b3}.tcase .seal:before{content:"";border:1px solid #6e401261;border-radius:50%;position:absolute;inset:14%;box-shadow:inset 0 1px 1px #fff7dc80}.tcase .seal:after{content:"";background:repeating-conic-gradient(#6e401247 0deg 3deg,#0000 3deg 9deg);border-radius:50%;position:absolute;inset:1px;-webkit-mask:radial-gradient(circle,#0000 calc(50% - 4px),#000 calc(50% - 3px));mask:radial-gradient(circle,#0000 calc(50% - 4px),#000 calc(50% - 3px))}.tcase .seal svg,.tcase .seal .sn{z-index:1;filter:drop-shadow(0 .5px #fff7dc8c);position:relative}.tcase .seal .sn{font-family:var(--font-display);text-shadow:0 1px #fff7dc99;line-height:1;transform:translateY(1px)}.tcase .seal.silver{color:#41444b;background:radial-gradient(circle at 38% 28%,#fbfcfe 0%,#cfd2d8 44%,#9498a1 76%,#6b6e76 100%)}.tcase .seal.silver:before{border-color:#46484e66}.tcase .seal.silver svg,.tcase .seal.silver .sn{filter:drop-shadow(0 .5px #ffffff8c);text-shadow:0 1px #ffffff80}.tcase .seal.bronze{color:#4a2c12;background:radial-gradient(circle at 38% 28%,#f2c79a 0%,#c68a4e 46%,#93602f 78%,#6a431e 100%)}.tcase .seal.bronze:before{border-color:#4a2c1266}.tcase .seal.locked{color:#b8a8988c;background:radial-gradient(circle at 38% 28%,#241808,#1a1206 60%,#120b03);box-shadow:inset 0 0 0 1px #f2bf661f,inset 0 -3px 8px #00000080}.tcase .seal.locked:before{box-shadow:none;border-color:#f2bf661a}.tcase .seal.locked:after{opacity:.2}.tcase .seal.locked svg,.tcase .seal.locked .sn{filter:none;text-shadow:none}.tcase .showcase{flex-wrap:wrap;align-items:flex-start;gap:26px;display:flex}.tcase .show-item{text-align:center;flex-direction:column;align-items:center;gap:11px;width:92px;display:flex}.tcase .show-item .seal{cursor:default;width:66px;height:66px}.tcase .show-item .seal svg{width:28px;height:28px}.tcase .show-item .seal .sn{font-size:26px}.tcase .show-item:hover .seal{transform:translateY(-3px)}.tcase .show-item .nm{font:700 11px/1.3 var(--font-sans);letter-spacing:.02em;color:var(--gold-yellow)}.tcase .show-item .tn{font:600 9px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-tan)}.tcase .show-more{cursor:pointer;appearance:none;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:92px;display:flex}.tcase .show-more .ring{width:66px;height:66px;font-family:var(--font-display);color:var(--gold-warm);transition:all var(--dur-base) var(--ease-smooth);border:1.5px dashed #f2bf6652;border-radius:50%;place-items:center;font-size:24px;display:grid}.tcase .show-more:hover .ring{border-color:var(--gold-yellow);background:#f2bf660f}.tcase .show-more .lab{font:700 10px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tan)}.tcase .case-full{display:none}.tcase .case.open .case-full{display:block}.tcase .case.open .showcase{display:none}.tcase .grp{padding-top:6px}.tcase .grp+.grp{border-top:var(--hair-soft);margin-top:30px;padding-top:28px}.tcase .grp-head{align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.tcase .grp-head .gt{font:var(--type-eyebrow);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-subscribe)}.tcase .grp-head .gc{font:var(--type-body-s);color:var(--text-tan);opacity:.7}.tcase .grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:12px;display:grid}.tcase .grp-sub{font:var(--type-eyebrow);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-subscribe);opacity:.85;margin:18px 0 12px}.tcase .cell.live{opacity:.92;border-style:dashed}.tcase .cell{border-radius:var(--radius-lg);background:var(--card);border:var(--hair-soft);transition:border-color var(--dur-base) var(--ease-smooth), background var(--dur-base) var(--ease-smooth);align-items:center;gap:15px;padding:15px 16px;display:flex}.tcase .cell:hover{background:var(--card-2);border-color:#f2bf664d}.tcase .cell .seal{width:50px;height:50px}.tcase .cell .seal svg{width:22px;height:22px}.tcase .cell .seal .sn{font-size:20px}.tcase .cell .txt{flex:1;min-width:0}.tcase .cell .nm{font:var(--type-title-s);color:var(--gold-yellow);font-weight:700}.tcase .cell .ds{font:var(--type-body-s);color:var(--text-tan);margin-top:3px;line-height:1.4}.tcase .cell .dt{font:600 10px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-subscribe);margin-top:7px}.tcase .cell.lk .nm{color:var(--text-tan)}.tcase .cell.lk .ds{opacity:.85}.tcase .prog{margin-top:9px}.tcase .prog .bar{background:#f2bf661a;border-radius:99px;height:4px;overflow:hidden}.tcase .prog .bar>i{background:linear-gradient(90deg,#c68a3a,#f2bf66);border-radius:99px;height:100%;display:block}.tcase .prog .pl{font:600 10px/1 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--text-tan);margin-top:6px}.tcase .case-foot{border-top:var(--hair-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 30px;display:none}.tcase .case.open .case-foot{display:flex}.tcase .case-foot .note{font:var(--type-body-s);color:var(--text-tan)}.tcase .case-foot .note b{color:var(--gold-warm)}.tcase .case-foot .gota{font:var(--type-label-l);color:var(--gold-warm);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.tcase .case-foot .gota:hover{color:var(--gold-yellow)}@media (min-width:821px){.tcase .case-full[data-view=showcase] .grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.tcase .case-full[data-view=grid] .grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr))}}@media (max-width:820px){.tcase .case-inner{padding:22px 18px 20px}.tcase .case-bar{margin-bottom:20px}.tcase .case-controls{justify-content:space-between;width:100%}.tcase .showcase{gap:18px}.tcase .show-item,.tcase .show-more{width:76px}.tcase .show-item .seal,.tcase .show-more .ring{width:58px;height:58px}.tcase .grid{grid-template-columns:1fr}.tcase .case-foot{padding:20px 18px}}@media (max-width:520px){.tcase .vtoggle button .vlab{display:none}}
