main.collection{width:100%;max-width:var(--content-max);flex-wrap:wrap;align-items:flex-start;gap:32px 40px;margin:0 auto;padding:32px 40px 48px;display:flex}main.collection>.gm-sample{flex:0 0 100%}.collection-mobile{display:none}.collection-mono{font:400 var(--size-mono-sm) var(--font-mono);color:var(--text-3);white-space:nowrap}.collection-name{min-width:0;font-size:var(--size-section);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.collection-side{flex-direction:column;flex:260px;gap:20px;max-width:300px;display:flex;position:sticky;top:32px}.collection-id{flex-direction:column;gap:20px;display:flex}.collection-medal{background:var(--border-ghost);border-radius:50%;flex:none;width:88px;height:88px;padding:3px}.collection-medal>span{background:var(--surface-alt);width:100%;height:100%;color:var(--text-3);border-radius:50%;justify-content:center;align-items:center;display:flex}[data-mood=club] .collection-medal{background:var(--perfect-frame);box-shadow:0 0 0 1px #ffd16a80,0 0 28px #f709;box-shadow:0 0 0 1px lab(86.3174% 9.5892 60.9829/.5),0 0 28px lab(66.2158% 51.6357 81.4868/.6)}[data-mood=club] .collection-medal>span{color:var(--perfect-text)}.collection-titles{flex-direction:column;gap:6px;display:flex}.collection-titles h1{font-size:var(--size-title);letter-spacing:-.02em;margin:0;font-weight:500}.collection-titles p{font-size:var(--size-body);color:var(--text-2);margin:0}.collection-stats{flex-direction:column;margin:0;display:flex}.collection-stats>div{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;display:flex}.collection-stats dt{font-size:var(--size-small);color:var(--text-2)}.collection-stats dd{font:500 var(--size-mono) var(--font-mono);margin:0}.collection-note{font-size:var(--size-caption);color:var(--text-4);margin:0}.collection-main{flex-direction:column;flex:999 480px;gap:32px;min-width:0;display:flex}.collection-group{flex-direction:column;gap:4px;display:flex}.collection-group-head{align-items:baseline;gap:12px;padding-bottom:8px;display:flex}.collection-group-head h2{font-size:var(--size-section);margin:0;font-weight:500}.collection-group-head>span{font-size:var(--size-caption);color:var(--text-4)}.collection-group-head .collection-mono{color:var(--text-4)}.collection-error{border-radius:var(--radius-control);border:1px solid var(--danger-soft-border);color:var(--text-2);font-size:var(--size-small);margin:0;padding:10px 14px}.collection-toast-region:empty{display:none}.collection-toast{border-radius:var(--radius-tile);background:var(--surface-2);border:1px solid var(--border-strong);font-size:var(--size-small);color:var(--text-2);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.collection-toast button{font:500 var(--size-caption) var(--font-ui);cursor:pointer;background:0 0;border:0;flex:none;padding:0}.collection-toast button:disabled{opacity:.5;cursor:default}.club-list,.grave-list{margin:0;padding:0;list-style:none}.club-row{color:inherit;grid-template-columns:20px clamp(112px,24%,188px) minmax(0,1fr) auto;align-items:center;gap:20px;padding:12px 0;display:grid}.club-row:hover .collection-name{color:#fff}.club-rail{justify-content:center;align-self:stretch;display:flex;position:relative}.club-rail:before{content:"";background:#ffa53940;background:lab(76.2544% 31.9577 73.65/.25);width:2px;position:absolute;top:-12px;bottom:-12px}.club-rail>span{background:var(--perfect-frame);border-radius:50%;align-self:center;width:12px;height:12px;position:relative;box-shadow:0 0 10px #ff7700b3;box-shadow:0 0 10px lab(66.2158% 51.6357 81.4868/.7)}.club-art{aspect-ratio:460/215;border-radius:var(--radius-control);background:var(--perfect-frame);padding:2px;display:block;position:relative;box-shadow:0 0 12px #ff77004d;box-shadow:0 0 12px lab(66.2158% 51.6357 81.4868/.3)}.club-art .gm-art{object-fit:cover;border-radius:6px;width:100%;height:100%;display:flex}.club-text{flex-direction:column;gap:6px;min-width:0;display:flex}.club-when{font:400 var(--size-mono-sm) var(--font-mono);color:var(--text-4);text-align:right;white-space:nowrap}.club-when[data-observed]{color:var(--perfect-text)}.grave-row{border-top:1px solid var(--row-divider);grid-template-columns:clamp(112px,24%,188px) minmax(0,1fr) auto;grid-template-areas:"art name actions""art meter actions""art last actions";align-items:center;gap:8px 20px;padding:12px 0;display:grid}.grave-art{aspect-ratio:460/215;border-radius:var(--radius-control);border:1px solid var(--border-strong);grid-area:art;display:block;position:relative;overflow:hidden}.grave-art .gm-art{object-fit:cover;width:100%;height:100%;display:flex}.grave-art .gm-art>img{filter:grayscale(.85)brightness(.65);transition:filter .25s}.grave-row:hover .grave-art .gm-art>img{filter:none}.grave-name{color:var(--text);grid-area:name;align-self:end}.grave-name:hover{color:#fff}.grave-meter{grid-area:meter;align-items:center;gap:12px;min-width:0;display:flex}.grave-bar{flex:none;width:160px}.grave-left{color:var(--rust)}.grave-last{color:var(--text-4);grid-area:last;align-self:start}.grave-actions{grid-area:actions;gap:8px;display:flex}.grave-actions .gm-btn{white-space:nowrap}@media (prefers-reduced-motion:reduce){.grave-art .gm-art>img{transition:none}}@media (max-width:768px){.collection-desktop{display:none}.collection-mobile{display:revert}main.collection{flex-flow:column;align-items:stretch;gap:20px;padding:16px 16px 24px}.collection-side{flex:none;max-width:none;position:static}.collection-id{flex-direction:row;align-items:center;gap:16px}.collection-medal{width:64px;height:64px}.collection-medal svg{width:26px;height:26px}[data-mood=club] .collection-medal{box-shadow:0 0 22px #f709;box-shadow:0 0 22px lab(66.2158% 51.6357 81.4868/.6)}.collection-titles{gap:4px}.collection-titles .collection-summary{font:400 var(--size-mono-xs) var(--font-mono);color:var(--text-3)}.collection-switch{border-radius:var(--radius-tile);background:var(--surface);border:1px solid var(--border);gap:2px;padding:3px;display:flex}.collection-switch a{border-radius:var(--radius-control);min-height:44px;font-size:var(--size-caption);color:var(--text-3);white-space:nowrap;flex:1;justify-content:center;align-items:center;padding:0 6px;font-weight:500;display:flex}.collection-switch a[aria-current=page]{background:var(--border-strong);color:var(--text)}.collection-main{flex:none;gap:16px}.collection-group{gap:0}.collection-group-head{padding-bottom:4px}.collection-name{font-size:var(--size-body)}.collection-mono{font-size:var(--size-micro)}.club-row{grid-template-columns:16px 120px minmax(0,1fr);grid-template-areas:"rail art text""rail art when";gap:3px 12px;padding:10px 0}.club-rail{grid-area:1/rail/span 2}.club-rail:before{top:-10px;bottom:-10px}.club-rail>span{width:10px;height:10px;box-shadow:0 0 8px #ff7700b3;box-shadow:0 0 8px lab(66.2158% 51.6357 81.4868/.7)}.club-art{box-shadow:none;border-radius:7px;grid-area:1/art/span 2}.club-art .gm-art{border-radius:5px}.club-text{grid-area:text;align-self:end;gap:3px}.club-when{font-size:var(--size-micro);text-align:left;grid-area:when;align-self:start}.grave-row{grid-template-columns:110px minmax(0,1fr);grid-template-areas:"art name""art frac""art last""bar bar""actions actions";gap:4px 12px}.grave-art{border:0;border-radius:7px}.grave-meter{display:contents}.grave-frac{grid-area:frac}.grave-bar{grid-area:bar;width:auto;margin-top:6px}.grave-actions{margin-top:6px}.grave-actions .gm-btn{font-size:var(--size-body)}}.club-item{align-items:center;gap:12px;display:flex}.club-item>.club-row{flex:1;min-width:0}
