.match-history{color:var(--ui-ink);container-type:inline-size}.constellation-panel{min-width:0;background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:14px;overflow:hidden;box-shadow:var(--ui-lift)}.constellation-filter-bar{display:flex;align-items:center;gap:8px;min-height:56px;padding:0 8px;background:var(--ui-panel-header);border-bottom:1px solid var(--ui-border-soft)}.constellation-filter-scroll{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--ui-border) transparent;padding:4px;scroll-padding-inline:4px}.constellation-filter-scroll:focus-visible{outline:2px solid var(--ui-link);outline-offset:-2px;border-radius:8px}.constellation-filter-toggle,.match-view-toggle{flex:0 0 auto;gap:2px;padding:2px;border:1px solid var(--ui-border-soft);border-radius:8px}.constellation-filter-bar :is(.constellation-filter-toggle,.match-view-toggle) button{flex:0 0 auto;width:auto;height:32px;min-height:32px;padding:0 9px;border-radius:6px;background:transparent;color:var(--ui-ink-3);font-size:11px;font-weight:600;white-space:nowrap}.constellation-filter-bar :is(.constellation-filter-toggle,.match-view-toggle) button:hover{background:var(--ui-panel);color:var(--ui-ink)}.constellation-filter-bar :is(.constellation-filter-toggle,.match-view-toggle) button[data-state=on]{background:var(--ui-raised);color:var(--ui-ink);box-shadow:var(--ui-shadow)}.dark .constellation-filter-bar :is(.constellation-filter-toggle,.match-view-toggle) button[data-state=on]{background:var(--ui-action);color:var(--ui-action-label)}.dark .constellation-filter-bar :is(.constellation-filter-toggle,.match-view-toggle) button[data-state=on]:hover{background:var(--ui-action-hover)}.constellation-filter-bar :is(.constellation-filter-toggle,.match-view-toggle) button:focus-visible{outline:2px solid var(--ui-link);outline-offset:2px;box-shadow:none}.constellation-filter-options{display:flex;align-items:center;flex:0 0 auto}.constellation-filter-options button{position:relative;flex:0 0 52px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;color:var(--ui-ink);font-size:11px}.constellation-filter-options button:hover,.constellation-filter-options button[aria-pressed=true]{background:var(--ui-raised)}.constellation-filter-options button[aria-pressed=true]{box-shadow:inset 0 -2px var(--ui-action)}.constellation-filter-options .constellation-filter{flex:0 0 auto;width:auto;min-width:64px;min-height:48px;padding:0 16px;border-radius:0}.constellation-filter-options button+button:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:1px;background:var(--ui-border)}.archetype-sprite-frame{position:relative;display:inline-block;overflow:hidden;width:var(--sprite-size);height:var(--sprite-size)}.archetype-sprite-frame .archetype-sprite-image{width:100%;height:100%;object-fit:contain}.constellation-filter .archetype-icons{min-width:0;gap:8px}.constellation-filter .archetype-sprite{flex:0 0 30px;width:30px;height:30px;object-fit:contain}.constellation-field{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(4,84px);align-items:center;gap:8px;padding:16px 20px}.constellation-pages{min-width:0;container-type:inline-size;display:flex;flex-direction:column}.constellation-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:auto;padding:12px 20px;border-top:1px solid var(--ui-border-soft)}.constellation-pagination p{font-size:11px;color:var(--list-muted,var(--ui-ink-2));font-variant-numeric:tabular-nums}.constellation-page-controls,.constellation-page-controls button{display:flex;align-items:center;gap:4px}.constellation-page-controls button{justify-content:center;min-width:36px;min-height:36px;padding:0 8px;border:1px solid transparent;border-radius:8px;font-size:11px;color:var(--ui-ink-2);font-variant-numeric:tabular-nums}.constellation-page-controls button:hover:not(:disabled){background:var(--ui-panel-header);color:var(--ui-ink)}.constellation-page-controls button[aria-current=page]{background:var(--ui-panel-header);border-color:var(--ui-border);color:var(--ui-ink);font-weight:600}.constellation-page-controls button:disabled{opacity:.4;cursor:default}@container(max-width:540px){.constellation-field{grid-template-rows:repeat(4,72px);gap:6px 4px;padding:12px 8px}.constellation-field .constellation-identity,.constellation-field .constellation-point{width:44px;height:44px}.constellation-field .constellation-identity:has(.archetype-icons[data-count="2"]),.constellation-field .constellation-identity:has(.archetype-icons[data-count="3"]),.constellation-field .constellation-point:has(.archetype-icons[data-count="2"]),.constellation-field .constellation-point:has(.archetype-icons[data-count="3"]){width:48px;max-width:100%}.constellation-field .constellation-sprite .archetype-sprite{width:32px;height:32px}.constellation-field .constellation-sprite .archetype-icons{gap:3px}.constellation-field .constellation-sprite .archetype-icons[data-count="2"] .archetype-sprite{width:20px;height:20px}.constellation-field .constellation-sprite .archetype-icons[data-count="3"] .archetype-sprite{width:12px;height:20px}.constellation-pagination{justify-content:center;gap:8px;padding:12px 8px}.constellation-pagination p{flex-basis:100%;text-align:center}.constellation-page-controls{gap:2px}.constellation-page-controls button{min-width:40px;min-height:44px}}@container(max-width:335px){.constellation-field{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(6,64px)}}.constellation-position{display:flex;justify-content:center;min-width:0}.constellation-point{display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;border:0;background:transparent;border-radius:50%;transition:box-shadow .16s ease}.constellation-point[data-brief=true] .constellation-identity{box-shadow:0 4px 12px -4px rgba(23,54,80,.4)}.constellation-point[data-fresh=true]{box-shadow:0 0 0 3px var(--ui-fresh)}.constellation-point:focus-visible{outline:2px solid var(--ui-link);outline-offset:4px}.constellation-identity{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;transition:box-shadow .16s ease;border:1px solid color-mix(in srgb,var(--result-win-dot) 24%,transparent);background:color-mix(in srgb,var(--result-win-bg) 55%,var(--ui-panel));box-shadow:var(--ui-shadow)}.constellation-identity[data-outcome=L]{background:color-mix(in srgb,var(--result-loss-bg) 55%,var(--ui-panel));border-color:color-mix(in srgb,var(--result-loss-dot) 24%,transparent)}.constellation-sprite{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .12s ease-out}.constellation-sprite .archetype-icons{min-width:0;justify-content:center;gap:6px}.constellation-sprite .archetype-sprite{flex:0 0 auto;width:42px;height:42px;object-fit:contain}.constellation-identity:has(.archetype-icons[data-count="2"]),.constellation-identity:has(.archetype-icons[data-count="3"]),.constellation-point:has(.archetype-icons[data-count="2"]),.constellation-point:has(.archetype-icons[data-count="3"]){width:76px;border-radius:32px}.constellation-sprite .archetype-icons[data-count="2"] .archetype-sprite{width:30px;height:30px}.constellation-sprite .archetype-icons[data-count="3"]{gap:3px}.constellation-sprite .archetype-icons[data-count="3"] .archetype-sprite{width:20px;height:20px}.constellation-sprite--user{opacity:1}.constellation-sprite--opponent{opacity:0}.constellation-point[data-opponent-preview=true] .constellation-sprite{transition-duration:.18s}.constellation-point[data-opponent-preview=true] .constellation-sprite--user{opacity:0}.constellation-point[data-opponent-preview=true] .constellation-sprite--opponent{opacity:1}.match-sprite,.match-sprite img{width:50px;height:50px;object-fit:contain;image-rendering:pixelated}.match-sprite{display:inline-flex;align-items:center;justify-content:center}.match-brief{display:flex;align-items:center;gap:6px;max-width:calc(100vw - 32px);height:24px;padding:0 9px;white-space:nowrap;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-raised);color:var(--ui-ink-3);box-shadow:var(--ui-brief-shadow);font-size:11px;font-variant-numeric:tabular-nums}.match-brief strong{max-width:104px;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:var(--ui-ink)}.brief-result-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--result-win-dot)}.brief-result-dot[data-outcome=L]{background:var(--result-loss-dot)}.match-empty{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 16px;margin-top:20px;background:var(--ui-raised);border:1px solid var(--ui-border);border-radius:14px}.match-empty h3{font-size:14px;font-weight:600}.match-empty p{margin-top:4px;font-size:12px;color:var(--ui-ink-3)}.match-brief{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.constellation-identity,.constellation-point,.constellation-sprite,.match-brief{transition:none;animation:none}}.match-list-layout{--list-muted:var(--ui-ink-2);--muted:var(--list-muted);display:grid;grid-template-columns:minmax(0,1fr) 296px;min-height:400px}.match-list-groups{min-width:0;padding:20px}.match-list-legend{display:flex;gap:14px;margin-bottom:16px;color:var(--list-muted,var(--ui-ink-2));font-size:11px}.match-list-legend span{display:flex;align-items:center;gap:6px}.match-list-legend i{width:12px;height:12px;border-radius:3px;background:var(--result-win-dot)}.match-list-legend i[data-outcome=L]{background:var(--result-loss-dot)}.match-list-group{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:24px;padding:20px;margin-bottom:20px;border:1px solid var(--ui-border-soft);border-radius:12px;background:color-mix(in srgb,var(--ui-panel-header) 25%,var(--ui-panel))}.match-list-deck{min-width:0}.match-list-deck .archetype-icons{min-height:48px;align-items:center;gap:6px}.match-list-deck .archetype-icons[data-count="2"] .archetype-sprite{width:36px;height:36px}.match-list-deck .archetype-icons[data-count="3"] .archetype-sprite{width:28px;height:28px}.studio .match-list-deck h3{margin-top:8px;font-size:12px;font-weight:600;overflow-wrap:anywhere}.match-list-deck p{margin-top:4px;font-size:11px;color:var(--list-muted,var(--ui-ink-2))}.match-win-text{color:var(--result-win-fg)}.match-loss-text{color:var(--result-loss-fg)}.match-list-record{min-width:0}.match-list-record-label{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px;font-size:10px;color:var(--list-muted,var(--ui-ink-2))}.match-dot-grid{display:grid;grid-template-columns:repeat(auto-fill,14px);gap:5px;max-width:375px}.match-dot,.match-dot-empty{display:block;width:14px;height:14px;border-radius:3px;padding:0}.studio .match-dot{min-height:14px;height:14px;width:14px;position:relative;border:1px solid var(--result-win-dot);background:var(--result-win-dot);transition:transform .12s ease}.match-dot[data-outcome=L]{background:var(--result-loss-dot);border-color:var(--result-loss-dot)}.match-dot:hover,.match-dot[data-active=true]{transform:scale(1.1);outline:2px solid var(--ui-link);outline-offset:2px;z-index:1}.match-dot:focus-visible{outline:2px solid var(--ui-link);outline-offset:2px;z-index:2}.match-dot[data-fresh=true]{outline:2px solid var(--ui-fresh);outline-offset:2px}.match-dot-empty{border:1px solid var(--ui-border-soft);background:var(--ui-panel-header)}.match-list-caption{font-size:11px;line-height:1.6;color:var(--list-muted,var(--ui-ink-2))}.match-list-preview{min-width:0;padding:24px;border-left:1px solid var(--ui-border-soft);background:var(--ui-panel)}.match-preview-content{position:sticky;top:24px}.match-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.studio .match-preview-empty h3,.studio .match-preview-heading h3{font-size:12px;font-weight:600}.match-preview-heading button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--list-muted,var(--ui-ink-2))}.match-preview-heading button:hover{background:var(--ui-panel-header)}.match-preview-hint{display:flex;align-items:center;gap:5px;min-height:20px;margin-bottom:16px;color:var(--list-muted,var(--ui-ink-2));font-size:10px}.match-preview-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.match-preview-title h4{min-width:0;overflow-wrap:anywhere;font-size:18px;font-weight:600}.match-result-badge{padding:4px 8px;border-radius:6px;background:var(--result-win-bg);color:var(--result-win-fg);font-size:11px}.match-result-badge[data-outcome=L]{background:var(--result-loss-bg);color:var(--result-loss-fg)}.match-preview-date{margin-top:6px;font-size:11px;color:var(--list-muted,var(--ui-ink-2))}.match-preview-versus{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:center;gap:5px;margin:24px 0;padding:16px 8px;border:1px solid var(--ui-border-soft);border-radius:10px;background:var(--ui-panel-header)}.match-preview-versus>div{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center;gap:8px}.match-preview-versus .archetype-icons{gap:4px;min-height:48px}.match-preview-versus .archetype-icons[data-count="2"] .archetype-sprite{width:32px;height:32px}.match-preview-versus .archetype-icons[data-count="3"] .archetype-sprite{width:22px;height:22px}.match-preview-versus strong{font-size:10px;overflow-wrap:anywhere}.match-preview-versus small,.match-preview-versus>span{font-size:10px;color:var(--list-muted,var(--ui-ink-2))}.match-preview-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--ui-border-soft);font-variant-numeric:tabular-nums}.match-preview-facts dt{font-size:10px;color:var(--list-muted,var(--ui-ink-2))}.match-preview-facts dd{margin-top:6px;font-size:18px;font-weight:600}.match-preview-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.match-preview-tags span{font-size:11px;padding:3px 7px;background:var(--ui-panel-header);border-radius:5px;overflow-wrap:anywhere}.match-preview-open{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:20px;padding:8px 10px}.match-preview-empty p{max-width:30ch;margin-top:12px;font-size:12px;line-height:1.7;color:var(--list-muted,var(--ui-ink-2))}.match-list-layout button:focus-visible{outline:2px solid var(--ui-link);outline-offset:3px}@media(max-width:1023px){.match-list-layout{grid-template-columns:minmax(0,1fr)}.match-list-preview{display:none}.match-list-preview[data-visible=true]{display:block;position:fixed;inset:auto 16px 16px;z-index:40;max-height:60dvh;overflow-y:auto;padding:20px;border:1px solid var(--ui-border);border-radius:12px;box-shadow:var(--ui-lift)}.match-preview-content{position:static}.match-preview-versus{margin:16px 0}.match-preview-hint{margin-bottom:8px}.match-preview-facts{padding-bottom:12px}.match-preview-open{margin-top:12px}}@media(min-width:720px) and (max-width:1023px){.constellation-layout{grid-template-columns:minmax(0,1fr) 272px}.constellation-layout .match-list-preview{display:block;position:static;inset:auto;z-index:auto;max-height:none;overflow-y:visible;padding:24px;border:0;border-left:1px solid var(--ui-border-soft);border-radius:0;box-shadow:none}.constellation-layout .match-preview-content{position:sticky;top:24px}}@media(max-width:719px){.match-list-groups{padding:12px}.match-list-group{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:12px}.match-list-deck{text-align:center}.match-list-deck .archetype-icons{justify-content:center}.studio .match-list-deck h3{font-size:11px}.match-list-deck p{font-size:10px}.match-dot-grid{gap:8px;grid-template-columns:repeat(auto-fill,16px)}.match-dot-empty,.studio .match-dot{width:16px;height:16px;min-height:16px}.match-list-deck .archetype-icons[data-count="2"] .archetype-sprite{width:30px;height:30px}.match-list-deck .archetype-icons[data-count="3"] .archetype-sprite{width:20px;height:20px}}@media(prefers-reduced-motion:reduce){.match-dot{transition:none;transform:none!important}}.dark .match-list-layout{--list-muted:var(--ui-ink-3)}