:root{--tier-ember:#5a5550;--tier-spark:#c4889a;--tier-flame:#d4a54a;--tier-blaze:#9b8fff;--tier-inferno:#ff6b9d}.obsidian-bg{color:#e0ddd8;background:radial-gradient(at 50% 40%,#0c0c14 0%,#08080d 70%);min-height:100vh;position:relative;overflow-x:hidden}.obsidian-bg:before{content:"";pointer-events:none;z-index:0;background:repeating-conic-gradient(#ffffff03 0% 25%,#0000 0% 50%) 0 0/3px 3px;position:absolute;inset:0}.obsidian-content{z-index:1;position:relative}.shelf-header{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:24px;display:flex}.shelf-title{letter-spacing:-.02em;color:#f0ede8;font-size:1.75rem;font-weight:700}.shelf-subtitle{color:#fff6;margin-top:2px;font-size:.8125rem}.shelf-grid{grid-template-columns:1fr;justify-items:center;gap:24px;padding-bottom:48px;display:grid}@media (min-width:640px){.shelf-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.shelf-grid{grid-template-columns:repeat(3,1fr)}}.shelf-grid--owned{grid-template-columns:1fr}@media (min-width:640px){.shelf-grid--owned{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.shelf-grid--owned{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.shelf-grid--owned{grid-template-columns:repeat(5,1fr)}}.shelf-grid--lined{background-image:repeating-linear-gradient(#0000 0 calc(100% - 1px),#ffffff08 calc(100% - 1px) 100%)}.card-slot{contain:layout style paint;cursor:pointer;border-radius:12px;transition:transform .3s,box-shadow .3s;position:relative;transform:translateY(0);box-shadow:0 8px 32px #00000080}.card-slot:hover{transform:translateY(-8px);box-shadow:0 16px 48px #000000b3}.card-slot:after{content:"";background:radial-gradient(ellipse at center bottom, var(--tier-glow) 0%, transparent 70%);height:60%;opacity:var(--tier-glow-opacity,0);filter:blur(20px);pointer-events:none;z-index:-1;transition:opacity .3s;position:absolute;bottom:-8px;left:10%;right:10%}.card-slot:hover:after{opacity:calc(var(--tier-glow-opacity,0) * 1.5)}[data-tier=ember]{--tier-glow:transparent;--tier-glow-opacity:0}[data-tier=spark]{--tier-glow:var(--tier-spark);--tier-glow-opacity:.05}[data-tier=flame]{--tier-glow:var(--tier-flame);--tier-glow-opacity:.1}[data-tier=blaze]{--tier-glow:var(--tier-blaze);--tier-glow-opacity:.15}[data-tier=inferno]{--tier-glow:var(--tier-inferno);--tier-glow-opacity:.2}[data-tier=unranked]{--tier-glow:transparent;--tier-glow-opacity:0}@keyframes glowPulse{0%,to{opacity:var(--tier-glow-opacity)}50%{opacity:calc(var(--tier-glow-opacity) * 1.3)}}[data-tier=blaze] .card-slot:after,[data-tier=blaze].card-slot:after{animation:8s ease-in-out infinite glowPulse}[data-tier=inferno] .card-slot:after,[data-tier=inferno].card-slot:after{animation:6s ease-in-out infinite glowPulse}.card-slot--locked{aspect-ratio:350/490;box-shadow:none;cursor:default;contain:layout style paint;background:#ffffff05;border:1px dashed #ffffff14;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.card-slot--locked:hover{box-shadow:none;transform:none}.card-slot--locked:after{display:none}.card-slot--locked__icon{color:#ffffff26;background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.card-slot--locked__label{color:#ffffff26;font-size:.6875rem}.card-slot--snapshot{filter:saturate(.85)}.card-slot--snapshot:hover{filter:saturate()}.card-slot__destroy{z-index:10;color:#ffffff80;cursor:pointer;opacity:0;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:opacity .2s,color .2s,background .2s;display:flex;position:absolute;top:8px;right:8px}.card-slot:hover .card-slot__destroy{opacity:1}.card-slot__destroy:hover{color:#fff;background:#dc2626cc}@keyframes shelfCardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card-slot--entering{opacity:0;animation:.4s forwards shelfCardEnter}.shelf-pagination{flex-direction:column;align-items:center;gap:8px;padding:32px 0 48px;display:flex}.shelf-pagination__pages{align-items:center;gap:4px;display:flex}.shelf-page-btn{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 10px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:flex}.shelf-page-btn:hover{color:#fffc;background:#ffffff0f;border-color:#ffffff26}.shelf-page-btn--active{color:#f0ede8;cursor:default;background:#ffffff1a;border-color:#fff3}.shelf-pagination__info{color:#ffffff40;font-size:.75rem}.shelf-search{position:relative}.shelf-search__trigger{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:border-color .2s,color .2s;display:flex}.shelf-search__trigger:hover{color:#fffc;border-color:#ffffff40}.shelf-search__input-wrap{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:18px;align-items:center;gap:8px;width:240px;height:36px;padding:0 12px;transition:border-color .2s;display:flex}.shelf-search__input-wrap:focus-within{border-color:#ffffff40}.shelf-search__input{color:#e0ddd8;background:0 0;border:none;outline:none;flex:1;font-size:.8125rem}.shelf-search__input::placeholder{color:#ffffff4d}.shelf-search__dropdown{z-index:50;background:#121218;border:1px solid #ffffff14;border-radius:12px;width:280px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 40px #0009}.shelf-search__result{color:#e0ddd8;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;transition:background .15s;display:flex}.shelf-search__result:hover{background:#ffffff0f}.shelf-search__result-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8125rem;font-weight:500;overflow:hidden}.shelf-search__result-tier{opacity:.5;font-size:.6875rem}.shelf-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:40vh;display:flex}.shelf-empty__title{color:#fff6;font-size:1.125rem;font-weight:600}.shelf-empty__subtitle{color:#fff3;font-size:.8125rem}.card-slot--dead-wrap{filter:saturate(.2)brightness(.7);transition:filter .3s}.card-slot--dead-wrap:hover{filter:saturate(.35)brightness(.8)}.card-slot--dead-wrap .card-slot:after{--tier-glow:#c8c8dc26!important;--tier-glow-opacity:.08!important;animation:none!important}@media (prefers-reduced-motion:reduce){.card-slot{transition:none}.card-slot:after{transition:none;animation:none!important}.card-slot--entering{opacity:1;animation:none}.card-slot--snapshot,.card-slot__destroy,.shelf-page-btn,.shelf-search__trigger,.shelf-search__input-wrap,.shelf-search__result{transition:none}}