.coll-bar{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-lit);border-radius:var(--r-md);background:color-mix(in srgb,var(--panel) 60%,transparent)}.coll-bar__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3)}.coll-toggle{display:inline-flex;align-items:center;gap:var(--sp-2);cursor:pointer;font-size:var(--fs-xs-plus);font-weight:600;color:var(--text);-webkit-user-select:none;user-select:none}.coll-toggle input{accent-color:var(--gold);cursor:pointer}.coll-toggle--off{color:var(--muted);cursor:default}.coll-toggle--off input{cursor:not-allowed}@media(pointer:coarse){.coll-toggle{min-height:44px}}.coll-count{padding:1px 7px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--gold) 10%,var(--panel));border:1px solid var(--gold-dim);color:var(--gold);font-size:var(--fs-2xs);font-weight:700;font-variant-numeric:tabular-nums}.coll-bar--compact{width:fit-content;max-width:100%}.coll-bar__lead{display:inline-flex;align-items:center;gap:var(--sp-2);min-width:0}.coll-total__label{font-size:var(--fs-xs-plus);font-weight:700;color:var(--text)}.coll-total__count{padding:1px 8px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--gold) 10%,var(--panel));border:1px solid var(--gold-dim);color:var(--gold);font-size:var(--fs-xs)}.coll-bar__actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;margin-left:auto}.coll-btn{background:none;text-align:left;border:1px solid var(--border-lit);color:var(--muted);padding:5px var(--sp-3);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-xs);font-weight:600;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.coll-btn:hover{color:var(--text);border-color:var(--violet)}.coll-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.coll-btn:disabled{color:var(--muted);border-style:dashed;border-color:var(--border-lit);cursor:default}.coll-btn:disabled:hover{color:var(--muted);border-color:var(--border-lit)}.coll-btn--danger:hover:not(:disabled){color:var(--ailment);border-color:var(--ailment)}.coll-bar .coll-bar__short{flex:1 1 0;min-width:0;margin:0;font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coll-bar .coll-more{position:relative;margin-left:auto}.coll-bar .coll-more__btn{list-style:none;display:inline-grid;place-items:center;min-width:32px;min-height:28px;padding:0 var(--sp-2);border:1px solid var(--border-lit);border-radius:var(--r-sm);color:var(--text);font-size:var(--fs-lg);font-weight:700;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none}.coll-bar .coll-more__btn::-webkit-details-marker{display:none}.coll-bar .coll-more>.coll-more__btn:before{content:none}.coll-bar .coll-more__btn:hover,.coll-bar .coll-more[open]>.coll-more__btn{border-color:var(--violet)}.coll-bar .coll-more__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.coll-bar .coll-more__panel{position:absolute;top:calc(100% + 6px);right:0;z-index:40;display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-2);width:max-content;min-width:13rem;max-width:min(22rem,calc(100vw - 2 * var(--sp-4)));padding:var(--sp-3);border:1px solid var(--border-lit);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--shadow)}.coll-bar .coll-more__hint{margin:0 0 var(--sp-1);font-size:var(--fs-xs);line-height:1.45;color:var(--muted);white-space:normal}@media(pointer:coarse){.coll-bar .coll-more__btn{min-width:44px;min-height:44px}.coll-bar .coll-more__panel .coll-btn{min-height:44px}}@media(max-width:860px){.coll-bar .coll-bar__short{display:none}.coll-bar:has(>.coll-bar__row>.coll-more){position:relative}.coll-bar .coll-more{position:static}.coll-bar .coll-more__panel{left:0;right:0;width:auto;min-width:0;max-width:none}.coll-bar .coll-bar__row:has(>.coll-more){flex-wrap:nowrap}.coll-bar .coll-bar__row:has(>.coll-more)>.coll-toggle{flex:1 1 auto;min-width:0}}.coll-note{margin:0;font-size:var(--fs-xs);font-weight:600;color:var(--gold)}.coll-note--err{color:var(--ailment)}.coll-hint{margin:0;font-size:var(--fs-xs);line-height:1.45;color:var(--muted)}.coll-tool-panel{max-width:46rem;margin:4px auto 0;padding:0 var(--gutter);display:flex;flex-direction:column;gap:16px}.coll-tool-panel__lead{margin:0;font-size:var(--fs-md);line-height:1.5;color:var(--text)}.coll-tool-sec{display:flex;flex-direction:column;gap:4px}.coll-tool-sec__head{margin:0;font-size:var(--fs-sm);font-weight:700;color:var(--gold)}.coll-tool-sec__body{margin:0;font-size:var(--fs-sm);line-height:1.5;color:var(--muted)}.coll-tool-panel__dl{align-self:flex-start;margin-top:4px;display:inline-block;padding:9px 18px;border-radius:var(--r-sm);background:var(--violet);color:var(--bg);text-decoration:none;font-weight:700;font-size:var(--fs-sm);transition:background .12s}.coll-tool-panel__dl:hover{background:var(--violet-lit)}.coll-tool-panel__dl:focus-visible{outline:none;box-shadow:var(--focus-ring)}.collection{display:flex;flex-direction:column;gap:var(--sp-4)}.coll-screen__hint{margin:0;font-size:var(--fs-xs-plus);color:var(--muted)}.coll-views{display:inline-flex;flex-wrap:wrap;gap:2px;align-self:flex-start;padding:2px;border:1px solid var(--border-lit);border-radius:var(--r-pill);background:color-mix(in srgb,var(--panel) 60%,transparent)}.coll-view{padding:5px var(--sp-3);border:1px solid transparent;border-radius:var(--r-pill);background:none;color:var(--muted);font:inherit;font-size:var(--fs-xs-plus);font-weight:700;cursor:pointer;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.coll-view:hover{color:var(--text)}.coll-view:focus-visible{outline:none;box-shadow:var(--focus-ring)}.coll-view--on{color:var(--gold);border-color:var(--gold-dim);background:color-mix(in srgb,var(--gold) 14%,transparent)}.coll-subtabs{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.coll-subtab{display:inline-flex;align-items:center;gap:var(--sp-2);padding:6px var(--sp-3);border:1px solid var(--border-lit);border-radius:var(--r-pill);background:var(--panel);color:var(--muted);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.coll-subtab:hover{color:var(--text);border-color:var(--violet)}.coll-subtab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.coll-subtab--on{color:var(--gold);border-color:var(--gold-dim);background:color-mix(in srgb,var(--gold) 10%,var(--panel))}.coll-subtab--on .coll-subtab__slash{color:inherit}.coll-subtab__count{font-variant-numeric:tabular-nums;font-weight:800;font-size:var(--fs-xs)}.coll-subtab__slash{color:var(--muted);font-weight:600}.coll-subtab__count--big{font-size:var(--fs-xl);color:var(--gold)}.coll-filters{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-lit);border-radius:var(--r-md);background:color-mix(in srgb,var(--panel) 60%,transparent)}.coll-filters__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.coll-filters__search{flex:1 1 260px;min-width:0}.coll-filters__sort{display:inline-flex;align-items:center;gap:var(--sp-2);flex:none}.coll-filters__clear{flex:none}.coll-filters .coll-filters__toggle{display:none}@media(max-width:860px){.coll-filters .coll-filters__search{flex:1 1 0}.coll-filters .coll-filters__toggle{display:inline-flex;flex:none;width:auto;min-height:44px;padding-inline:12px}.coll-filters .coll-filters__groups--folded{display:none}}.coll-filters__groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:0 var(--sp-4)}.coll-filters .fgroup{border-top:1px solid var(--border)}@media(pointer:coarse){.coll-filters .chip,.coll-filters .coll-btn,.coll-filters .fgroup__head{min-height:44px}}.coll-screen__empty-msg{margin:0 0 var(--sp-3)}.coll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--sp-3)}@media(max-width:860px){.coll-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:var(--sp-2)}}.coll-cell{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-2) 4px;background:none;border:1px solid transparent;border-radius:var(--r-md);cursor:pointer;font:inherit;color:var(--muted);text-align:center;transition:opacity var(--t-fast),border-color var(--t-fast),background var(--t-fast),transform var(--t-fast)}.coll-cell__ring{opacity:.55;transition:opacity var(--t-fast)}.coll-cell:hover .coll-cell__ring,.coll-cell:focus-visible .coll-cell__ring,.coll-cell.is-owned .coll-cell__ring{opacity:1}.coll-cell:hover{transform:translateY(-2px);border-color:var(--gold-dim)}.coll-cell:focus-visible{outline:none;box-shadow:var(--focus-ring)}.coll-cell.is-owned{color:var(--text);border-color:var(--gold-dim);background:color-mix(in srgb,var(--gold) 9%,transparent)}.coll-cell__ring{position:relative;width:82px;height:82px;border-radius:50%;padding:2px;display:grid;place-items:center;background:var(--border-lit)}.coll-cell__ring--sq{border-radius:var(--r-md)}.coll-cell__icon{width:100%;height:100%;border-radius:50%;background:var(--bg);object-fit:cover;display:block}.coll-cell__ring--sq .coll-cell__icon{border-radius:var(--r-sm);object-fit:contain;background:radial-gradient(circle at 50% 35%,var(--panel-2),var(--bg))}.coll-cell__portrait{width:100%;height:100%;border-radius:50%;overflow:hidden;display:block;background:var(--bg)}.coll-cell__portrait .coll-cell__icon{transform:scale(1.14);transform-origin:50% 42%}.coll-cell__icon--glyph{display:grid;place-items:center;font-size:var(--fs-4xl);opacity:.6;background:radial-gradient(circle at 50% 38%,var(--panel-2),var(--bg))}.coll-cell__heart{position:absolute;right:-3px;bottom:-3px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;line-height:1;font-size:var(--fs-xs);color:var(--muted);background:color-mix(in srgb,var(--bg) 86%,transparent);box-shadow:var(--sh-1),0 0 0 1px color-mix(in srgb,var(--border-lit) 55%,transparent)}.coll-cell.is-owned .coll-cell__heart{color:var(--gold);background:color-mix(in srgb,var(--gold) 18%,var(--bg));box-shadow:var(--sh-1),0 0 0 1px var(--gold-dim)}.coll-cell__name{font-size:var(--fs-2xs-plus);line-height:1.25;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%}.coll-cell__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;margin-top:auto}.coll-cell__tag{padding:0 6px;border-radius:var(--r-pill);font-size:var(--fs-2xs);font-weight:700;line-height:1.5;white-space:nowrap;border:1px solid var(--border);background:var(--panel);color:var(--muted)}.coll-cell__tag--meta{color:var(--bg);background:var(--gold);border-color:var(--gold)}.coll-cell__tag--new{color:var(--text);border-color:var(--violet)}.coll-cell__tag--gain{color:var(--text);font-variant-numeric:tabular-nums}@media(pointer:coarse){.coll-cell__ring{opacity:.7}}.coll-screen__empty{text-align:center;color:var(--muted);padding:60px 20px;font-size:var(--fs-lg)}.coll-screen__foot{margin:0;padding-top:var(--sp-2);border-top:1px solid var(--border);color:var(--muted);font-size:var(--fs-sm);font-weight:600}.coll-screen__foot-view{color:var(--muted);font-weight:600}.coll-confirm__body{margin:0 0 var(--sp-5);color:var(--text);font-size:var(--fs-sm);line-height:1.6}.coll-confirm__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--sp-2)}.coll-confirm__btn{padding:7px var(--sp-4);border-radius:var(--r-sm);border:1px solid var(--border-lit);background:none;color:var(--muted);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.coll-confirm__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.coll-confirm__btn--cancel:hover{color:var(--text);border-color:var(--violet)}.coll-confirm__btn--danger{color:#fff;border-color:var(--ailment);background:var(--ailment)}.coll-confirm__btn--danger:hover{filter:brightness(1.08)}.coll-save-warn{padding:6px 12px;font-size:var(--fs-2xs);text-align:center;background:var(--debuff-bg);color:var(--debuff)}.coll-cellwrap{position:relative;display:flex}.coll-cellwrap>.coll-cell{flex:1 1 auto;min-width:0}.coll-cell__own{position:absolute;top:2px;right:2px;z-index:1;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;padding:0;cursor:pointer;font-size:var(--fs-sm);line-height:1;color:var(--muted);background:color-mix(in srgb,var(--bg) 86%,transparent);border:1px solid var(--border-lit);transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.coll-cell__own:hover{color:var(--gold);border-color:var(--gold-dim)}.coll-cell__own:focus-visible{outline:none;box-shadow:var(--focus-ring)}.coll-cell__own.is-on{color:var(--gold);border-color:var(--gold-dim);background:color-mix(in srgb,var(--gold) 18%,var(--bg))}@media(pointer:coarse){.coll-cell__own:after{content:"";position:absolute;inset:-6px;border-radius:50%}}.coll-sync-note{margin:4px 0 8px;font-size:.85em;color:var(--muted)}