@layer theme, base, components, utilities;.deck-perf-finish-mix-modal--spin{--deck-perf-finish-accent:#38bdf8}.deck-perf-finish-mix-modal--over{--deck-perf-finish-accent:#f59e0b}.deck-perf-finish-mix-modal--burst{--deck-perf-finish-accent:#a855f7}.deck-perf-finish-mix-modal--extreme{--deck-perf-finish-accent:#ef4444}.deck-perf-finish-mix-modal--warning{--deck-perf-finish-accent:#eab308}html.dark .deck-perf-finish-mix-modal__icon{color:color-mix(in srgb,var(--deck-perf-finish-accent) 75%,#fff)}html.dark .deck-perf-finish-mix-modal__chip--earned{color:#65d38d}html:not(.dark) .deck-perf-finish-mix-modal__chip--earned{color:#005715}html.dark .deck-perf-finish-mix-modal__chip--conceded{color:#ff928f}html:not(.dark) .deck-perf-finish-mix-modal__chip--conceded{color:#950009}.deck-perf-finish-mix-modal__hint strong{color:color-mix(in srgb,var(--foreground) 72%,transparent);font-weight:650}html.dark .deck-perf-finish-mix-modal__sort-btn--active{color:color-mix(in srgb,var(--deck-perf-finish-accent) 70%,#fff)}html:not(.dark) .deck-perf-finish-mix-modal__close{color:rgba(11,16,37,.72)}.deck-perf-finish-mix-modal__close:hover{border-color:color-mix(in srgb,var(--border) 100%,transparent);background:color-mix(in srgb,var(--foreground) 7%,transparent);color:var(--foreground)}.deck-perf-finish-mix-modal__summary{position:relative;z-index:1;padding:.65rem 1rem 0}.deck-perf-finish-mix-modal__summary-bar{display:flex;height:.42rem;overflow:hidden;border-radius:9999px;background:color-mix(in srgb,var(--foreground) 6%,transparent);gap:.12rem}.deck-perf-finish-mix-modal__summary-seg{display:block;height:100%;min-width:.25rem;border-radius:9999px;background:color-mix(in srgb,var(--deck-perf-finish-accent) 78%,#fff)}.deck-perf-finish-mix-modal__empty p{margin:0;max-width:16rem;color:color-mix(in srgb,var(--foreground) 52%,transparent);font-size:.85rem;line-height:1.4}html:not(.dark) .deck-perf-finish-mix-modal__empty p{color:rgba(11,16,37,.72)}html.dark .deck-perf-finish-mix-modal__empty p{color:#ff8682}html.dark .deck-perf-finish-mix-modal__rank--leader{color:color-mix(in srgb,var(--deck-perf-finish-accent) 70%,#fff)}html.dark .deck-perf-finish-mix-modal__meter-value{color:rgba(238,242,255,.82)}.deck-perf-finish-mix-modal__meter-fill--secondary{background:linear-gradient(90deg,color-mix(in srgb,var(--deck-perf-finish-accent) 35%,transparent),color-mix(in srgb,var(--deck-perf-finish-accent) 55%,transparent))}.deck-perf-finish-mix-modal__count{grid-area:count;min-width:3.4rem;padding-top:.02rem;text-align:right}.deck-perf-finish-mix-modal__count-sub{display:block;margin-top:.16rem;color:color-mix(in srgb,var(--foreground) 82%,transparent);font-size:.58rem;font-weight:600;line-height:1.2;white-space:nowrap}html:not(.dark) .deck-perf-finish-mix-modal__back{color:rgba(11,16,37,.72)}.deck-perf-finish-mix-modal__back:hover{border-color:color-mix(in srgb,var(--border) 100%,transparent);background:color-mix(in srgb,var(--foreground) 7%,transparent);color:var(--foreground)}button.deck-perf-finish-mix-modal__row{display:grid;width:100%;margin:0;cursor:pointer;font:inherit;text-align:left;appearance:none;-webkit-tap-highlight-color:transparent}.deck-perf-finish-mix-modal__row--interactive{grid-template-columns:auto minmax(0,1fr) auto .95rem;grid-template-areas:"rank head count chevron" "rank meters meters meters";transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}.deck-perf-finish-mix-modal__row--interactive:hover{border-color:color-mix(in srgb,var(--deck-perf-finish-accent) 38%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--card) 88%,var(--deck-perf-finish-accent) 12%),var(--card));transform:translateY(-1px);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 10%,transparent),0 10px 22px color-mix(in srgb,var(--deck-perf-finish-accent) 10%,transparent)}.deck-perf-finish-mix-modal__row--interactive:focus-visible{outline:2px solid color-mix(in srgb,var(--deck-perf-finish-accent) 55%,transparent);outline-offset:2px}.deck-perf-finish-mix-modal__chevron{grid-area:chevron;align-self:center;height:1rem;width:1rem;flex-shrink:0;color:color-mix(in srgb,var(--foreground) 82%,transparent);transition:color .15s ease,transform .15s ease}.deck-perf-finish-mix-modal__row--interactive:hover .deck-perf-finish-mix-modal__chevron{color:color-mix(in srgb,var(--deck-perf-finish-accent) 72%,var(--foreground));transform:translateX(2px)}.deck-perf-finish-mix-modal__copy--opponent{display:flex;align-items:center;gap:.65rem}.deck-perf-finish-mix-modal__opponent-avatar{flex-shrink:0}.deck-perf-finish-mix-modal__opponent-avatar-fallback{display:inline-flex;height:2rem;width:2rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--foreground) 6%,transparent);color:color-mix(in srgb,var(--foreground) 73%,transparent);font-size:.78rem;font-weight:700}.deck-perf-finish-mix-modal__opponent-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-perf-finish-mix-modal__opponent-link{color:inherit;text-decoration:none;transition:color .15s ease}.deck-perf-finish-mix-modal__opponent-link:hover{color:color-mix(in srgb,var(--deck-perf-finish-accent) 78%,var(--foreground))}.deck-perf-finish-mix-modal__row--opponent .deck-perf-finish-mix-modal__meters{margin-top:.5rem}