@layer modules{.arena-screen,.compete-panel,.compete-tile{container-type:inline-size}.compete-panel{--compete-surface-bg:var(--ds-surface-card);--compete-surface-bg-soft:rgb(255 255 255/0.008);--compete-control-bg:var(--ds-surface-control);--compete-control-bg-hover:var(--ds-surface-control-hover);--compete-surface-border:var(--ds-border-subtle);--compete-control-border:var(--ds-border-default);--compete-surface-shadow:none;--compete-panel-shadow:none;scrollbar-gutter:stable}.compete-body{padding:var(--ds-space-7);scrollbar-gutter:stable}.compete-head{background:rgb(0 0 0/.08)}.compete-head-title{color:var(--ds-text-primary)}.compete-ambient{color:var(--ds-text-tertiary);font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.compete-ambient-live{color:rgb(var(--trade-buy-rgb)/.82)}.compete-panel :is(.battle-chat,.battle-card-full,.battle-card-compact,.battle-graph,.viewer-result,.battle-react-bar,.cup-create,.cup-row,.bracket-champion,.bracket-match,.cup-entrant,.career-empty,.career-stat,.compete-how,.compete-empty-cta,.rank-empty:not(.compete-empty-cta)){border-color:var(--ds-border-subtle);border-radius:var(--ds-radius-control);background:var(--ds-surface-card);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.compete-panel :is(.rank-btn,.rank-info-btn,.cup-filters button,.cup-size,.cup-create-select,.cup-copy,.battle-react-btn,.profilecard-invite-menu button,.share2chat-menu button){border-color:var(--ds-border-default);border-radius:var(--ds-radius-control);background:var(--ds-surface-control);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 1px 0 rgb(255 255 255/.018)}.compete-panel :is(.rank-btn,.rank-info-btn,.cup-filters button,.cup-size,.cup-copy,.battle-react-btn):hover:not(:disabled){border-color:var(--ds-border-strong);background:var(--ds-surface-control-hover);color:var(--ds-text-primary);box-shadow:none;transform:none}.compete-panel :is(.rank-btn-primary,.cup-filters button.active,.cup-size.active){border-color:rgb(var(--accent-soft-rgb)/.42);background:rgb(var(--accent-rgb)/.085);color:var(--ds-text-primary);box-shadow:inset 2px 0 0 rgb(var(--accent-soft-rgb)/.58)}.arena-screen-loading.ds-state,.compete-error-state.ds-state,.compete-start-out.ds-state,.compete-state.ds-state{width:100%;min-height:var(--ds-state-min-panel);place-content:center;justify-items:start;border-radius:0;background:linear-gradient(180deg,var(--ds-surface-card),transparent 78%)}.compete-watch-empty.ds-state{min-height:var(--ds-state-min-panel)}.arena-screen-loading.ds-state{min-height:var(--ds-state-min-stage);justify-items:center;text-align:center}.compete-group-list,.compete-mine,.compete-spectate{gap:var(--ds-space-6)}.compete-spectate-seg.term-seg{gap:var(--ds-space-2);padding:0;overflow:visible;border:0;border-bottom:1px solid var(--ds-border-subtle);border-radius:0;background:transparent;box-shadow:none}.compete-spectate-seg.term-seg .seg{position:relative;border:0;border-radius:0;background:transparent;box-shadow:none}.compete-spectate-seg.term-seg .seg.on{color:var(--ds-text-primary);background:transparent;box-shadow:inset 0 -2px 0 rgb(var(--accent-soft-rgb)/.72)}.compete-spectate-seg.term-seg .seg:not(.on):hover{background:var(--ds-surface-row-hover)}.compete-group{border-color:var(--ds-border-subtle);border-radius:var(--ds-radius-control);background:transparent}.compete-group-head{min-height:34px;padding-inline:var(--ds-space-6);border-bottom:1px solid var(--ds-border-subtle);color:var(--ds-text-tertiary);font-family:var(--ds-font-ui)}.compete-panel .battle-row{min-height:44px;border-bottom-color:var(--ds-border-subtle);background:transparent;content-visibility:auto;contain-intrinsic-size:auto 44px}.compete-panel .battle-row:hover{background:var(--ds-surface-card-hover);box-shadow:inset 1px 0 0 rgb(var(--accent-soft-rgb)/.46);transform:none}.compete-panel :is(.compete-needs-row,.compete-start-out,.compete-atwork-row,.compete-newresults){border-color:var(--ds-border-subtle);border-radius:var(--ds-radius-control);background:var(--ds-surface-card);box-shadow:none}.compete-needs-row{border-left:2px solid rgb(var(--ds-state-warning-rgb)/.58)}.compete-panel .compete-collect{border-color:rgb(var(--tier-gold-rgb)/.28);border-radius:var(--ds-radius-control);background:rgb(var(--tier-gold-rgb)/.042);box-shadow:inset 2px 0 0 rgb(var(--tier-gold-rgb)/.44)}.compete-panel .compete-how-num{border-color:rgb(var(--accent-soft-rgb)/.34);background:rgb(var(--accent-rgb)/.075)}.cup-toolbar{min-height:38px;padding-bottom:var(--ds-space-5);border-bottom:1px solid var(--ds-border-subtle)}.cup-list{gap:var(--ds-space-3)}.cup-row{min-height:48px;box-shadow:none;content-visibility:auto;contain-intrinsic-size:auto 48px}.cup-row:hover{border-color:var(--ds-border-default);background:var(--ds-surface-card-hover)}.battle-card-value,.compete-collect-amt{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1,"zero" 1,tabular-nums lining-nums}.arena-return-head{background:rgb(var(--surface-rgb)/.985);border-bottom-color:var(--ds-border-default);box-shadow:0 8px 20px rgb(0 0 0/.2)}.arena-field{border:1px solid var(--ds-border-default);border-radius:0;background:rgb(0 0 0/.22)}.arena-join,.arena-status{border-color:var(--ds-border-subtle);background:rgb(0 0 0/.16)}.arena-screen{min-height:100%}.arena-screen>.arena-join{margin-block:clamp(var(--ds-space-5),3vh,var(--ds-space-10))}.arena-screen>.battle-reactions{margin-top:auto;padding-top:var(--ds-space-6)}@container (max-width: 640px){.compete-body{padding:var(--ds-space-5)}.compete-ambient{display:none}.compete-comps-head{flex-wrap:wrap;height:auto;padding-block:var(--ds-space-4)}.compete-comps-seg{width:100%;order:3}.cup-toolbar{align-items:stretch;flex-direction:column}}}@layer modules{.trade-visual-stage.routes-expanded{--route-map-rail-height:42px;container-type:inline-size;background:linear-gradient(180deg,rgb(var(--accent-rgb)/.026),transparent 24%),var(--ds-surface-secondary);padding:var(--ds-space-5) var(--ds-space-7) var(--ds-space-7)}.route-map-rail{position:relative;z-index:var(--ds-z-raised);flex:0 0 var(--route-map-rail-height);min-height:var(--route-map-rail-height);display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;grid-gap:var(--ds-space-7);gap:var(--ds-space-7);padding:0 56px 0 var(--ds-space-3);border-bottom:1px solid var(--ds-border-subtle);pointer-events:none}.route-map-title{min-width:0;display:flex;align-items:baseline;gap:var(--ds-space-5);text-transform:uppercase}.route-map-title span{color:var(--ds-text-primary);font:700 11px/1 var(--ds-font-ui);letter-spacing:var(--ds-letter-eyebrow)}.route-map-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ds-text-disabled);font:600 9px/1 var(--ds-font-ui);letter-spacing:.08em}.route-map-metrics{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-3);color:var(--ds-text-tertiary);font:600 8.5px/1 var(--ds-font-ui);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.route-map-metrics span{padding:4px 7px;border:1px solid var(--ds-border-subtle);border-radius:var(--ds-radius-control-sm);background:rgb(0 0 0/.16)}.route-map-metrics strong{color:var(--ds-text-secondary);font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.route-map-status{justify-self:end;display:inline-flex;align-items:center;gap:var(--ds-space-3);white-space:nowrap;color:var(--ds-text-tertiary);font:700 8.5px/1 var(--ds-font-ui);letter-spacing:.075em;text-transform:uppercase}.route-map-status-mark{width:7px;height:7px;border:1px solid;transform:rotate(45deg)}.route-map-status.live{color:rgb(var(--ds-state-success-rgb)/.82)}.route-map-status.waiting{color:rgb(var(--ds-state-warning-rgb)/.8)}.trade-visual-stage.routes-expanded .route-visualizer-close{z-index:var(--ds-z-raised);top:6px;right:0;height:30px;border-color:var(--ds-border-default);border-radius:var(--ds-radius-control);background:var(--ds-surface-control);box-shadow:none}.trade-visual-stage.routes-expanded .route-visualizer-close:hover{border-color:var(--ds-border-strong);background:var(--ds-surface-control-hover)}.trade-visual-stage.routes-expanded .trade-visual-amount-slot{margin-top:var(--ds-space-5)}.trade-visual-stage.routes-expanded .trade-visual-amount-in{border-color:var(--ds-border-default);border-radius:var(--ds-radius-control);background:rgb(0 0 0/.46);box-shadow:0 10px 28px rgb(0 0 0/.28);animation:none}.trade-visual-stage.routes-expanded .trade-visual-amount-in span{color:var(--ds-text-tertiary)}.trade-visual-stage.routes-expanded .spot-route-watermark{top:calc(var(--route-map-rail-height) + var(--trade-amount-slot-height) + var(--route-visualizer-gap) + var(--ds-space-5));bottom:0;overflow:hidden;border:1px solid var(--ds-border-subtle);background:linear-gradient(90deg,transparent 49.9%,rgb(255 255 255/.018) 50%,transparent 50.1%),linear-gradient(180deg,rgb(var(--accent-rgb)/.036),transparent 28%),rgb(0 0 0/.12)}.trade-visual-stage.routes-expanded .route-backdrop-stage{inset:var(--ds-space-5);width:calc(100% - (var(--ds-space-5) * 2));height:calc(100% - (var(--ds-space-5) * 2));overflow:hidden}.trade-visual-stage.routes-expanded .route-backdrop-layer.enter,.trade-visual-stage.routes-expanded .route-backdrop-layer.exit{animation:none;opacity:1}.route-map-empty{position:absolute;z-index:var(--ds-z-raised);left:50%;top:58%;width:min(340px,calc(100% - 48px));transform:translate(-50%,-50%);display:grid;grid-gap:var(--ds-space-3);gap:var(--ds-space-3);padding:var(--ds-space-6);border:1px solid var(--ds-border-subtle);border-left:2px solid rgb(var(--accent-soft-rgb)/.5);border-radius:var(--ds-radius-control);background:rgb(0 0 0/.42);text-align:left}.route-map-empty strong{color:var(--ds-text-secondary);font:var(--ds-type-label);letter-spacing:.04em;text-transform:uppercase}.route-map-empty span{color:var(--ds-text-tertiary);font:var(--ds-type-body)}@container (max-width: 760px){.route-map-rail{grid-template-columns:1fr auto}.route-map-metrics,.route-map-title strong{display:none}}@container (max-width: 480px){.trade-visual-stage.routes-expanded{padding-inline:var(--ds-space-5)}.route-map-status{font-size:8px}.route-map-title span{font-size:10px}}}@layer utilities{.ds-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@layer application, tokens, theme, reset, base, primitives, shell, modules, states, motion, utilities;