.results-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}dialog.tracker-dialog.share-dialog{width:calc(100% - 1rem);max-height:calc(100dvh - 2rem)}.share-dialog form,.share-preview-section{gap:var(--space-4);display:grid}.share-dialog-header,.share-preview-heading{justify-content:space-between;gap:var(--space-4);align-items:start;display:flex}.share-dialog-header{border-bottom:1px solid var(--colour-border);padding-bottom:var(--space-3)}.share-dialog-header h2,.share-dialog-header p,.share-preview-heading h3,.share-preview-heading p{margin:.2rem 0}.share-dialog-header>div>p:last-child,.share-preview-heading p,.share-warning{color:var(--colour-text-muted)}.share-options{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.share-options fieldset{gap:var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-sm);padding:var(--space-3);display:grid}.share-options legend{padding-inline:.35rem;font-weight:700}.share-options label{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:.55rem;min-height:2.75rem;padding:.45rem .55rem;display:flex}.share-options label:has(input:checked){border-color:var(--colour-brand-blue);background:#3b82f61a}.share-options input{width:1.1rem;height:1.1rem}.share-options small{color:var(--colour-text-muted);margin-left:auto}.featured-sprites{border:1px solid var(--colour-border);border-radius:var(--radius-sm);padding:var(--space-3)}.featured-sprites>p{color:var(--colour-text-muted);margin:.35rem 0;font-size:.82rem}.featured-sprite-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));max-height:18rem;padding:.2rem;display:grid;overflow:auto}.featured-sprite-option{border:1px solid var(--colour-border);border-radius:var(--radius-sm);background:var(--colour-background);cursor:pointer;grid-template-columns:2.6rem 1fr;align-items:center;gap:.5rem;min-width:0;padding:.35rem;display:grid;position:relative}.featured-sprite-option:has(input:checked){border-color:var(--colour-state-mastered,#fbbf24)}.featured-sprite-option:has(input:focus-visible){outline:3px solid var(--colour-brand-blue);outline-offset:2px}.featured-sprite-option img{object-fit:contain;grid-row:1/3;width:2.6rem;height:2.6rem}.featured-sprite-option input{opacity:0;position:absolute}.featured-sprite-option span{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.featured-order{gap:.35rem;margin:.65rem 0 0;padding:0;list-style:none;display:grid}.featured-order li{border-top:1px solid var(--colour-border);grid-template-columns:1.5rem minmax(0,1fr) auto auto;align-items:center;gap:.45rem;padding-top:.35rem;font-size:.78rem;display:grid}.featured-order .button{min-height:2.25rem;padding:.3rem .55rem}.share-preview-heading{align-items:end}.share-preview-frame{border:1px solid var(--colour-border);border-radius:var(--radius-sm);min-height:18rem;padding:var(--space-2);background:var(--colour-background);place-items:center;display:grid;position:relative;overflow:hidden}.share-preview-frame img{box-sizing:border-box;width:100%;max-width:100%;height:100%;max-height:100%;padding:var(--space-2);object-fit:contain;display:block;position:absolute;inset:0}.share-preview-frame img[data-template=wishlist]{object-fit:contain}.share-preview-loading{color:var(--colour-text-muted)}.share-warning{border-left:3px solid var(--colour-warning,#f59e0b);padding-left:var(--space-2);margin:0;font-size:.82rem}.share-alert,.share-download-actions{margin-top:0}@media (width>=48rem){dialog.tracker-dialog.share-dialog{width:min(92vw,87.5rem);height:min(92dvh,62rem);overflow:hidden}.share-dialog form{box-sizing:border-box;column-gap:var(--space-6);grid-template:"header header""options preview""alert preview""featured preview"minmax(0,1fr)".actions"/minmax(20rem,.72fr) minmax(0,1.65fr);height:100%;overflow:hidden}.share-dialog-header{grid-area:header}.share-options{grid-area:options;grid-template-columns:1fr;align-self:start}.share-alert{grid-area:alert}.featured-sprites{grid-area:featured;align-self:end;min-height:0}.share-preview-section{grid-area:preview;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;min-height:0}.share-preview-frame{min-height:0}.share-download-actions{grid-area:actions;align-self:end}}@media (width<=47.99rem){.results-row{flex-direction:column;align-items:flex-start}.results-actions{justify-content:flex-start;width:100%}dialog.tracker-dialog.share-dialog{width:calc(100% - 1rem);max-height:calc(100dvh - 1rem);overflow:auto}.share-dialog form{padding:var(--space-3)}.share-dialog-header,.share-preview-heading{flex-direction:column;align-items:stretch}.share-options{grid-template-columns:1fr}.share-preview-frame{min-height:12rem;max-height:60dvh}.share-download-actions{grid-template-columns:1fr;display:grid}}body{min-width:0;overflow-x:hidden}.tracker-shell{gap:var(--space-4);width:min(100% - 2rem,76rem);padding-block:var(--space-3) var(--space-16);display:grid}.season-control{position:relative}.catalogue-loading{min-height:2.75rem;color:var(--colour-text-muted);align-items:center;gap:.65rem;font-weight:700;display:none}.catalogue-spinner{border:2px solid var(--colour-border);border-top-color:var(--colour-brand-cyan);border-radius:50%;width:1rem;height:1rem}[data-catalogue-pending] .season-control>span:first-child,[data-catalogue-pending] [data-season-select]{visibility:hidden}[data-catalogue-pending] .catalogue-loading{display:flex;position:absolute;inset:0}[data-catalogue-pending] .tracker-layout{visibility:hidden}@keyframes catalogue-spin{to{transform:rotate(1turn)}}.tracker-identity{gap:.15rem var(--space-4);border-bottom:1px solid var(--colour-border);padding-block:.25rem var(--space-3);grid-template-columns:1fr auto;align-items:center;display:grid}.tracker-identity h1{margin:0;font-size:clamp(1.8rem,4vw,2.6rem)}.tracker-identity p{color:var(--colour-text-muted);grid-column:1/-1;margin:.2rem 0 0}.tracker-identity strong{color:var(--colour-text)}.capability-label{border-left:3px solid var(--colour-brand-blue);background:var(--colour-surface);color:#bfdbfe;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .65rem;font-size:.72rem;font-weight:700}.season-control{gap:.35rem;max-width:32rem;font-size:.82rem;font-weight:700;display:grid}.season-control select{border:1px solid var(--colour-border);border-radius:var(--radius-sm);background:var(--colour-surface);min-height:2.75rem;color:var(--colour-text);font:inherit;padding:.55rem .7rem}.save-region{align-items:center;gap:var(--space-2);min-height:2rem;color:var(--colour-text-muted);overflow-anchor:none;flex-wrap:wrap;font-size:.78rem;display:flex}.save-dot{background:var(--colour-text-muted);border-radius:50%;width:.5rem;height:.5rem}.save-region[data-status=saved] .save-dot{background:#22c55e}.save-region[data-status=saving] .save-dot{background:#60a5fa}.save-region[data-status=error] .save-dot{background:#ef4444}.sync-retry{min-height:2.25rem;padding:.35rem .65rem}[data-account-state=loading] :is(.variant-card,.group-meta,.group-progress,.collection-summary .summary-value),[data-account-state=unavailable] :is(.variant-card,.group-meta,.group-progress,.collection-summary .summary-value){visibility:hidden}.tracker-layout{gap:var(--space-4);grid-template-columns:13rem minmax(0,1fr);grid-template-areas:"summary main";align-items:start;display:grid}.tracker-main{gap:var(--space-3);overflow-anchor:auto;grid-area:main;min-width:0;display:grid}[data-guest-migration]{overflow-anchor:none}.alert{justify-content:space-between;gap:var(--space-3);border:1px solid var(--colour-border);border-left:4px solid var(--colour-brand-blue);background:var(--colour-surface);align-items:center;padding:.55rem .75rem;font-size:.78rem;display:flex}.alert p{margin:0}.alert-error{border-left-color:#ef4444}.primary-controls{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto auto;align-items:end;display:grid}.search-control{gap:.3rem;font-size:.82rem;font-weight:700;display:grid}.search-control input{border:2px solid var(--colour-brand-blue);border-radius:var(--radius-sm);background:var(--colour-surface);min-height:3.15rem;color:var(--colour-text);font:inherit;padding:.7rem .9rem}.missing-control,.filter-disclosure>summary{border:1px solid var(--colour-border);border-radius:var(--radius-sm);background:var(--colour-surface);cursor:pointer;align-items:center;gap:.5rem;min-height:3.15rem;padding:.65rem .8rem;font-weight:700;display:flex}.missing-control input{width:1.15rem;height:1.15rem}.filter-disclosure{position:relative}.filter-panel{z-index:5;gap:var(--space-3);border:1px solid var(--colour-border);width:min(44rem,100vw - 2rem);padding:var(--space-3);background:var(--colour-surface-raised);grid-template-columns:repeat(3,1fr);margin-top:.35rem;display:grid;position:absolute;right:0}.filter-panel label{color:#cbd5e1;gap:.3rem;font-size:.78rem;font-weight:600;display:grid}.filter-panel select{border:1px solid var(--colour-border);border-radius:var(--radius-sm);background:var(--colour-surface);width:100%;min-height:2.75rem;color:var(--colour-text);padding:.5rem}.filter-panel .check-control{align-items:center;gap:.5rem;display:flex}.filter-panel input{width:1.1rem;height:1.1rem}.results-row{justify-content:space-between;gap:var(--space-3);min-height:2.25rem;color:var(--colour-text-muted);align-items:center;font-size:.82rem;display:flex}.results-row strong{color:var(--colour-text)}.collapsed-collection{gap:var(--space-2);border-top:1px solid var(--colour-border);padding-top:var(--space-3);display:grid}.collapsed-collection h2{margin:0;font-size:1rem}.collapsed-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(10rem,100%),12rem));align-items:stretch;display:grid}.group-list{gap:var(--space-1);display:grid}.sprite-group{border:1px solid var(--colour-border);border-top:3px solid var(--colour-brand-blue);background:var(--colour-surface);grid-template-columns:9.25rem minmax(0,1fr);align-items:start;display:grid}.group-panel{border-right:1px solid var(--colour-border);flex-direction:column;gap:.25rem;min-height:10.5rem;padding:.5rem .75rem;display:flex}.group-heading{margin:0}.group-toggle{width:100%;min-height:2.25rem;color:var(--colour-text);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.group-title{font-family:var(--font-display);font-size:1.45rem}.toggle-icon{color:#93c5fd;font-size:1.2rem}.collapsed-artwork,.collapsed-meta{display:none}.group-progress{background:var(--colour-border);border-radius:999px;order:2;width:100%;height:.38rem;position:relative;overflow:hidden}.group-progress-collected,.group-progress-mastered{inset-block:0;width:var(--progress-width,0%);position:absolute;left:0}.group-progress-collected{background:var(--colour-action-blue)}.group-progress-mastered{background:var(--colour-state-mastered)}.group-meta{border-top:1px solid var(--colour-border);color:var(--colour-text-muted);order:3;gap:.1rem;padding-top:.3rem;font-size:.7rem;display:grid}progress{background:var(--colour-border);border:0;overflow:hidden}progress::-webkit-progress-bar{background:var(--colour-border)}progress::-webkit-progress-value{background:var(--colour-action-blue)}progress::-moz-progress-bar{background:var(--colour-action-blue)}.variant-grid{background:0 0;grid-template-columns:repeat(5,minmax(0,1fr));align-self:start;gap:1px;display:grid}.variant-card{background:var(--colour-background);min-width:0;min-height:10.5rem;color:var(--colour-text);text-align:left;cursor:pointer;border:0;border-top:3px solid #64748b;grid-template-rows:auto auto;align-content:start;gap:.55rem;padding:.5rem;display:grid;position:relative}.sprite-artwork{background:var(--colour-surface-raised);width:100%;height:7.75rem;display:block;position:relative;overflow:hidden}.sprite-placeholder,.sprite-artwork img{width:100%;height:100%;position:absolute;inset:0}.sprite-placeholder{background-color:var(--colour-surface-raised);background-image:linear-gradient(135deg,#0000 0 62%,#3b82f612 62% 64%,#0000 64%),linear-gradient(#94a3b808 1px,#0000 1px),linear-gradient(90deg,#94a3b808 1px,#0000 1px);background-size:auto,1rem 1rem,1rem 1rem}.sprite-artwork img{z-index:1;object-fit:contain;object-position:center;display:block}.variant-card>strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.state-icon{z-index:2;color:var(--colour-state-mastered);position:absolute;top:.65rem;right:.65rem}.state-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.55rem;height:1.55rem}.state-missing .sprite-artwork img{filter:grayscale()saturate(.15);opacity:.58}.state-collected{border-top-color:var(--colour-brand-blue);box-shadow:inset 0 0 0 1px #3b82f647}.state-collected .sprite-placeholder{background-color:#2563eb1a}.state-mastered{border-top-color:var(--colour-state-mastered);box-shadow:inset 0 0 0 1px #fbbf247a}.state-mastered .sprite-placeholder{background-color:#b4760c17;background-image:linear-gradient(135deg,#0000 0 61%,#fbbf2414 61% 64%,#0000 64%),linear-gradient(#fbbf2408 1px,#0000 1px),linear-gradient(90deg,#fbbf2408 1px,#0000 1px)}.variant-card:focus-visible,.group-toggle:focus-visible,.primary-controls :is(input,summary):focus-visible,.button:focus-visible,.backup-panel summary:focus-visible{outline:3px solid var(--colour-brand-blue);outline-offset:3px;z-index:6}.sprite-group.is-collapsed{border-top-width:2px;width:auto;max-width:none;display:block}.sprite-group.is-collapsed .group-panel{border:0;min-height:0;padding:0;display:block}.sprite-group.is-collapsed .group-panel>:not(.group-heading){display:none}.sprite-group.is-collapsed .group-toggle{text-align:left;grid-template-columns:2.75rem minmax(0,1fr) auto;align-content:center;gap:.35rem .65rem;height:7rem;min-height:7rem;padding:.65rem .75rem;display:grid}.sprite-group.is-collapsed .collapsed-artwork{background:var(--colour-surface-raised);grid-area:1/1/3;align-self:center;width:2.75rem;height:2.75rem;display:block;position:relative;overflow:hidden}.sprite-group.is-collapsed .collapsed-artwork img,.sprite-group.is-collapsed .collapsed-artwork .sprite-placeholder{width:100%;height:100%;position:absolute;inset:0}.sprite-group.is-collapsed .collapsed-artwork img{z-index:1;object-fit:contain;object-position:center}.sprite-group.is-collapsed .group-title{overflow-wrap:anywhere;grid-column:2;font-size:1.05rem;line-height:1.15}.sprite-group.is-collapsed .toggle-icon{grid-area:1/3}.sprite-group.is-collapsed .collapsed-meta{color:var(--colour-text-muted);flex-wrap:wrap;grid-column:2/-1;gap:.2rem .7rem;font-size:.68rem;display:flex}.sprite-group.is-collapsed [data-collapsed-complete]{color:var(--colour-state-mastered);font-weight:700}.sprite-group.is-collapsed [data-collapsed-matches]{color:#bfdbfe;flex-basis:100%}.sprite-group.is-collapsed .variant-grid,.sprite-group[hidden],.variant-card[hidden]{display:none}.collection-summary{top:var(--space-3);gap:var(--space-2);border:1px solid var(--colour-border);border-top:3px solid var(--colour-brand-purple);padding:var(--space-3);background:var(--colour-surface);grid-area:summary;display:grid;position:sticky}.collection-summary h2{margin:0;font-size:1.4rem}.collection-summary small{color:var(--colour-text-muted)}.summary-value{border-top:1px solid var(--colour-border);padding-top:var(--space-3);grid-template-columns:1fr auto;gap:.35rem;font-size:.78rem;display:grid}.summary-value strong{font-family:var(--font-display)}.summary-percent{color:var(--colour-text-muted);grid-column:1/-1;font-size:.7rem}.summary-value progress{grid-column:1/-1;width:100%;height:.3rem}.no-results{border-left:3px solid var(--colour-text-muted);padding:var(--space-6);background:var(--colour-surface);text-align:center}.no-results h2,.no-results p{margin:.25rem}.backup-panel{margin-top:var(--space-4);border:1px solid var(--colour-border);background:var(--colour-surface)}.backup-panel summary{cursor:pointer;padding:.75rem;font-weight:700}.backup-panel>p{color:var(--colour-text-muted);margin:0;padding:0 .75rem;font-size:.8rem}.backup-actions{gap:var(--space-2);flex-wrap:wrap;padding:.75rem;display:flex}.backup-actions .button-danger-quiet{margin-left:auto}.tracker-notes{justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--colour-border);padding-top:var(--space-3);color:var(--colour-text-muted);font-size:.75rem;display:flex}.tracker-notes p{margin:0}.button{border-radius:var(--radius-sm);min-height:2.75rem;font:inherit;cursor:pointer;border:1px solid #0000;padding:.6rem .85rem;font-weight:600}.button-primary{background:var(--colour-action-blue);color:#fff}.button-secondary{border-color:var(--colour-border);background:var(--colour-surface-raised);color:var(--colour-text)}.button-quiet,.button-danger-quiet{border-color:var(--colour-border);color:var(--colour-text);background:0 0}.button-danger-quiet{color:#fca5a5}.button-danger{color:var(--colour-background);background:#ef4444}.button:disabled{opacity:.45}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.tracker-dialog{border:1px solid var(--colour-border);border-top:4px solid var(--colour-brand-purple);border-radius:var(--radius-md);background:var(--colour-surface);width:min(100% - 2rem,35rem);color:var(--colour-text);padding:0}.tracker-dialog::backdrop{background:#000000b8}.tracker-dialog form{padding:var(--space-6)}.tracker-dialog h2{margin-top:0}.dialog-warning{padding-left:var(--space-3);color:var(--colour-text-muted);border-left:3px solid #f59e0b}.dialog-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}[hidden]{display:none!important}@media (width>=48rem){.tracker-shell{width:min(100% - 3rem,76rem)}}@media (width<=63.99rem){.variant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-panel{grid-template-columns:1fr 1fr}}@media (width<=47.99rem){.tracker-shell{gap:var(--space-3)}.tracker-identity{gap:.1rem var(--space-2);padding-top:var(--space-2)}.tracker-identity h1{font-size:1.55rem}.tracker-identity p{font-size:.78rem}.tracker-layout{gap:var(--space-5);flex-direction:column;display:flex}.tracker-main{order:1;width:100%}.collection-summary{order:2;grid-template-columns:1fr 1fr 1fr;width:100%;position:static}.collection-summary>div:first-child{grid-column:1/-1}.summary-value{min-width:0}.summary-value>span:first-child,.summary-value strong{grid-column:1/-1}.primary-controls{grid-template-columns:1fr 1fr}.search-control{grid-column:1/-1}.missing-control,.filter-disclosure>summary{justify-content:center}.filter-panel{grid-template-columns:1fr;width:min(18rem,100vw - 2rem);right:0}.sprite-group{grid-template-columns:1fr}.group-panel{gap:var(--space-2);border-right:0;border-bottom:1px solid var(--colour-border);grid-template-columns:1fr auto auto;align-items:center;min-height:0;padding:.55rem .65rem;display:grid}.group-heading{grid-column:1}.group-panel .group-progress{order:initial;grid-area:3/1/auto/-1}.group-meta{gap:var(--space-2) var(--space-4);flex-wrap:wrap;order:initial;grid-area:2/1/auto/-1;padding-top:.4rem;display:flex}.variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-card{min-height:9.75rem}.sprite-artwork{height:6.5rem}.tracker-notes{flex-direction:column}.backup-actions .button-danger-quiet{margin-left:0}.alert{align-items:start}.group-toggle{min-height:2.75rem}.sprite-group.is-collapsed .group-panel{grid-template-columns:1fr;display:grid}.sprite-group.is-collapsed .group-heading{grid-column:1}}@media (width<=22rem){.collection-summary{grid-template-columns:1fr}.collection-summary>div:first-child{grid-column:auto}.group-meta{gap:.35rem .75rem}.variant-card>strong{white-space:normal}.collapsed-grid{grid-template-columns:1fr}}.variant-grid{grid-template-columns:repeat(auto-fill,minmax(min(8rem,100%),10.4rem));place-content:start}@media (width>=64rem){.sprite-group{grid-template-columns:9.25rem auto;width:fit-content;max-width:100%}.variant-grid{flex-wrap:wrap;width:fit-content;max-width:100%;display:flex}.variant-card{flex:0 0 10.4rem}}@media (width>=48rem) and (width<=63.99rem){.variant-grid{grid-template-columns:repeat(auto-fill,minmax(min(8rem,100%),10.25rem))}}@media (width<=22rem){.variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=47.99rem){.sprite-group.is-collapsed .group-panel{display:block}.sprite-group.is-collapsed .group-heading{grid-column:auto}}@media (width>=22.01rem) and (width<=47.99rem){.collapsed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:no-preference){.catalogue-spinner{animation:.7s linear infinite catalogue-spin}.variant-card,.save-dot{transition:border-color .14s,background-color .14s,box-shadow .14s}.group-progress-collected,.group-progress-mastered{transition:width .14s}.variant-card.just-mastered .state-icon{animation:.36s ease-out mastered-settle}.variant-card.just-mastered{animation:.36s ease-out mastered-border-settle}@keyframes mastered-settle{0%{transform:scale(.75)}55%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes mastered-border-settle{0%{box-shadow:inset 0 0 0 1px #fbbf242e}55%{box-shadow:inset 0 0 0 2px #fbbf249e}to{box-shadow:inset 0 0 0 1px #fbbf247a}}}