.character-card{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;min-height:0;padding:var(--space-2);border:2px solid var(--border-standard);border-radius:var(--radius-compact);background:linear-gradient(180deg,var(--surface-elevated),var(--surface-raised));color:inherit;text-align:left;text-decoration:none;transition:var(--transition-surface)}.character-card:hover:not(:disabled):not([aria-disabled=true]):not(.character-card--readonly){border-color:var(--trait-jobs)}.character-card--selected{border-color:var(--accent-emerald);box-shadow:0 0 0 1px var(--accent-emerald) inset,0 0 16px color-mix(in srgb,var(--team-heroes) 25%,transparent)}.character-card--draggable{cursor:-webkit-grab;cursor:grab}.character-card--draggable:active{cursor:-webkit-grabbing;cursor:grabbing}.character-card--drop-target{border-color:var(--trait-jobs);box-shadow:0 0 0 1px var(--trait-jobs) inset}.character-card--empty{justify-content:center;align-items:center;border-style:dashed;border-color:var(--border-panel);background:color-mix(in srgb,var(--surface-menu) 50%,transparent)}.character-card--field.character-card--empty{border-color:color-mix(in srgb,var(--accent-emerald) 33%,transparent)}.character-card:disabled{opacity:.45;cursor:not-allowed}.character-card--pending:disabled{opacity:.88}.character-card--readonly{cursor:default}.character-card--readonly:hover{border-color:var(--border-panel);transform:none}.character-card--bench,.character-card--compact,.character-card--field,.character-card--shop{min-height:0}.character-card--compact{aspect-ratio:1;height:auto;padding:.2rem}.character-card--compact .character-card__body,.character-card--field .character-card__body{display:none}.character-card--compact .character-card__portrait-wrap,.character-card--field .character-card__portrait-wrap{flex:1 1;min-height:0;aspect-ratio:auto}.character-card--star-1 .character-card__portrait-wrap{box-shadow:0 0 10px color-mix(in srgb,var(--star-1) 28%,transparent)}.character-card--star-2 .character-card__portrait-wrap{box-shadow:0 0 14px color-mix(in srgb,var(--star-2) 42%,transparent)}.character-card--star-3 .character-card__portrait-wrap{box-shadow:0 0 18px color-mix(in srgb,var(--star-3) 50%,transparent)}.character-card--signal-danger{border-color:color-mix(in srgb,var(--accent-rose) 82%,transparent)}.character-card--signal-counter{border-color:color-mix(in srgb,var(--surface-action-top) 82%,transparent)}.character-card--signal-opportunity{border-color:color-mix(in srgb,var(--gold-edge-top) 82%,transparent)}.character-card--shop .character-card__body{justify-content:flex-start}.character-card--shop.character-card--deal-upgrade{border-color:var(--accent-gold)}.character-card__portrait-wrap{position:relative;width:100%;aspect-ratio:1;border:1px solid var(--role-color,var(--border-panel));border-radius:var(--radius-standard);overflow:visible;z-index:var(--z-base)}.character-card__portrait-media .character-card__portrait{opacity:0;transition:var(--transition-surface)}.character-card__portrait-media[data-portrait-state=ready] .character-card__portrait{opacity:1}.character-card__portrait-media[data-portrait-state=error] .character-card__portrait{display:none}.character-card__portrait-fallback{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,color-mix(in srgb,var(--role-color,var(--surface-raised)) 12%,var(--surface-raised)),var(--surface-elevated));transition:var(--transition-surface)}.character-card__portrait-media[data-portrait-state=ready] .character-card__portrait-fallback{opacity:0;visibility:hidden}.character-card__portrait{width:100%;height:100%;display:block;object-fit:cover;object-position:top center;border-radius:inherit}.character-card__portrait-name{position:absolute;inset:auto 0 0;z-index:var(--z-local-4);overflow:hidden;padding:.45rem .24rem .18rem;border-radius:0 0 var(--radius-compact) var(--radius-compact);background:linear-gradient(transparent,color-mix(in srgb,var(--surface-scrim) 95%,transparent) 58%);color:var(--text-primary);font-size:var(--type-micro);font-weight:var(--weight-heavy);text-align:center;text-overflow:ellipsis;text-shadow:0 1px 3px var(--ink);white-space:nowrap}.character-card__trait-badges{position:absolute;top:4px;right:4px;z-index:var(--z-local-2);display:flex;gap:3px}.character-card__trait-badge{display:grid;place-items:center;width:20px;height:20px;border-radius:var(--radius-compact);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 1px 4px color-mix(in srgb,var(--ink) 45%,transparent)}.character-card__trait-badge svg{width:12px;height:12px}.character-card__trait-badge--team{color:var(--team-color);background:color-mix(in srgb,var(--team-color) 28%,color-mix(in srgb,var(--surface-shell) 88%,transparent));border:1px solid color-mix(in srgb,var(--team-color) 65%,transparent)}.character-card__trait-badge--role{color:var(--role-color);background:color-mix(in srgb,var(--role-color) 28%,color-mix(in srgb,var(--surface-shell) 88%,transparent));border:1px solid color-mix(in srgb,var(--role-color) 65%,transparent)}.character-card__trait-badge--signature{color:var(--signature-color);background:color-mix(in srgb,var(--signature-color) 28%,color-mix(in srgb,var(--surface-shell) 88%,transparent));border:1px solid color-mix(in srgb,var(--signature-color) 65%,transparent)}.character-card--compact .character-card__trait-badge,.character-card--field .character-card__trait-badge{width:16px;height:16px}.character-card--compact .character-card__trait-badge svg,.character-card--field .character-card__trait-badge svg{width:10px;height:10px}.character-card__level{position:absolute;bottom:4px;left:4px;z-index:var(--z-local-2);display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:999px;background:var(--star-color,var(--star-1));color:var(--surface-base);font-size:var(--type-meta);font-weight:var(--weight-heavy)}.character-card__level--1{background:var(--star-1)}.character-card__level--2{background:var(--star-2)}.character-card__level--3{background:var(--star-3)}.character-card--compact .character-card__level,.character-card--field .character-card__level{top:3px;bottom:auto;left:3px}.character-card__cost-badge{position:absolute;top:4px;left:4px;z-index:var(--z-local-2);display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:linear-gradient(180deg,var(--accent-gold),var(--accent-gold));color:var(--surface-shell);font-weight:var(--weight-heavy)}.character-card__cost-badge--1{background:linear-gradient(180deg,var(--text-secondary),var(--text-muted))}.character-card__cost-badge--2{background:linear-gradient(180deg,var(--accent-emerald-bright),var(--trait-animals))}.character-card__cost-badge--3{background:linear-gradient(180deg,var(--accent-info),var(--trait-jobs));color:var(--text-primary)}.character-card__cost-badge--4{background:linear-gradient(180deg,var(--text-secondary),var(--trait-heroes));color:var(--text-primary)}.character-card__owned-progress{position:absolute;top:30px;left:4px;z-index:var(--z-local-2);display:inline-flex;align-items:center;gap:2px;min-height:17px;padding:1px 4px;border:1px solid color-mix(in srgb,var(--accent-info) 62%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface-menu) 88%,transparent);color:var(--text-primary);font-size:var(--type-micro);font-weight:var(--weight-heavy)}.character-card__owned-progress svg{width:10px;height:10px;fill:none;stroke:var(--accent-info);stroke-width:1.5}.character-card__recommendation{bottom:4px;z-index:var(--z-local-2);max-width:calc(100% - 8px);padding:.15rem .35rem;border:1px solid var(--accent-emerald);border-radius:var(--radius-compact);background:color-mix(in srgb,var(--surface-glow-warm) 94%,transparent);color:var(--accent-emerald-bright);font-size:var(--type-micro)}.character-card__blocked-badge,.character-card__recommendation{position:absolute;right:4px;font-weight:var(--weight-heavy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-card__blocked-badge{bottom:1.55rem;left:4px;z-index:var(--z-local-6);padding:.12rem .28rem;border:1px solid color-mix(in srgb,var(--accent-opponent) 50%,transparent);border-radius:999px;background:color-mix(in srgb,var(--status-error-bg) 90%,transparent);color:var(--status-error-text);text-align:center}.character-card__blocked-icon{position:absolute;top:50%;left:50%;z-index:var(--z-local-6);display:grid;place-items:center;width:clamp(1.65rem,42%,2.5rem);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent-gold) 48%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface-scrim) 88%,transparent);color:var(--accent-gold);box-shadow:inset 0 1px color-mix(in srgb,var(--text-bright) 9%,transparent),0 3px 12px color-mix(in srgb,var(--ink) 58%,transparent);pointer-events:none;transform:translate(-50%,-50%)}.character-card__blocked-icon:after{position:absolute;width:76%;height:2px;border-radius:999px;background:var(--status-error-text);box-shadow:0 1px 3px color-mix(in srgb,var(--ink) 72%,transparent);content:"";transform:rotate(-42deg)}.character-card__blocked-icon-coin{width:62%;height:62%}.character-card__field-signal{position:absolute;top:4px;left:50%;z-index:var(--z-local-5);max-width:calc(100% - 8px);padding:.12rem .28rem;border:1px solid;border-radius:var(--radius-compact);background:color-mix(in srgb,var(--surface-shell) 92%,transparent);font-size:var(--type-micro);font-weight:var(--weight-heavy);text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}.character-card__field-signal--danger{color:var(--accent-opponent)}.character-card__field-signal--counter{color:var(--accent-emerald-bright)}.character-card__field-signal--opportunity{color:var(--accent-gold)}.character-card__body{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2);min-width:0;flex:1 1}.character-card__name{overflow:hidden;font-size:var(--type-body);font-weight:var(--weight-strong);text-overflow:ellipsis;white-space:nowrap}.character-card__chips{display:grid;grid-gap:var(--space-1);gap:var(--space-1);min-width:0}.character-card__chip{display:inline-flex;align-items:center;gap:var(--space-1);min-width:0;max-width:100%;padding:var(--space-1) var(--space-2);border-radius:999px;font-size:var(--type-meta);font-weight:var(--weight-strong);letter-spacing:.04em;text-transform:uppercase}.character-card__chip-icon{width:.85em;height:.85em;flex-shrink:0}.character-card__chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-card__chip--role{color:var(--role-color);background:color-mix(in srgb,var(--role-color) 25%,transparent);border:1px solid color-mix(in srgb,var(--role-color) 45%,transparent)}.character-card__chip--team{color:var(--team-color);background:color-mix(in srgb,var(--team-color) 20%,transparent);border:1px solid color-mix(in srgb,var(--team-color) 40%,transparent)}.character-card__chip--signature{color:var(--signature-color);background:color-mix(in srgb,var(--signature-color) 20%,transparent);border:1px solid color-mix(in srgb,var(--signature-color) 40%,transparent)}.character-card__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-1) var(--space-2);gap:var(--space-1) var(--space-2);margin-top:auto;padding-top:var(--space-1);color:var(--text-muted);font-size:var(--type-meta);font-weight:var(--weight-strong);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.character-card__placeholder{color:var(--border-panel);font-size:var(--type-title)}.character-card__placeholder--signed{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);color:var(--accent-emerald-bright);font-size:var(--type-micro);font-weight:var(--weight-heavy);line-height:var(--leading-tight);letter-spacing:var(--track-label);text-align:center;text-transform:uppercase}.character-card__signed-icon{width:clamp(1.15rem,34%,1.8rem);aspect-ratio:1;fill:color-mix(in srgb,var(--accent-emerald) 18%,transparent);stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.character-card__placeholder-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-card__placeholder--shop-empty{width:30%;height:2px;border-radius:999px;background:color-mix(in srgb,var(--text-disabled) 42%,transparent)}.character-card__pending{position:absolute;top:50%;left:50%;z-index:var(--z-hud);display:grid;width:clamp(1.9rem,28%,2.5rem);aspect-ratio:1;place-items:center;border:1px solid color-mix(in srgb,var(--accent-emerald-bright) 53%,transparent);border-radius:50%;background:color-mix(in srgb,var(--surface-base) 94%,transparent);color:var(--accent-emerald-bright);box-shadow:var(--shadow-floating);transform:translate(-50%,-50%);pointer-events:none;animation:motion-pulse-glow var(--motion-loop) ease-in-out infinite alternate}.character-card__pending-icon{width:58%;height:58%}.character-card--pending .character-card__portrait-media{filter:saturate(.72)}.character-card__success-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.character-card--readonly:hover .character-card__tooltip,.character-card:hover:not(:disabled) .character-card__tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.character-card__tooltip{position:absolute;left:50%;bottom:calc(100% + var(--space-2));z-index:var(--z-chrome);flex-direction:column;gap:var(--space-2);width:min(220px,72vw);padding:var(--space-2) var(--space-3);border:1px solid var(--border-standard);border-radius:var(--radius-compact);background:var(--surface-base);opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:var(--transition-surface)}.character-card__tooltip,.character-card__tooltip--portal{display:flex;box-shadow:var(--shadow-floating);pointer-events:none}.character-card__tooltip--portal{position:fixed;z-index:var(--z-celebration);gap:.55rem;max-height:calc(100dvh - 16px);padding:.7rem;border:1px solid var(--text-disabled);border-radius:var(--radius-panel);background:color-mix(in srgb,var(--surface-base) 99%,transparent);opacity:1;visibility:visible;transform:none;overflow:hidden}.character-card__tooltip-role,.character-card__tooltip-team{display:flex;align-items:center;gap:var(--space-2);font-size:var(--type-meta);font-weight:var(--weight-strong)}.character-card__tooltip-count{color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.character-card__tooltip-synergy{margin:0;padding:.3rem .35rem;border:1px solid var(--border-panel);border-radius:var(--radius-compact);background:color-mix(in srgb,var(--surface-base) 55%,transparent)}.character-card__tooltip-ability{display:grid;grid-gap:0;gap:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--trait-heroes) 42%,transparent);border-radius:var(--radius-compact);background:var(--surface-base)}.character-card__tooltip-ability>div:first-child{min-height:3.15rem;padding:.36rem .52rem;border-bottom:1px solid color-mix(in srgb,var(--text-disabled) 38%,transparent);background:linear-gradient(180deg,var(--surface-raised),var(--surface-base))}.character-card__tooltip-pool{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin:0;padding:var(--space-2);border:1px solid color-mix(in srgb,var(--accent-emerald-bright) 30%,transparent);border-radius:var(--radius-compact);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-emerald) 8%,transparent),transparent 55%),color-mix(in srgb,var(--surface-base) 82%,transparent);color:var(--text-secondary)}.character-card__tooltip-pool-title{color:var(--accent-gold);font-size:var(--type-micro);font-weight:var(--weight-heavy);letter-spacing:var(--track-label);text-transform:uppercase}.character-card__tooltip-pool-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-1);gap:var(--space-1)}.character-card__tooltip-pool-count{display:grid;grid-gap:.08rem;gap:.08rem;min-width:0;padding:.38rem .42rem;border:1px solid color-mix(in srgb,var(--border-panel) 84%,transparent);border-radius:var(--radius-compact);background:color-mix(in srgb,var(--surface-menu) 72%,transparent)}.character-card__tooltip-pool-count b{color:var(--text-pale);font-size:var(--type-body);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:var(--leading-tight)}.character-card__tooltip-pool-count small{overflow:hidden;color:var(--text-muted);font-size:var(--type-micro);line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap}.character-card__tooltip-pool-count--available{border-color:color-mix(in srgb,var(--accent-emerald-bright) 42%,transparent);background:color-mix(in srgb,var(--accent-emerald) 12%,var(--surface-menu))}.character-card__tooltip-pool-count--available b{color:var(--accent-emerald-bright)}.character-card__tooltip-pool-rivals{display:grid;grid-gap:.1rem;gap:.1rem;margin:0;padding-top:var(--space-2);border-top:1px solid color-mix(in srgb,var(--border-panel) 76%,transparent);font-size:var(--type-micro)}.character-card__tooltip-pool-rivals span{color:var(--text-muted);font-weight:var(--weight-strong)}.character-card__tooltip-pool-rivals em{color:var(--text-secondary);font-style:normal}.character-card__tooltip-link-line{margin:0;color:var(--text-secondary);font-size:var(--type-micro);line-height:var(--leading-body)}.character-card__tooltip-link{display:grid;grid-gap:.12rem;gap:.12rem;padding:.28rem .35rem;border:1px solid color-mix(in srgb,var(--team-heroes) 32%,transparent);border-radius:var(--radius-compact);background:color-mix(in srgb,var(--surface-glow-warm) 42%,transparent)}.character-card__tooltip-link strong{color:var(--accent-emerald-bright);font-size:var(--type-micro)}.character-card__tooltip-link span{color:var(--text-secondary);font-size:var(--type-micro)}.ability-rules{display:grid;grid-gap:.24rem;gap:.24rem;min-width:0}.player-grade-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-2);gap:var(--space-2)}.player-grade-board--compact{grid-template-columns:minmax(0,1fr)}.player-grade-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);min-width:0;padding:var(--space-2);border:1px solid var(--border-standard);border-radius:var(--radius-standard);background:linear-gradient(115deg,color-mix(in srgb,var(--surface-raised) 92%,transparent),var(--surface-inset))}.player-grade-row--top{border-color:color-mix(in srgb,var(--accent-gold) 54%,var(--border-standard));box-shadow:inset 0 1px color-mix(in srgb,var(--accent-gold) 10%,transparent)}.player-grade-row__portrait{width:2.7rem;height:2.7rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--text-bright) 14%,transparent);border-radius:var(--radius-compact);background:var(--surface-elevated)}.player-grade-row__portrait img{width:100%;height:100%;object-fit:cover}.player-grade-row__identity,.player-grade-row__identity>strong{display:flex;min-width:0}.player-grade-row__identity{flex-direction:column;gap:var(--space-1)}.player-grade-row__identity>strong{align-items:baseline;gap:var(--space-1);overflow:hidden;white-space:nowrap}.player-grade-row__name{min-width:0;overflow:hidden;text-overflow:ellipsis}.player-grade-row__scoring-icons{display:flex;flex:none;gap:var(--space-1)}.player-grade-row__facts{display:flex;min-width:0;gap:var(--space-1);overflow:hidden;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap}.player-grade-row__facts>span+span:before{margin-right:var(--space-1);color:var(--text-muted);content:"·"}.player-grade-row__rating{color:var(--text-primary);font-size:var(--type-title);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.player-grade-row[data-grade-tone=elite] .player-grade-row__rating{color:var(--accent-gold)}.player-grade-row[data-grade-tone=strong] .player-grade-row__rating{color:var(--accent-emerald-bright)}.player-grade-row[data-grade-tone=poor] .player-grade-row__rating{color:var(--accent-rose)}.player-grade-board--compact .player-grade-row{padding:var(--space-1) var(--space-2)}.player-grade-board--compact .player-grade-row__portrait{width:2.2rem;height:2.2rem}.player-grade-board--compact .player-grade-row__facts>span:nth-child(n+2){display:none}.player-grade-board--inspectable .player-grade-row{width:100%;min-height:var(--touch-min);color:inherit;font:inherit;text-align:left;cursor:pointer}.player-grade-board--inspectable .player-grade-row:active{transform:scale(.985)}.player-grade-board--inspectable .player-grade-row.is-selected{border-color:color-mix(in srgb,var(--accent-emerald-bright) 62%,var(--border-standard));background:linear-gradient(115deg,color-mix(in srgb,var(--accent-emerald) 13%,var(--surface-raised)),var(--surface-inset))}.player-grade-board--inspectable .player-grade-row:focus-visible{outline:2px solid var(--accent-emerald-bright);outline-offset:2px}.player-grade-row__bar{width:100%;height:.26rem;overflow:hidden;border:0;border-radius:999px;color:var(--text-secondary);background:color-mix(in srgb,var(--text-muted) 22%,transparent);-webkit-appearance:none;-moz-appearance:none;appearance:none}.player-grade-row__bar::-webkit-progress-bar{border-radius:inherit;background:color-mix(in srgb,var(--text-muted) 22%,transparent)}.player-grade-row__bar::-webkit-progress-value{border-radius:inherit;background:currentColor;box-shadow:0 0 .45rem currentColor}.player-grade-row__bar::-moz-progress-bar{border-radius:inherit;background:currentColor;box-shadow:0 0 .45rem currentColor}.player-grade-row[data-grade-tone=elite] .player-grade-row__bar{color:var(--accent-gold)}.player-grade-row[data-grade-tone=strong] .player-grade-row__bar{color:var(--accent-emerald-bright)}.player-grade-row[data-grade-tone=poor] .player-grade-row__bar{color:var(--accent-rose)}.player-grade-inspector{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin-top:calc(var(--space-1) * -1);padding:var(--space-3);border:1px solid color-mix(in srgb,var(--accent-emerald) 24%,var(--border-subtle));border-top:0;border-radius:0 0 var(--radius-standard) var(--radius-standard);background:linear-gradient(180deg,color-mix(in srgb,var(--accent-emerald) 7%,var(--surface-inset)),var(--surface-inset));animation:motion-enter-fade var(--motion-1) var(--ease) both}.player-grade-inspector__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.player-grade-inspector__formula{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-compact);background:color-mix(in srgb,var(--surface-elevated) 78%,transparent)}.player-grade-inspector__formula>span{display:grid;justify-items:center;min-width:0;grid-gap:var(--space-1);gap:var(--space-1);text-align:center}.player-grade-inspector__formula small{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.player-grade-inspector__formula strong{color:var(--text-primary);font-size:var(--type-body);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.player-grade-inspector__formula>i{color:var(--text-muted);font-style:normal}.player-grade-inspector__formula [data-tone=positive] strong{color:var(--accent-emerald-bright)}.player-grade-inspector__formula [data-tone=negative] strong{color:var(--accent-rose)}.player-grade-inspector__formula [data-tone=final] strong{color:var(--accent-gold)}.player-grade-inspector__facts{display:flex;flex-wrap:wrap;gap:var(--space-1)}.player-grade-inspector__facts>span{padding:var(--space-1) var(--space-2);border:1px solid var(--border-subtle);border-radius:999px;background:color-mix(in srgb,var(--surface-raised) 72%,transparent)}.player-grade-inspector__breakdown{display:grid;grid-gap:var(--space-1);gap:var(--space-1);margin:0}.player-grade-inspector__breakdown>div{display:grid;grid-template-columns:minmax(5rem,.65fr) minmax(0,1fr);align-items:center;grid-gap:var(--space-2);gap:var(--space-2)}.player-grade-inspector__breakdown dt{overflow:hidden;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap}.player-grade-inspector__breakdown dd{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);margin:0}.player-grade-inspector__breakdown progress{width:100%;height:.32rem;overflow:hidden;border:0;border-radius:999px;color:var(--accent-emerald-bright);background:color-mix(in srgb,var(--text-muted) 20%,transparent);-webkit-appearance:none;-moz-appearance:none;appearance:none}.player-grade-inspector__breakdown progress::-webkit-progress-bar{border-radius:inherit;background:color-mix(in srgb,var(--text-muted) 20%,transparent)}.player-grade-inspector__breakdown progress::-webkit-progress-value{border-radius:inherit;background:currentColor}.player-grade-inspector__breakdown progress::-moz-progress-bar{border-radius:inherit;background:currentColor}.player-grade-inspector__breakdown [data-tone=negative] progress{color:var(--accent-rose)}.player-grade-inspector__breakdown strong{min-width:2.8rem;color:var(--accent-emerald-bright);font-size:var(--type-micro);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.player-grade-inspector__breakdown [data-tone=negative] strong{color:var(--accent-rose)}.player-grade-inspector__empty{padding-block:var(--space-1)}.player-grade-inspector>p{margin:0}@media (max-width:768px),(orientation:landscape) and (max-height:500px){.player-grade-board{grid-template-columns:minmax(0,1fr)}}.ability-rules__description{color:var(--text-secondary);font-size:var(--type-micro);line-height:var(--leading-body);overflow-wrap:anywhere;margin:0;padding:.46rem .54rem .12rem}.ability-rules__value{display:inline-flex;gap:.08em;align-items:baseline;margin-inline:.08em;color:var(--accent-emerald-bright);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--weight-strong);white-space:nowrap}.ability-rules__value>b,.ability-rules__value>i,.ability-rules__value>small{color:inherit;font:inherit;font-style:normal}.ability-rules__value>i{color:var(--text-disabled)}.ability-rules__value>.ability-rules__value--current{color:var(--accent-gold)}.ability-rules__cooldown{display:flex;gap:.4rem;align-items:baseline;margin:0;padding:.12rem .54rem .5rem;color:var(--text-muted);font-size:var(--type-micro);line-height:var(--leading-body)}.ability-rules__cooldown>span{font-weight:var(--weight-strong)}.boon-card__copy .boon-rules,.reward-boon__copy .boon-rules{margin-top:.3rem}.boon-card__copy .boon-rules .ability-rules__description,.reward-boon__copy .boon-rules .ability-rules__description{padding:0}.boon-grid{grid-template-columns:repeat(2,minmax(0,1fr));flex:1 1;min-height:0;grid-gap:var(--space-3);overflow:hidden;align-content:stretch}.boon-grid,.reward-grid{display:grid;gap:var(--space-3)}.reward-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-3)}.reward-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,56rem);margin-inline:auto}.boon-card{display:grid;grid-template-columns:8.25rem minmax(0,1fr);min-height:10.5rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--boon-color) 45%,var(--border-panel));border-radius:var(--radius-panel);background:linear-gradient(115deg,color-mix(in srgb,var(--boon-color) 10%,var(--surface-raised)),var(--surface-elevated) 68%)}.boon-card>img{width:100%;height:100%;min-height:8.25rem;object-fit:cover}.boon-card__copy{display:flex;flex-direction:column;min-width:0;padding:.7rem}.boon-card__copy>span{color:var(--boon-color);font-size:var(--type-micro);font-weight:var(--weight-heavy);letter-spacing:var(--track-label);text-transform:uppercase}.boon-card__copy h3{margin:.15rem 0 .35rem;color:var(--text-primary);font-family:var(--font-display);font-weight:var(--weight-heavy);line-height:var(--leading-tight)}.boon-card__copy p{margin:0;color:var(--text-secondary)}.boon-card__copy p,.boon-card__copy small{font-size:var(--type-micro);line-height:var(--leading-body)}.boon-card__copy small{margin-top:auto;padding-top:.35rem;color:var(--text-muted)}.reward-boon{display:grid;grid-template-rows:minmax(8.5rem,24vh) 1fr;min-width:0;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--boon-color) 48%,var(--border-panel));border-radius:var(--radius-panel);background:linear-gradient(180deg,color-mix(in srgb,var(--boon-color) 8%,var(--surface-elevated)),var(--surface-raised));color:var(--text-primary);text-align:left;cursor:pointer;transition:transform var(--motion-2) ease,border-color var(--motion-2) ease,box-shadow var(--motion-2) ease}.reward-boon:hover{transform:translateY(-5px);border-color:var(--boon-color);box-shadow:var(--shadow-floating),0 0 28px color-mix(in srgb,var(--boon-color) 18%,transparent)}.reward-boon__art{position:relative;display:block;overflow:hidden}.reward-boon__art:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,var(--surface-raised))}.reward-boon__art img{width:100%;height:100%;object-fit:cover;transition:transform var(--motion-2) ease}.reward-boon:hover .reward-boon__art img{transform:scale(1.035)}.reward-boon__copy{display:flex;flex-direction:column;min-width:0;padding:.8rem}.reward-boon__copy em{color:var(--boon-color);font-size:var(--type-micro);font-weight:var(--weight-heavy);letter-spacing:var(--track-label);font-style:normal;text-transform:uppercase}.reward-boon__copy>strong{margin-top:.12rem;font-family:var(--font-display);font-weight:var(--weight-heavy);line-height:var(--leading-tight)}.reward-boon__copy p{margin:.48rem 0;color:var(--text-secondary);font-size:var(--type-micro);line-height:var(--leading-body)}.reward-boon__copy>b{align-self:start;margin-top:.7rem;padding:.38rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--boon-color) 28%,var(--surface-elevated));color:var(--text-primary)}.reward-boon__copy small.reward-boon__roster{display:block;margin-top:.35rem}.character-card__tooltip--sheet{position:static;width:auto;padding:0;border:none;box-shadow:none;background:transparent;opacity:1;visibility:visible;transform:none;pointer-events:auto}.character-card__tooltip--sheet.stack-3{gap:var(--space-3)}.character-card__inspect-header{display:grid;grid-template-columns:5rem minmax(0,1fr);grid-gap:var(--space-3);gap:var(--space-3);align-items:center}.character-card__inspect-cost{color:var(--text-secondary);letter-spacing:var(--track-label)}.character-card__inspect-header .t-title{font-family:var(--font-display);font-size:var(--type-title);letter-spacing:var(--track-tight)}.character-card__inspect-identities{display:flex;flex-wrap:wrap;gap:var(--space-1)}.character-card__inspect-identity{display:inline-flex;gap:var(--space-1);align-items:center;min-width:0;padding:.22rem .4rem;border:1px solid color-mix(in srgb,var(--identity-color) 54%,transparent);border-radius:999px;background:color-mix(in srgb,var(--identity-color) 12%,var(--surface-base));color:var(--identity-color);font-weight:var(--weight-heavy);line-height:var(--leading-tight)}.character-card__inspect-identity svg{flex:0 0 auto;width:.88rem;height:.88rem}.character-card__inspect-portrait{width:5rem;aspect-ratio:1;overflow:hidden;border:2px solid;border-radius:var(--radius-standard);background:var(--surface-raised);box-shadow:0 7px 18px color-mix(in srgb,var(--ink) 38%,transparent)}.character-card__inspect-portrait img{width:100%;height:100%;object-fit:cover;object-position:top center}.character-card__inspect-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-2);gap:var(--space-2)}.character-card__inspect-stats>span{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--space-2);gap:var(--space-2);align-items:center;min-height:2.65rem;padding:.42rem .55rem;border:1px solid var(--border-panel);border-radius:var(--radius-compact);background:linear-gradient(100deg,color-mix(in srgb,var(--accent-emerald) 7%,transparent),transparent 60%),color-mix(in srgb,var(--surface-menu) 82%,transparent)}.character-card__inspect-stats strong{color:var(--accent-emerald-bright);font-family:var(--font-display);font-size:var(--type-title);line-height:var(--leading-tight)}.character-card__inspect-stats em{overflow:hidden;color:var(--text-secondary);font-size:var(--type-meta);font-style:normal;font-weight:var(--weight-heavy);text-overflow:ellipsis;white-space:nowrap}@media (min-width:769px){.character-card__name{font-size:var(--type-body)}.character-card__tooltip{width:min(240px,72vw);font-size:var(--type-meta)}.character-card__tooltip--portal{width:min(340px,calc(100vw - 16px))!important}}@media (max-width:768px),(orientation:landscape) and (max-height:500px){.boon-grid,.reward-grid{grid-template-columns:1fr}.boon-card{grid-template-columns:6.6rem minmax(0,1fr)}.boon-card,.boon-card>img{min-height:7.3rem}.reward-boon{grid-template-columns:7.5rem minmax(0,1fr);grid-template-rows:minmax(8.25rem,auto)}.reward-boon__copy p{margin:.3rem 0}.reward-boon__copy small:not(.reward-boon__roster){display:none}.character-card__blocked-badge{right:2px;bottom:1.08rem;left:2px;font-size:var(--type-micro)}}@media (prefers-reduced-motion:reduce){.character-card__pending{animation:none!important}.reward-boon:hover{transform:none}.player-grade-inspector{animation:none!important}}html[data-reduced-motion=true] .character-card__pending,html[data-reduced-motion=true] .player-grade-inspector{animation:none!important}.bottom-dock{position:relative;z-index:var(--z-dock);display:grid;grid-template-columns:auto minmax(360px,1fr) auto;grid-template-rows:auto;grid-gap:var(--chrome-gap);flex-shrink:0;height:var(--dock-height);min-height:var(--dock-height);padding:var(--chrome-gap) var(--chrome-inset-x-end) calc(var(--space-2) + var(--chrome-inset-bottom)) var(--chrome-inset-x);border-top:1px solid var(--border-standard);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-menu) 99%,transparent),color-mix(in srgb,var(--surface-deep-alt) 99%,transparent));box-shadow:0 -10px 28px color-mix(in srgb,var(--ink) 28%,transparent),inset 0 1px color-mix(in srgb,var(--text-bright) 5%,transparent);overflow:visible}.bottom-dock,.bottom-dock__cluster{align-items:stretch;gap:var(--chrome-gap)}.bottom-dock__cluster{display:flex;min-width:0;min-height:0;height:100%}.bottom-dock__cluster--utility{justify-content:flex-start}.bottom-dock__cluster--actions{display:grid;grid-template-columns:var(--dock-actions-columns);align-items:center;justify-content:flex-end}.bottom-dock__shop{min-width:0;min-height:0;height:100%;overflow:visible;border-radius:var(--radius-panel)}.bottom-dock__cluster--utility .info-popover__content{position:fixed;top:calc(var(--chrome-top-bar-min) + var(--space-2));right:max(var(--space-2),env(safe-area-inset-right,0px));bottom:auto;left:auto;max-height:calc(100dvh - var(--chrome-top-bar-min) - var(--dock-height) - var(--space-4));overflow-y:auto}.bottom-dock__level{position:relative;display:grid;place-items:center;flex:0 0 auto;width:auto;height:100%;min-width:0;min-height:var(--control-min);aspect-ratio:1;padding:0;border:none;border-radius:var(--radius-standard);background:linear-gradient(180deg,var(--surface-elevated),var(--surface-raised));color:var(--text-primary);box-shadow:var(--shadow-surface);cursor:pointer;overflow:hidden;transition:var(--transition-touch)}.bottom-dock__level:disabled,.bottom-dock__level[aria-disabled=true]{opacity:1;color:var(--text-muted);filter:saturate(.58);cursor:not-allowed}.bottom-dock__level:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(1.06)}.bottom-dock__level--coach-highlight{box-shadow:var(--shadow-surface),0 0 16px color-mix(in srgb,var(--accent-emerald-bright) 35%,transparent)}.bottom-dock__level-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.bottom-dock__level-ring-fill{fill:none;stroke-width:6;stroke:var(--accent-emerald-bright);stroke-linecap:round;filter:drop-shadow(0 0 var(--space-1) color-mix(in srgb,var(--accent-emerald-bright) 42%,transparent));transition:stroke-dashoffset var(--motion-2) ease}.bottom-dock__level-ring-fill--max{transition:none}.bottom-dock__level-content{position:relative;z-index:var(--z-local-1);display:grid;place-items:center;grid-gap:.08rem;gap:.08rem;width:76%;max-width:76%;padding:var(--space-1) .15rem;text-align:center;line-height:var(--leading-tight)}.bottom-dock__level-cap{color:var(--text-primary);font-size:var(--type-title);font-weight:var(--weight-heavy);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:var(--leading-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-dock__level-lv{color:var(--accent-emerald-bright);font-size:var(--type-meta);font-weight:var(--weight-heavy);line-height:var(--leading-tight)}.bottom-dock__level-xp{color:var(--text-primary);font-size:var(--type-micro);font-weight:var(--weight-strong);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bottom-dock__level-cost{display:inline-flex;align-items:center;justify-content:center;gap:.12rem;min-width:0;padding:.08rem .16rem;border:1px solid color-mix(in srgb,var(--accent-gold) 48%,transparent);border-radius:999px;background:color-mix(in srgb,var(--status-error-bg) 94%,transparent);color:var(--accent-gold);font-weight:var(--weight-heavy);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:var(--leading-tight)}.bottom-dock__economy,.bottom-dock__market,.bottom-dock__sell{position:relative;display:flex;width:var(--dock-square-control);height:var(--dock-square-control);min-width:0}.bottom-dock__sell-btn{display:grid;place-items:center;align-content:center;grid-gap:.08rem;gap:.08rem;width:100%;height:100%;min-width:var(--touch-min);min-height:var(--touch-min);padding:var(--space-1);border:1px solid color-mix(in srgb,var(--text-muted) 42%,var(--border-standard));border-radius:var(--radius-standard);background:linear-gradient(180deg,var(--surface-elevated),var(--surface-raised));color:var(--text-muted);box-shadow:var(--shadow-surface);cursor:pointer;transition:var(--transition-touch)}.bottom-dock__sell-icon{width:1.45rem;height:1.45rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.bottom-dock__sell-label{color:currentColor;letter-spacing:.04em;text-transform:uppercase}.bottom-dock__sell-label,.bottom-dock__sell-value{font-weight:var(--weight-heavy);line-height:var(--leading-tight)}.bottom-dock__sell-value{display:inline-flex;align-items:center;justify-content:center;gap:.12rem;color:var(--accent-gold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bottom-dock__sell-btn[aria-disabled=true]:not(.bottom-dock__sell-btn--hot){opacity:.62}.bottom-dock__sell-btn--ready{border-color:color-mix(in srgb,var(--accent-opponent) 64%,transparent);background:color-mix(in srgb,var(--status-error) 46%,var(--surface-raised));color:var(--accent-opponent)}.bottom-dock__sell-btn--hot{border-color:var(--star-2);background:color-mix(in srgb,var(--star-2) 18%,var(--surface-raised));color:var(--star-2);box-shadow:var(--shadow-surface),0 0 1rem color-mix(in srgb,var(--star-2) 32%,transparent);opacity:1}.bottom-dock__sell-btn:focus-visible,.bottom-dock__sell-btn:hover:not(:disabled){filter:brightness(1.07)}.bottom-dock__sell-btn:disabled{cursor:not-allowed;opacity:.5}.bottom-dock__economy-btn{display:grid;place-items:center;align-content:center;grid-gap:.08rem;gap:.08rem;width:100%;min-width:var(--touch-min);min-height:var(--touch-min);height:100%;padding:.28rem;border:1px solid color-mix(in srgb,var(--accent-gold) 50%,var(--border-standard));border-radius:var(--radius-standard);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-glow-warm) 86%,transparent),color-mix(in srgb,var(--surface-inset) 96%,transparent));color:var(--accent-gold);box-shadow:var(--shadow-surface);cursor:pointer;transition:var(--transition-touch)}.bottom-dock__economy-balance{display:inline-flex;align-items:center;justify-content:center;gap:.28rem}.bottom-dock__economy-icon{width:1.55rem;height:1.55rem;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.bottom-dock__economy-amount{display:inline-flex;align-items:baseline;gap:.08em;max-width:100%;overflow:hidden;font-size:var(--type-title);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap}.bottom-dock__economy-interest{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1/-1;grid-gap:2px;gap:2px;width:min(3.25rem,calc(100% - .2rem));margin-top:.05rem}.bottom-dock__economy-interest i{display:grid;place-items:center;min-width:0;height:.78rem;border:1px solid color-mix(in srgb,var(--border-warning) 32%,transparent);border-radius:3px;background:color-mix(in srgb,var(--surface-shell) 52%,transparent);color:color-mix(in srgb,var(--border-warning) 62%,transparent);font-size:var(--type-micro);font-style:normal;font-weight:var(--weight-heavy);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bottom-dock__economy-interest .bottom-dock__economy-interest-pip--active{border-color:color-mix(in srgb,var(--accent-gold) 86%,transparent);background:var(--accent-gold);color:var(--surface-shell)}.bottom-dock__economy-interest .bottom-dock__economy-interest-pip--next{border-color:color-mix(in srgb,var(--accent-gold) 82%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-gold) 14%,transparent);color:var(--accent-gold)}.bottom-dock__economy:focus-within .bottom-dock__market-tooltip,.bottom-dock__economy:hover .bottom-dock__market-tooltip,.bottom-dock__market:focus-within .bottom-dock__market-tooltip,.bottom-dock__market:hover .bottom-dock__market-tooltip{opacity:1}.bottom-dock__market-tooltip{position:absolute;right:0;bottom:calc(100% + .45rem);z-index:var(--z-toast);width:min(248px,calc(100vw - var(--space-4)));padding:.55rem .65rem;border:1px solid var(--border-standard);border-radius:var(--radius-standard);background:var(--surface-overlay);box-shadow:var(--shadow-floating);color:var(--text-secondary);font-size:var(--type-micro);line-height:var(--leading-body);text-align:left;opacity:0;pointer-events:none;transition:opacity var(--motion-1) ease}.bottom-dock__market-tooltip-title{margin:.35rem 0 .15rem;color:var(--accent-gold);font-size:var(--type-micro);font-weight:var(--weight-heavy);letter-spacing:.06em;text-transform:uppercase}.bottom-dock__market-tooltip-title:first-child{margin-top:0}.bottom-dock__market-tooltip p{margin:0}.bottom-dock__market-tooltip-muted{margin-top:.2rem!important;color:var(--text-muted)}.bottom-dock__market-btn{display:grid;grid-gap:.1rem;gap:.1rem;place-items:center;align-content:center;width:100%;min-width:var(--touch-min);min-height:var(--touch-min);height:100%;padding:.42rem .45rem;border:1px solid var(--border-standard);border-radius:var(--radius-standard);background:linear-gradient(180deg,var(--surface-elevated),var(--surface-raised));color:var(--text-primary);box-shadow:var(--shadow-surface);text-align:center;cursor:pointer;transition:var(--transition-touch)}.bottom-dock__market-btn:disabled,.bottom-dock__market-btn[aria-disabled=true]{cursor:not-allowed;opacity:.5}.bottom-dock__market-btn:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(1.06)}.bottom-dock__market-reroll-label{display:grid;place-items:center;align-items:center;grid-gap:.08rem;gap:.08rem;font-size:var(--type-meta);font-weight:var(--weight-heavy);letter-spacing:.04em;text-transform:uppercase}.bottom-dock__market-reroll-icon{display:block;width:1.6rem;height:1.6rem;fill:none;stroke:var(--accent-emerald-bright);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bottom-dock__market-cost{display:inline-flex;align-items:center;justify-content:center;gap:.18rem;min-width:2.4rem;padding:.12rem .42rem;border:1px solid color-mix(in srgb,var(--accent-gold) 40%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent-gold) 13%,transparent);color:var(--accent-gold);font-style:normal;font-weight:var(--weight-heavy);letter-spacing:.06em;text-transform:uppercase}.bottom-dock__cost-coin{width:.9rem;height:.9rem;fill:none;stroke:currentColor;flex:0 0 auto}.bottom-dock__market-cost--free{border-color:color-mix(in srgb,var(--accent-emerald) 53%,transparent);background:color-mix(in srgb,var(--accent-emerald) 13%,transparent);color:var(--accent-emerald-bright)}.bottom-dock__market-btn--locked{border-color:color-mix(in srgb,var(--accent-emerald) 47%,transparent)}.bottom-dock__market-btn--free{border-color:color-mix(in srgb,var(--accent-emerald-bright) 88%,transparent);animation:motion-free-arrive var(--motion-2) var(--ease) both}.bottom-dock__market-btn--rolling .bottom-dock__market-reroll-icon{animation:motion-spin var(--motion-spin) linear infinite}.bottom-dock__play{display:grid;place-items:center;align-content:center;min-width:0;min-height:var(--touch-min);height:100%;padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb,var(--accent-emerald-bright) 72%,transparent);border-radius:var(--radius-standard);background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--accent-emerald-bright) 20%,transparent),transparent 55%),linear-gradient(180deg,var(--surface-action-top),var(--surface-action-bottom));color:var(--text-pale);font-size:var(--type-body);box-shadow:var(--shadow-surface)}.bottom-dock__play:disabled,.bottom-dock__play[aria-disabled=true]{border-color:var(--border-standard);background:linear-gradient(180deg,var(--surface-action-muted-top),var(--surface-action-muted-bottom));color:var(--text-muted);box-shadow:none;filter:saturate(.42);opacity:.56;cursor:not-allowed}.bottom-dock__play-icon{display:block;width:1.8rem;height:1.8rem;fill:currentColor}.shop-dock{position:relative;display:grid;grid-template-columns:var(--dock-shop-control-width) minmax(0,1fr);grid-gap:0;gap:0;width:100%;height:100%;min-width:0;min-height:0;padding:0;border:1px solid var(--border-standard);border-radius:var(--radius-panel);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated) 99%,transparent),var(--surface-base));box-shadow:var(--shadow-surface);overflow:visible}.shop-dock--locked{border-color:color-mix(in srgb,var(--accent-emerald-bright) 78%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-emerald-bright) 18%,transparent),0 0 16px color-mix(in srgb,var(--accent-emerald) 18%,transparent)}.shop-dock__controls{display:grid;grid-template-rows:minmax(0,1fr);align-items:stretch;min-width:0;min-height:0;height:100%}.shop-dock__control{position:relative;display:grid;place-items:center;align-content:center;align-self:stretch;grid-gap:var(--space-1);gap:var(--space-1);width:100%;height:100%;min-width:var(--touch-min);min-height:var(--touch-min);padding:var(--space-1);border:0;border-right:1px solid var(--border-standard);border-radius:calc(var(--radius-panel) - 1px) 0 0 calc(var(--radius-panel) - 1px);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-glow-cool) 98%,transparent),color-mix(in srgb,var(--surface-raised) 98%,transparent));color:var(--text-secondary);box-shadow:inset 0 1px color-mix(in srgb,var(--text-bright) 4%,transparent);transition:var(--transition-surface)}.shop-dock__control b{color:var(--accent-emerald-bright);font-size:var(--type-title);font-weight:var(--weight-heavy)}.shop-dock__control span{max-width:100%;overflow:hidden;color:var(--text-muted);font-size:var(--type-micro);font-weight:var(--weight-strong);text-overflow:ellipsis;white-space:nowrap}.shop-dock__control--unlocked{color:var(--text-muted);filter:saturate(.58)}.shop-dock__control--unlocked .shop-dock__lock-icon{color:var(--text-muted);opacity:.72}.shop-dock__control--locked{border-right-color:color-mix(in srgb,var(--accent-emerald-bright) 72%,transparent);background:radial-gradient(circle at 50% 26%,color-mix(in srgb,var(--accent-emerald-bright) 34%,transparent),transparent 54%),linear-gradient(180deg,color-mix(in srgb,var(--accent-emerald) 30%,var(--surface-elevated)),color-mix(in srgb,var(--surface-inset) 96%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-emerald-bright) 22%,transparent),inset 0 0 24px color-mix(in srgb,var(--accent-emerald) 24%,transparent)}.shop-dock__control--locked:after{position:absolute;top:var(--space-1);right:var(--space-1);width:calc(var(--u) * 1.5);height:calc(var(--u) * 1.5);border-radius:999px;background:var(--accent-emerald-bright);box-shadow:0 0 10px color-mix(in srgb,var(--accent-emerald-bright) 76%,transparent);content:""}.shop-dock__control--locked .shop-dock__lock-icon{color:var(--accent-gold)}.shop-dock__control--locked span{color:var(--text-primary)}.shop-dock__control:disabled{cursor:not-allowed;opacity:.48}.shop-dock__lock-icon{display:grid;place-items:center;color:var(--accent-emerald-bright);line-height:var(--leading-tight)}.shop-dock__lock-icon svg{display:block;width:1.55rem;height:1.55rem}.shop-dock__cards{align-items:center;min-height:0;height:100%;padding:var(--space-1);overflow:hidden}.shop-dock__cards,.shop-dock__trait-rails{display:grid;grid-template-columns:repeat(var(--store-size,5),minmax(0,1fr));grid-gap:var(--space-1);gap:var(--space-1);min-width:0}.shop-dock__trait-rails{position:absolute;right:0;bottom:calc(100% + var(--space-1));left:var(--dock-shop-control-width);z-index:var(--z-local-5);align-items:end;padding-inline:var(--space-1);pointer-events:none;transition:opacity var(--motion-1) ease}.shop-dock__trait-rails--rolling{opacity:.28}.shop-dock__trait-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;justify-items:center;grid-gap:1px;gap:1px;width:100%;min-width:0}.shop-dock__trait-marker{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:0;max-width:100%;min-height:18px;padding:1px 0;border:1px solid color-mix(in srgb,var(--trait-color) 48%,var(--border-standard));border-radius:var(--radius-compact);color:var(--trait-color);background:color-mix(in srgb,var(--surface-scrim) 88%,transparent);box-shadow:0 2px 6px color-mix(in srgb,var(--ink) 52%,transparent)}.shop-dock__trait-marker--checkpoint{border-color:color-mix(in srgb,var(--trait-color) 88%,var(--text-bright));background:color-mix(in srgb,var(--trait-color) 18%,var(--surface-scrim));box-shadow:0 0 0 1px color-mix(in srgb,var(--trait-color) 18%,transparent),0 0 .7rem color-mix(in srgb,var(--trait-color) 34%,transparent)}.shop-dock__trait-marker>svg{width:10px;height:10px;flex:0 0 auto}.shop-dock__trait-marker .synergy-checkpoints--compact{gap:0;height:13px}.shop-dock__trait-marker .synergy-checkpoints--compact .synergy-checkpoints__group{width:3px;gap:1px}.shop-dock__trait-marker .synergy-checkpoints__bar[data-state=prospect]{border-color:var(--text-bright);background:var(--trait-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--surface-scrim) 72%,transparent),0 0 .48rem var(--trait-color);transform-origin:center;animation:motion-pulse-dot var(--motion-loop) ease-in-out infinite}.character-card--shop .character-card__trait-badges{top:3px;right:3px;flex-direction:column;gap:2px}.character-card--shop .character-card__trait-badge{width:14px;height:14px}.character-card--shop .character-card__trait-badge svg{width:9px;height:9px}.shop-dock__cards--rolling .character-card--shop{pointer-events:none}.shop-dock__cards--rolling .character-card--shop .character-card__portrait-wrap{overflow:hidden}.shop-dock__cards--rolling .character-card--shop .character-card__portrait{filter:blur(1.5px) saturate(.75);animation:motion-blur-roll var(--motion-2) linear infinite}.shop-dock__cards--rolling .character-card--shop:first-child .character-card__portrait{animation-delay:0s}.shop-dock__cards--rolling .character-card--shop:nth-child(2) .character-card__portrait{animation-delay:40ms}.shop-dock__cards--rolling .character-card--shop:nth-child(3) .character-card__portrait{animation-delay:80ms}.shop-dock__cards--rolling .character-card--shop:nth-child(4) .character-card__portrait{animation-delay:.12s}.shop-dock__cards--rolling .character-card--shop:nth-child(5) .character-card__portrait{animation-delay:.16s}.shop-dock__cards--rolling .character-card--shop .character-card__body,.shop-dock__cards--rolling .character-card--shop .character-card__cost-badge,.shop-dock__cards--rolling .character-card--shop .character-card__owned-progress,.shop-dock__cards--rolling .character-card--shop .character-card__recommendation{opacity:.35}.shop-dock__cards .character-card--shop{--shop-card-border:var(--border-standard);position:relative;display:grid;align-self:center;width:100%;height:auto;max-height:100%;min-width:0;min-height:0;aspect-ratio:16/10;padding:0;overflow:hidden;isolation:isolate;border-width:1px;border-color:var(--border-standard);border-radius:var(--radius-standard);background:var(--surface-base);box-shadow:inset 0 1px color-mix(in srgb,var(--text-bright) 6%,transparent),0 3px 10px color-mix(in srgb,var(--ink) 28%,transparent);transition:transform var(--motion-2) ease,border-color var(--motion-2) ease,box-shadow var(--motion-2) ease}.shop-dock__cards .character-card--shop .character-card__portrait-wrap{width:100%;height:100%;min-width:0;min-height:0;border:0;border-radius:var(--radius-standard);overflow:hidden}.shop-dock__cards .character-card--shop .character-card__portrait-wrap:after{position:absolute;inset:0;z-index:var(--z-local-1);border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--team-color) 15%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--surface-scrim) 3%,transparent) 25%,color-mix(in srgb,var(--surface-scrim) 96%,transparent) 100%);content:"";pointer-events:none}.shop-dock__cards .character-card--shop .character-card__portrait{width:100%;height:100%;object-fit:cover;object-position:var(--portrait-x,50%) var(--portrait-y,18%);transform:scale(1.015);transition:filter var(--motion-2) ease,transform var(--motion-2) ease}.shop-dock__cards .character-card--shop:focus-visible,.shop-dock__cards .character-card--shop:hover:not(:disabled):not([aria-disabled=true]){z-index:var(--z-local-4);border-color:color-mix(in srgb,var(--shop-card-border) 76%,var(--text-bright));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--shop-card-border) 28%,transparent),0 0 18px color-mix(in srgb,var(--shop-card-border) 22%,transparent);transform:translateY(-2px)}.shop-dock__cards .character-card--shop:focus-visible .character-card__portrait,.shop-dock__cards .character-card--shop:hover:not(:disabled):not([aria-disabled=true]) .character-card__portrait{transform:scale(1.065)}.shop-dock__cards .character-card--shop.character-card--unavailable{border-style:solid;border-color:color-mix(in srgb,var(--star-1) 55%,transparent);filter:saturate(.64)}.shop-dock__cards .character-card--shop.character-card--unavailable .character-card__portrait{filter:brightness(.66) saturate(.72)}.shop-dock__cards .character-card--shop.character-card--empty:disabled{border-style:solid;border-color:color-mix(in srgb,var(--text-disabled) 46%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--surface-action-muted-bottom) 26%,transparent),color-mix(in srgb,var(--surface-base) 78%,transparent)),repeating-linear-gradient(135deg,transparent 0 8px,color-mix(in srgb,var(--text-bright) 2%,transparent) 8px 9px)}.shop-dock__cards .character-card--shop .character-card__body{position:absolute;right:0;bottom:0;left:0;z-index:var(--z-local-4);display:flex;justify-content:center;min-height:1.65rem;padding:.82rem .32rem .2rem;border-radius:0 0 var(--radius-standard) var(--radius-standard);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface-scrim) 98%,transparent));pointer-events:none}.shop-dock__cards .character-card__name{overflow:hidden;color:var(--text-primary);font-size:clamp(var(--type-micro),.72vw,var(--type-micro));font-weight:var(--weight-heavy);text-align:center;text-overflow:ellipsis;text-shadow:0 1px 3px var(--ink);white-space:nowrap}.shop-dock__cards .character-card--deal-upgrade{--shop-card-border:color-mix(in srgb,var(--gold-edge-top) 94%,transparent);border-color:color-mix(in srgb,var(--gold-edge-top) 94%,transparent)}.shop-dock__cards .character-card--shop.character-card--success:disabled{opacity:1;border-style:solid;border-color:var(--accent-emerald-bright);background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--accent-emerald) 22%,transparent),transparent 58%),linear-gradient(145deg,color-mix(in srgb,var(--surface-action-bottom) 92%,transparent),color-mix(in srgb,var(--surface-raised) 98%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-emerald-bright) 38%,transparent),0 0 18px color-mix(in srgb,var(--accent-emerald) 28%,transparent);animation:motion-confirm var(--motion-2) var(--ease) both}.shop-dock__cards .character-card--shop.character-card--success .character-card__placeholder--signed{position:absolute;inset:0;z-index:var(--z-local-5);padding:var(--space-1);color:var(--accent-emerald-bright);text-shadow:0 1px 8px color-mix(in srgb,var(--accent-teal-bright) 24%,transparent)}.shop-dock__cards .character-card--shop.character-card--success .character-card__placeholder-label{font-size:var(--type-micro);letter-spacing:.03em}.bottom-dock__economy-btn:active,.bottom-dock__level:active:not(:disabled),.bottom-dock__market-btn:active:not(:disabled),.bottom-dock__play:active:not([aria-disabled=true]),.bottom-dock__sell-btn:active:not(:disabled){transform:scale(.96);filter:brightness(.94)}.bottom-dock__level[aria-disabled=true]:active,.bottom-dock__market-btn[aria-disabled=true]:active,.bottom-dock__play[aria-disabled=true]:active,.bottom-dock__sell-btn[aria-disabled=true]:active{transform:none;filter:none}@media (max-width:1250px) and (min-width:769px){.bottom-dock{grid-template-columns:auto minmax(330px,1fr) auto}}@media (min-width:769px){.bottom-dock__play{min-width:8.5rem;padding:var(--space-4) 1.55rem;font-size:var(--type-title)}}@media (max-width:768px),(orientation:landscape) and (max-height:500px){.bottom-dock{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"shop shop" "utility actions";grid-template-rows:var(--dock-row-shop) var(--dock-row-actions);gap:0;height:var(--dock-height);min-height:var(--dock-height);max-height:var(--dock-height);padding:0 0 var(--chrome-inset-bottom);border-top:0}.bottom-dock__shop{grid-area:shop;height:var(--dock-row-shop);border-radius:0}.bottom-dock__cluster--utility{grid-area:utility;height:var(--dock-row-actions)}.bottom-dock__cluster--actions{grid-area:actions;height:var(--dock-row-actions)}.shop-dock{grid-template-columns:var(--dock-shop-control-width) minmax(0,1fr);border-radius:0}.shop-dock__control>span{display:none}.shop-dock__cards .character-card--shop{max-height:60px;aspect-ratio:1/1;border-radius:var(--radius-compact)}.shop-dock__cards .character-card__recommendation{display:none}.bottom-dock .bottom-dock__level{width:var(--dock-row-actions);min-width:var(--dock-row-actions);height:var(--dock-row-actions);border-radius:0 var(--radius-standard) 0 0}.bottom-dock .bottom-dock__level-progress,.bottom-dock .bottom-dock__level-xp{display:none}.bottom-dock .bottom-dock__market-btn,.bottom-dock__economy-btn,.bottom-dock__sell-btn{height:100%;padding:0;border-radius:var(--radius-standard) var(--radius-standard) 0 0}.bottom-dock .bottom-dock__play{height:var(--dock-row-actions);padding:0;border-radius:var(--radius-standard) var(--radius-standard) 0 0}.bottom-dock .bottom-dock__market-reroll-text,.bottom-dock .bottom-dock__play-label,.bottom-dock__economy-btn span,.bottom-dock__sell-label{display:none}.bottom-dock__market-tooltip{right:auto;left:0}}@media (prefers-reduced-motion:reduce){.bottom-dock__market-btn--free,.bottom-dock__market-btn--rolling .bottom-dock__market-reroll-icon,.shop-dock__cards .character-card--success,.shop-dock__cards--rolling .character-card--shop .character-card__portrait,.shop-dock__trait-marker .synergy-checkpoints__bar[data-state=prospect]{animation:none!important}}html[data-reduced-motion=true] .bottom-dock__market-btn--free,html[data-reduced-motion=true] .shop-dock__cards .character-card--success,html[data-reduced-motion=true] .shop-dock__cards--rolling .character-card--shop .character-card__portrait,html[data-reduced-motion=true] .shop-dock__trait-marker .synergy-checkpoints__bar[data-state=prospect]{animation:none!important}.sheet{position:fixed;inset:0;z-index:var(--z-sheet);display:grid;place-items:center;padding:var(--space-3);overflow:hidden}.sheet__backdrop{position:absolute;inset:0;border:none;background:color-mix(in srgb,var(--ink) 72%,transparent);cursor:pointer}.sheet__panel{position:relative;display:flex;flex-direction:column;width:min(920px,100%);max-height:calc(100dvh - var(--space-6));padding:var(--space-4);border:1px solid var(--border-standard);border-radius:var(--radius-panel);background:var(--surface-control);box-shadow:var(--shadow-floating);overflow:hidden}.sheet__header{display:grid;grid-template-columns:1fr auto auto;grid-gap:var(--space-3);gap:var(--space-3);align-items:center;margin-bottom:var(--space-3)}.sheet__title{margin:0;font-weight:var(--weight-heavy);color:var(--text-primary)}.sheet__subtitle{margin:var(--space-1) 0 0;color:var(--text-muted)}.sheet__body{display:flex;flex-direction:column;gap:var(--space-3);min-height:0;flex:1 1}.sheet__footer{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-2)}.sheet__close{flex-shrink:0;display:grid;place-items:center;width:2.25rem;height:2.25rem;margin:0;padding:0;border:1px solid var(--border-standard);border-radius:var(--radius-compact);background:var(--surface-elevated);color:var(--text-secondary);font-size:var(--type-body);line-height:var(--leading-tight);cursor:pointer}.sheet__close svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.sheet__close:hover{filter:brightness(1.08)}.sheet__actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3);width:100%}.sheet__field{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--type-body);color:var(--text-muted)}.sheet__field input,.sheet__field select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-standard);border-radius:var(--radius-compact);background:var(--surface-base);color:var(--text-primary);font-size:var(--type-body)}.sheet__field .settings-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:var(--touch-min);padding:0;border:0;background:linear-gradient(90deg,var(--accent-emerald) 0 var(--settings-range-progress),var(--border-standard) var(--settings-range-progress) 100%) 50% /100% .35rem no-repeat;cursor:pointer}.sheet__field .settings-range::-webkit-slider-runnable-track{height:.35rem;background:transparent}.sheet__field .settings-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1rem;height:1rem;margin-top:-.325rem;border:2px solid var(--surface-base);border-radius:50%;background:var(--text-primary);box-shadow:0 1px 4px color-mix(in srgb,var(--ink) 45%,transparent)}.sheet__field .settings-range::-moz-range-track{height:.35rem;background:transparent}.sheet__field .settings-range::-moz-range-progress{background:transparent}.sheet__field .settings-range::-moz-range-thumb{width:1rem;height:1rem;border:2px solid var(--surface-base);border-radius:50%;background:var(--text-primary);box-shadow:0 1px 4px color-mix(in srgb,var(--ink) 45%,transparent)}.sheet__field .settings-range:disabled{cursor:not-allowed;opacity:.48}.autofut-dialog-brand{display:grid;grid-template-columns:auto auto minmax(var(--space-6),1fr);align-items:center;grid-gap:var(--space-2);gap:var(--space-2);width:min(100%,28rem);margin-bottom:var(--space-3)}.autofut-dialog-brand__mark{display:grid;place-items:center;width:2rem;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent-gold) 58%,transparent);border-radius:50%;background:color-mix(in srgb,var(--accent-gold) 10%,var(--surface-deep));box-shadow:0 0 18px color-mix(in srgb,var(--accent-gold) 10%,transparent);color:var(--accent-gold);font-family:var(--font-display);letter-spacing:var(--track-tight)}.autofut-dialog-brand__mark,.autofut-dialog-brand__name{font-size:var(--type-micro);font-weight:var(--weight-heavy)}.autofut-dialog-brand__name{color:var(--accent-emerald-bright);letter-spacing:var(--track-label);line-height:var(--leading-tight);white-space:nowrap}.autofut-dialog-brand__rule{height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent-gold) 70%,var(--accent-emerald)),transparent)}.sheet--dialog{padding:var(--space-4)}.sheet--dialog .sheet__backdrop{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent-emerald) 8%,transparent),transparent 36%),color-mix(in srgb,var(--surface-scrim) 86%,transparent);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:motion-enter-fade var(--motion-2) ease both}.sheet--dialog .sheet__panel{isolation:isolate;width:min(35rem,100%);padding:0;border-color:color-mix(in srgb,var(--accent-emerald) 28%,var(--border-panel));background:radial-gradient(circle at 12% 0,color-mix(in srgb,var(--accent-emerald) 13%,transparent),transparent 42%),linear-gradient(155deg,color-mix(in srgb,var(--surface-deep) 98%,transparent),color-mix(in srgb,var(--surface-deep-alt) 98%,transparent));box-shadow:0 28px 80px color-mix(in srgb,var(--ink) 62%,transparent),0 0 0 1px color-mix(in srgb,var(--accent-emerald) 7%,transparent) inset;animation:motion-enter-scale var(--motion-2) var(--ease) both}.sheet--dialog .sheet__panel:before{position:absolute;top:0;right:var(--space-5);left:var(--space-5);height:1px;background:linear-gradient(90deg,transparent,var(--accent-gold),var(--accent-emerald-bright),transparent);content:"";opacity:.72}.sheet--dialog .sheet__header{grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:var(--space-3);margin:0;padding:var(--space-5) var(--space-5) var(--space-4)}.sheet--dialog .sheet__title{max-width:25rem;font-family:var(--font-display);font-size:clamp(var(--type-title),4vw,var(--type-display));font-weight:var(--weight-strong);letter-spacing:var(--track-tight);line-height:var(--leading-tight);text-wrap:balance}.sheet--dialog .sheet__subtitle{max-width:26rem;margin-top:var(--space-2);color:var(--text-secondary);line-height:var(--leading-relaxed);text-wrap:pretty}.sheet--dialog .sheet__close{width:var(--control-min);height:var(--control-min);border-color:color-mix(in srgb,var(--border-standard) 72%,transparent);border-radius:50%;background:color-mix(in srgb,var(--surface-elevated) 62%,transparent);color:var(--text-muted);transition:var(--transition-touch)}.sheet--dialog .sheet__close:hover{border-color:color-mix(in srgb,var(--accent-emerald) 54%,transparent);background:color-mix(in srgb,var(--accent-emerald) 10%,var(--surface-elevated));color:var(--text-primary);transform:rotate(3deg)}.sheet--dialog .sheet__body{overflow-y:auto;padding:0 var(--space-5) var(--space-4)}.sheet--dialog .sheet__footer{flex-shrink:0;margin:0;padding:var(--space-4) var(--space-5) var(--space-5);border-top:1px solid var(--border-subtle);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface-void) 20%,transparent))}.sheet--dialog .sheet__actions>button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);margin:0;padding:var(--space-3) var(--space-4);border:1px solid var(--border-standard);border-radius:999px;color:var(--text-primary);font-size:var(--type-body);font-weight:var(--weight-heavy);line-height:var(--leading-tight)}.sheet--dialog .sheet__actions>.surface-control{color:var(--text-secondary)}.sheet--dialog .sheet__actions>.surface-action{border-color:color-mix(in srgb,var(--accent-emerald-bright) 48%,transparent);box-shadow:0 10px 24px color-mix(in srgb,var(--surface-action-bottom) 32%,transparent),0 1px 0 color-mix(in srgb,var(--text-pale) 16%,transparent) inset}.sheet--dialog .sheet__actions>button:active{transform:translateY(1px) scale(.99)}.sheet--inspect .sheet__panel{width:min(460px,100%);max-height:min(72dvh,580px);border-color:color-mix(in srgb,var(--accent-emerald-bright) 28%,var(--border-standard));background-color:var(--surface-deep);background-image:radial-gradient(circle at 12% 0,color-mix(in srgb,var(--accent-emerald) 12%,transparent),transparent 40%),linear-gradient(155deg,var(--surface-elevated),var(--surface-deep))}.sheet--inspect .sheet__header{padding-bottom:var(--space-3);border-bottom:1px solid color-mix(in srgb,var(--border-panel) 78%,transparent)}.sheet--inspect .sheet__title{font-family:var(--font-display);font-size:clamp(var(--type-title),6vw,var(--type-display));letter-spacing:var(--track-tight);line-height:var(--leading-tight)}.sheet--inspect .sheet__body{padding-right:var(--space-1);overflow-y:auto}.sheet--boon .sheet__backdrop{background:color-mix(in srgb,var(--surface-scrim) 78%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sheet--boon .sheet__panel{width:min(980px,100%);max-height:min(78dvh,720px);border-color:color-mix(in srgb,var(--gold-edge-top) 46%,transparent);background:var(--surface-panel)}.sheet--boon .sheet__title{font-size:var(--type-display)}.sheet--reward{inset:var(--overlay-inset-top) 0 var(--overlay-inset-bottom);background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--team-historical) 20%,transparent),transparent 42%)}.sheet--reward .sheet__panel{width:min(880px,100%);text-align:center}.sheet--reward .sheet__backdrop{background:color-mix(in srgb,var(--surface-scrim) 58%,transparent);cursor:default}.sheet--reward.sheet--entering{animation:motion-reward-backdrop var(--motion-3) ease both;pointer-events:auto}.sheet--report{background:color-mix(in srgb,var(--surface-void) 88%,transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.sheet--report.sheet--exiting{background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);pointer-events:none}.sheet--report .sheet__panel{width:min(940px,100%);max-height:calc(100dvh - 2rem);padding:0;border-color:var(--border-panel);background:radial-gradient(circle at 15% 0,color-mix(in srgb,var(--team-heroes) 13%,transparent),transparent 35%),var(--surface-deep);box-shadow:0 22px 80px color-mix(in srgb,var(--ink) 58%,transparent)}.sheet--report .sheet__panel:focus{outline:none}.sheet--report .sheet__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin-bottom:0;padding:var(--space-5) 1.25rem var(--space-4);border-bottom:1px solid var(--border-standard)}.sheet--report .sheet__body{flex:1 1;min-height:0;overflow-y:auto;padding:var(--space-5) 1.25rem .75rem}.sheet--report .sheet__footer{flex-shrink:0;padding:var(--space-3) var(--space-5) calc(var(--space-4) + env(safe-area-inset-bottom, 0px));border-top:1px solid var(--border-standard);background:color-mix(in srgb,var(--surface-deep) 96%,transparent)}.sheet--settings{display:block;padding:0;place-items:unset;background:color-mix(in srgb,var(--surface-scrim) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sheet--settings .sheet__panel{width:100%;max-height:100dvh;height:100dvh;border-radius:0;padding:0;background:transparent;box-shadow:none}.sheet--settings .sheet__header{padding:var(--space-4) var(--space-4) 0;margin-bottom:0}.sheet--settings .sheet__body{overflow-y:auto;padding:var(--space-4)}body:has(.sheet) .bottom-dock__market-tooltip{display:none}body:has(.sheet--boon) .onboarding-coach,body:has(.sheet--reward) .onboarding-coach{display:none}@media (max-width:768px),(orientation:landscape) and (max-height:500px){.sheet--dialog{place-items:end center;padding:var(--space-2);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom, 0px))}.sheet--dialog .sheet__panel{max-height:calc(100dvh - var(--space-3));border-radius:var(--radius-panel) var(--radius-panel) var(--radius-standard) var(--radius-standard)}.sheet--dialog .sheet__header{padding:var(--space-4) var(--space-4) var(--space-3)}.sheet--dialog .sheet__body{padding:0 var(--space-4) var(--space-3)}.sheet--dialog .sheet__footer{padding:var(--space-3) var(--space-4) var(--space-4)}.sheet--dialog .sheet__actions{gap:var(--space-2)}.sheet--boon{place-items:end center;padding:var(--space-2);padding-bottom:calc(.5rem + env(safe-area-inset-bottom, 0px))}.sheet--boon .sheet__panel{max-height:min(82dvh,720px);padding:var(--space-3);border-radius:var(--radius-panel) 16px 10px 10px}.sheet--reward{padding:var(--space-2)}.sheet--reward .sheet__panel{max-height:calc(100dvh - 1rem);padding:var(--space-3)}.sheet--report .sheet__panel{max-height:100dvh;height:100dvh;border-radius:0}.sheet--report .sheet__body{padding:.85rem .85rem .5rem}.sheet--report .sheet__header{flex-direction:column;align-items:stretch;gap:.6rem}.sheet--report .sheet__footer{padding:.65rem .85rem calc(.75rem + env(safe-area-inset-bottom, 0px))}}.sheet--dialog.sheet--versus .sheet__panel{width:min(42rem,100%)}.sheet--versus .sheet__header{padding-bottom:var(--space-3)}.sheet--versus .sheet__body{padding-bottom:var(--space-5)}.versus-flow,.versus-flow>*{min-width:0}.versus-flow svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.versus-flow__alert{margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb,var(--accent-rose) 38%,transparent);border-radius:var(--radius-standard);background:color-mix(in srgb,var(--accent-rose) 9%,transparent);color:var(--text-bright)}.versus-flow__season-note{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:999px;background:color-mix(in srgb,var(--surface-scrim) 52%,transparent)}.versus-flow__season-note p{min-width:0;margin:0;color:var(--text-secondary);text-align:right}.versus-flow__live{display:inline-flex;flex:0 0 auto;align-items:center;gap:var(--space-2);color:var(--accent-emerald-bright);white-space:nowrap}.versus-flow__live>i{width:var(--space-2);aspect-ratio:1;border-radius:50%;background:currentColor;box-shadow:0 0 var(--space-3) currentColor;animation:motion-pulse-dot var(--motion-loop) ease-in-out infinite}.versus-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-2);gap:var(--space-2)}.versus-mode-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;grid-gap:var(--space-1) var(--space-3);gap:var(--space-1) var(--space-3);min-width:0;min-height:calc(var(--control-height) * 1.65);margin:0;padding:var(--space-3);overflow:hidden;border-color:color-mix(in srgb,var(--accent-emerald) 24%,var(--border-standard));border-radius:var(--radius-panel) var(--radius-compact) var(--radius-panel) var(--radius-compact);color:var(--text-primary);text-align:left}.versus-mode-card:before{position:absolute;inset:0 auto 0 0;width:var(--space-1);background:linear-gradient(180deg,var(--accent-emerald-bright),transparent);content:"";opacity:0;transition:opacity var(--motion-1) ease}.versus-mode-card:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent-emerald-bright) 58%,transparent);transform:translateY(-1px)}.versus-mode-card--featured:before,.versus-mode-card:hover:not(:disabled):before{opacity:1}.versus-mode-card--featured{grid-column:1/-1;border-color:color-mix(in srgb,var(--accent-gold) 42%,var(--border-standard));background:radial-gradient(circle at 92% 0,color-mix(in srgb,var(--accent-emerald) 18%,transparent),transparent 42%),linear-gradient(120deg,color-mix(in srgb,var(--surface-deep-alt) 92%,transparent),color-mix(in srgb,var(--surface-action-bottom) 64%,transparent))}.versus-mode-card--featured:before{background:linear-gradient(180deg,var(--accent-gold),var(--accent-emerald-bright))}.versus-mode-card__icon{grid-column:1;grid-row:1/span 2;display:grid;place-items:center;width:calc(var(--control-min) + var(--space-1));aspect-ratio:1;padding:var(--space-3);border:1px solid color-mix(in srgb,var(--accent-emerald-bright) 34%,transparent);border-radius:50%;background:color-mix(in srgb,var(--accent-emerald) 10%,var(--surface-deep));color:var(--accent-emerald-bright)}.versus-mode-card--featured .versus-mode-card__icon{border-color:color-mix(in srgb,var(--accent-gold) 54%,transparent);background:color-mix(in srgb,var(--accent-gold) 9%,var(--surface-deep));color:var(--accent-gold)}.versus-mode-card__copy{grid-column:2;grid-row:1/span 2;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.versus-mode-card__copy strong{overflow:hidden;color:var(--text-bright);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap}.versus-mode-card__copy small{overflow:hidden;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap}.versus-mode-card__tag{grid-column:3;grid-row:1;padding:var(--space-1) var(--space-2);border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-muted)}.versus-mode-card__arrow{grid-column:3;grid-row:2;justify-self:end;width:var(--space-4);height:var(--space-4);color:var(--text-secondary);transition:transform var(--motion-1) var(--ease)}.versus-mode-card:hover:not(:disabled) .versus-mode-card__arrow{color:var(--accent-emerald-bright);transform:translateX(var(--space-1))}.versus-flow__busy{margin:0;color:var(--accent-emerald-bright);text-align:center}.versus-flow__back{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--space-1);min-height:var(--control-min);margin:0;padding:var(--space-2) 0;font-size:var(--type-meta);font-weight:var(--weight-heavy)}.versus-flow__back svg{width:var(--space-4);height:var(--space-4)}.versus-code-field{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border-standard);border-radius:var(--radius-panel) var(--radius-compact) var(--radius-panel) var(--radius-compact);background:color-mix(in srgb,var(--surface-scrim) 45%,transparent)}.versus-code-field__control{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border:1px solid color-mix(in srgb,var(--accent-emerald) 42%,var(--border-standard));border-radius:999px;background:var(--surface-base)}.versus-code-field__control:focus-within{border-color:var(--accent-emerald-bright);box-shadow:0 0 0 1px var(--accent-emerald-bright),var(--glow-emerald)}.versus-code-field__control>svg{flex:0 0 var(--space-5);width:var(--space-5);height:var(--space-5);color:var(--accent-emerald-bright)}.sheet--versus .versus-code-field__control input{min-width:0;padding:var(--space-4) 0;border:0;outline:0;background:transparent;color:var(--text-bright);font-family:var(--font-display);font-size:var(--type-title);font-weight:var(--weight-heavy);letter-spacing:var(--track-label);text-transform:uppercase}.versus-code-field>small{color:var(--text-muted)}.versus-flow__primary{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--space-1) var(--space-3);gap:var(--space-1) var(--space-3);align-items:center;width:100%;min-height:var(--control-height);margin:0;padding:var(--space-3) var(--space-4);border-color:color-mix(in srgb,var(--accent-emerald-bright) 52%,transparent);border-radius:999px;color:var(--text-bright);font-weight:var(--weight-heavy);text-align:left}.versus-flow__primary>span{grid-column:1}.versus-flow__primary>small{grid-column:1;grid-row:2;color:var(--text-secondary)}.versus-flow__primary>svg{grid-column:2;grid-row:1/span 2;width:var(--space-5);height:var(--space-5)}.versus-lobby__status{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-standard);border-radius:var(--radius-panel) var(--radius-compact) var(--radius-panel) var(--radius-compact);background:color-mix(in srgb,var(--surface-scrim) 46%,transparent)}.versus-lobby__status>div{display:flex;flex-direction:column;gap:var(--space-1)}.versus-lobby__status>div>span{color:var(--accent-gold)}.versus-lobby__status>div>strong{color:var(--text-bright);font-family:var(--font-display);font-size:var(--type-title)}.versus-lobby__progress{grid-column:1/-1;display:grid;grid-template-columns:repeat(8,1fr);grid-gap:var(--space-1);gap:var(--space-1)}.versus-lobby__progress>i{height:var(--space-1);border-radius:999px;background:color-mix(in srgb,var(--text-muted) 18%,transparent)}.versus-lobby__progress>i.is-filled{background:linear-gradient(90deg,var(--accent-gold),var(--accent-emerald-bright));box-shadow:var(--glow-emerald)}.versus-lobby__code{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-1) var(--space-4);gap:var(--space-1) var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb,var(--accent-gold) 42%,transparent);border-radius:var(--radius-compact) var(--radius-panel) var(--radius-compact) var(--radius-panel);background:color-mix(in srgb,var(--accent-gold) 7%,var(--surface-deep))}.versus-lobby__code>small,.versus-lobby__code>span{grid-column:1;color:var(--text-muted)}.versus-lobby__code>strong{grid-column:2;grid-row:1/span 2;color:var(--accent-gold);font-family:var(--font-display);font-size:var(--type-display);letter-spacing:var(--track-label)}.lobby-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--space-2)}.lobby-grid,.lobby-seat{display:grid;gap:var(--space-2)}.lobby-seat{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-2);min-width:0;border-style:dashed;border-color:var(--border-subtle);border-radius:999px;color:var(--text-disabled);background:color-mix(in srgb,var(--surface-scrim) 32%,transparent)}.lobby-seat__index{display:grid;place-items:center;width:var(--space-5);aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--text-muted) 15%,transparent);font-size:var(--type-micro)}.lobby-seat__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-seat__state{width:var(--space-2);aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--text-muted) 18%,transparent)}.lobby-seat--filled{border-style:solid;border-color:color-mix(in srgb,var(--accent-emerald-bright) 34%,transparent);color:var(--accent-emerald-bright);background:color-mix(in srgb,var(--team-heroes) 20%,transparent)}.lobby-seat--filled .lobby-seat__index{color:var(--surface-base);background:var(--accent-emerald-bright)}.lobby-seat--filled .lobby-seat__state{background:var(--accent-emerald-bright);box-shadow:var(--glow-emerald)}.lobby-seat--bot{border-style:dashed;color:var(--text-secondary);background:color-mix(in srgb,var(--surface-glow-warm) 18%,transparent)}.lobby-seat--bot .lobby-seat__index,.lobby-seat--bot .lobby-seat__state{background:var(--accent-gold);color:var(--surface-base)}.versus-flow__actions{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--space-2);gap:var(--space-2)}.versus-flow__leave{min-height:var(--control-height);margin:0;padding:var(--space-3) var(--space-4);border-radius:999px;color:var(--text-secondary)}@media (max-width:760px){.sheet--versus .sheet__body{padding-bottom:var(--space-4)}.versus-flow__season-note{align-items:flex-start;flex-direction:column;border-radius:var(--radius-standard)}.versus-flow__season-note p{text-align:left}.versus-mode-grid{grid-template-columns:minmax(0,1fr)}.versus-mode-card--featured{grid-column:1}.versus-mode-card__tag{display:none}.versus-mode-card__arrow{grid-row:1/span 2;align-self:center}.versus-lobby__status{grid-template-columns:minmax(0,1fr)}.versus-lobby__status .versus-flow__live{grid-row:2}.versus-lobby__progress{grid-row:3}.lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.versus-flow__actions{grid-template-columns:minmax(0,1fr)}}