.sj-root{--arenix-accent:#10b981;--arenix-muted:var(--arenix-text-muted);--sj-radius:10px;--sj-radius-sm:8px;--sj-glass:var(--landing-glass,color-mix(in srgb,var(--arenix-surface) 78%,transparent));--sj-glass-border:var(--landing-glass-border,var(--arenix-border));--sj-hero-glow:color-mix(in srgb,var(--arenix-accent) 22%,transparent);--sj-ink:var(--arenix-text)}.sj-page{position:relative;isolation:isolate}.sj-page:before{height:min(32rem,64vh);background:linear-gradient(180deg,color-mix(in srgb,var(--arenix-surface) 28%,transparent) 0,color-mix(in srgb,var(--arenix-surface) 72%,transparent) 58%,var(--arenix-surface) 100%),radial-gradient(ellipse 70% 45% at 0 0,var(--sj-hero-glow),transparent 58%),url(/images/arenix-sj-page-bg.png) top /cover no-repeat;mask-image:linear-gradient(180deg,#000 38%,transparent)}.sj-page:after,.sj-page:before{content:"";pointer-events:none;position:absolute;inset:-1.25rem -1rem auto;z-index:0}.sj-page:after{height:min(24rem,52vh);opacity:.38;background:url(/images/arenix-sj-competition-bg.png) 100% 0/min(900px,120%) no-repeat;mask-image:linear-gradient(135deg,transparent 8%,#000 35%,transparent 88%);mix-blend-mode:multiply}.sj-page>*{position:relative;z-index:1}.sj-panel{border-radius:var(--sj-radius);border:1px solid var(--sj-glass-border);background:var(--sj-glass);box-shadow:var(--landing-glass-highlight,inset 0 1px 0 rgba(255,255,255,.82)),0 14px 34px -20px rgba(6,38,26,.35);backdrop-filter:blur(var(--landing-glass-blur,20px)) saturate(var(--landing-glass-saturate,1.8));-webkit-backdrop-filter:blur(var(--landing-glass-blur,20px)) saturate(var(--landing-glass-saturate,1.8))}.sj-panel-hero{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--arenix-accent) 28%,var(--sj-glass-border));background:linear-gradient(145deg,color-mix(in srgb,var(--arenix-surface) 78%,transparent) 0,color-mix(in srgb,var(--arenix-surface) 55%,transparent) 42%,color-mix(in srgb,var(--arenix-surface) 88%,transparent) 100%),url(/images/arenix-sj-hero-card-bg.png) 50% /cover no-repeat}.sj-panel-hero:before{left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent 0,var(--arenix-accent) 18%,color-mix(in srgb,var(--arenix-accent) 70%,#a3e635) 50%,var(--arenix-accent) 82%,transparent 100%);opacity:.9}.sj-panel-hero:after,.sj-panel-hero:before{content:"";pointer-events:none;position:absolute}.sj-panel-hero:after{inset:0;background:radial-gradient(ellipse 80% 60% at 100% -10%,color-mix(in srgb,var(--arenix-accent) 12%,transparent),transparent 62%);opacity:.7}.sj-panel-hero>*{position:relative;z-index:1}.sj-hero-layout{display:flex;flex-direction:column;gap:1.15rem}@media (min-width:640px){.sj-hero-layout{flex-direction:row;align-items:center;gap:1.5rem}.sj-hero-layout__identity{flex:1 1 auto;min-width:0}.sj-hero-layout__metrics{flex:0 1 15rem;width:100%;max-width:16rem}}.sj-action-row{display:flex;flex-wrap:wrap;gap:.5rem}.sj-action-row>*{flex:1 1 auto;min-width:0}.sj-btn-primary,.sj-btn-secondary{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;gap:.4rem;border-radius:8px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:700;line-height:1.2;transition:opacity .15s ease,border-color .15s ease,color .15s ease,background .15s ease}.sj-btn-primary{border:1px solid transparent;background:#34d399;color:#06261a;box-shadow:0 10px 22px -10px rgba(16,185,129,.55)}.sj-btn-primary:hover{background:#6ee7b7}.sj-btn-primary:active,.sj-btn-secondary:active{transform:scale(.97)}.sj-btn-secondary{border:1px solid #34d399;background:#fff;color:#047857;backdrop-filter:blur(10px)}.sj-btn-secondary:hover{border-color:color-mix(in srgb,var(--arenix-accent) 40%,var(--sj-glass-border));color:var(--arenix-accent)}.sj-xp-track{height:.55rem;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--arenix-border) 75%,transparent);box-shadow:inset 0 1px 2px rgba(15,23,42,.1)}.sj-xp-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--arenix-accent) 70%,#86efac),var(--arenix-accent) 55%,color-mix(in srgb,var(--arenix-accent) 80%,#a3e635));box-shadow:0 0 12px color-mix(in srgb,var(--arenix-accent) 35%,transparent);transition:width .55s cubic-bezier(.22,1,.36,1)}.sj-chip{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:999px;border:1px solid var(--sj-glass-border);background:color-mix(in srgb,var(--arenix-surface) 55%,transparent);padding:.45rem .95rem;font-size:.8125rem;font-weight:600;line-height:1.2;color:var(--arenix-muted);backdrop-filter:blur(12px);transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.sj-chip:hover{border-color:color-mix(in srgb,var(--arenix-accent) 40%,var(--sj-glass-border));color:var(--sj-ink)}.sj-chip[data-active=true]{border-color:transparent;background:var(--arenix-accent);color:var(--arenix-on-accent,#fff);box-shadow:0 8px 22px -10px color-mix(in srgb,var(--arenix-accent) 70%,transparent)}.sj-segmented{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid color-mix(in srgb,var(--arenix-border) 85%,transparent)}.sj-segmented button{position:relative;min-height:2.75rem;padding:.45rem .5rem .8rem;border:0;background:transparent;font-size:.9375rem;font-weight:700;letter-spacing:-.01em;color:var(--arenix-muted);transition:color .18s ease}.sj-segmented button:hover,.sj-segmented button[data-active=true]{color:var(--arenix-text)}.sj-segmented button[data-active=true]:after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:3px;border-radius:999px;background:var(--arenix-accent);box-shadow:0 0 14px color-mix(in srgb,var(--arenix-accent) 55%,transparent)}.sj-medal-1{background:linear-gradient(145deg,#ffe9a3,#e0b83a);color:#5c4508;box-shadow:0 8px 16px -8px rgba(224,184,58,.7)}.sj-medal-2{background:linear-gradient(145deg,#f3f6fb,#b8c4d4);color:#3d4a5c}.sj-medal-3{background:linear-gradient(145deg,#f6d2ae,#c8884a);color:#5a3414}@keyframes sj-pop-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.sj-animate-in{animation:sj-pop-in .5s cubic-bezier(.22,1,.36,1) both}.sj-ladder{text-align:center}.sj-rank-track{display:flex;align-items:flex-start;justify-content:flex-start;width:max-content;max-width:100%;margin-inline:auto;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box;padding:.35rem .85rem .5rem;mask-image:none}.sj-rank-track::-webkit-scrollbar{display:none}.sj-rank-track[data-layout=elite]{overflow:visible;mask-image:none;padding-inline:0}.sj-rank-track[data-layout=elite] .sj-rank-item{flex:0 0 auto}.sj-rank-track[data-layout=elite] .sj-rank-node{width:5.75rem}.sj-rank-track[data-layout=elite] .sj-rank-medal{width:4.35rem;height:4.35rem}.sj-rank-track[data-layout=elite] .sj-rank-label{font-size:.8125rem;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sj-rank-track[data-layout=elite] .sj-rank-line{width:1.5rem;margin-top:2.1rem}@media (min-width:640px){.sj-rank-track{scroll-snap-type:none}.sj-rank-track[data-layout=elite] .sj-rank-line{width:2.5rem}}.sj-rank-item{display:flex;flex:0 0 auto;align-items:flex-start;scroll-snap-align:start}.sj-rank-node{width:4.65rem;flex-direction:column;text-align:center}.sj-rank-medal,.sj-rank-node{display:flex;align-items:center}.sj-rank-medal{position:relative;width:3.35rem;height:3.35rem;justify-content:center;overflow:hidden;border-radius:999px;background:transparent}.sj-rank-medal img{width:100%;height:100%;object-fit:cover}.sj-rank-medal[data-state=locked]{opacity:.55}.sj-rank-node[data-state=current] .sj-rank-label{color:var(--arenix-accent);font-weight:800}.sj-rank-node[data-state=locked] .sj-rank-hint,.sj-rank-node[data-state=locked] .sj-rank-label{opacity:.72}.sj-rank-label{margin-top:.45rem;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;line-height:1.2;color:var(--arenix-text)}.sj-rank-hint{margin-top:.15rem;font-size:.625rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--arenix-muted)}.sj-rank-line{width:1.35rem;height:2px;margin-top:1.6rem;flex-shrink:0;background:var(--arenix-border)}.sj-rank-line[data-filled=true]{background:var(--arenix-accent)}.sj-chip-row{display:flex;gap:.5rem;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:-.25rem;padding-inline:.25rem}.sj-chip-row::-webkit-scrollbar{display:none}.sj-stat-hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid color-mix(in srgb,var(--sj-glass-border) 80%,transparent);padding-top:1rem}.sj-stat-hud--2{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-stat-hud>div{padding:0 .4rem;text-align:center}.sj-stat-hud>div+div{border-left:1px solid color-mix(in srgb,var(--sj-glass-border) 80%,transparent)}.sj-stat-tile{position:relative;overflow:hidden}.sj-stat-tile:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;border-radius:999px;background:color-mix(in srgb,var(--arenix-accent) 55%,transparent)}.sj-stat-tile--win:before{background:#10b981}.sj-stat-tile--draw:before{background:#f59e0b}.sj-stat-tile--loss:before{background:#ef4444}.sj-stat-tile--accent:before{background:var(--arenix-accent)}.sj-stat-tile__icon{background:color-mix(in srgb,var(--arenix-accent) 12%,transparent);color:var(--arenix-accent)}.sj-stat-tile--win .sj-stat-tile__icon{background:color-mix(in srgb,#10b981 14%,transparent);color:#059669}.sj-stat-tile--draw .sj-stat-tile__icon{background:color-mix(in srgb,#f59e0b 16%,transparent);color:#d97706}.sj-stat-tile--loss .sj-stat-tile__icon{background:color-mix(in srgb,#ef4444 14%,transparent);color:#dc2626}.sj-winrate__arc{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--arenix-accent) 40%,transparent))}.sj-row-accent{position:relative;overflow:hidden}.sj-row-accent:before{content:"";position:absolute;top:.7rem;bottom:.7rem;left:0;width:3px;border-radius:999px;background:var(--arenix-accent)}.sj-row-accent[data-result=d]:before,.sj-row-accent[data-result=draw]:before{background:#f59e0b}.sj-row-accent[data-result=l]:before,.sj-row-accent[data-result=loss]:before{background:#ef4444}.sj-overlay-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media (prefers-reduced-motion:reduce){.sj-xp-fill{transition:none}.sj-animate-in{animation:none}}html[data-arenix-theme=dark] .sj-page:before{opacity:.55}html[data-arenix-theme=dark] .sj-page:after{opacity:.18;mix-blend-mode:soft-light}html[data-arenix-theme=dark] .sj-panel-hero{background:linear-gradient(145deg,color-mix(in srgb,var(--arenix-surface) 88%,transparent) 0,color-mix(in srgb,var(--arenix-surface) 72%,transparent) 50%,var(--sj-glass) 100%),url(/images/arenix-sj-hero-card-bg.png) 50% /cover no-repeat}.sj-root .sj-segmented{gap:.25rem;padding:.25rem;border:1px solid rgba(6,38,26,.1);border-radius:10px;background:rgba(236,253,245,.7)}.sj-root .sj-segmented button{border-radius:8px;min-height:2.5rem}.sj-root .sj-segmented button[data-active=true]{background:#34d399;color:#06261a;box-shadow:0 8px 18px -10px rgba(16,185,129,.6)}.sj-root .sj-segmented button[data-active=true]:after{display:none}