.sx{--sx-ink:#060b22;--sx-ink-1:var(--field-deep);--sx-ink-2:var(--field-raised);--sx-gold:var(--you);--sx-gold-deep:#c98f00;--sx-red:var(--opp);--sx-red-text:var(--opp-text);--sx-cream:var(--ink);--sx-cream-2:var(--ink-2);--sx-cream-3:var(--ink-3);--sx-cobalt:#2a46c9;--sx-line:var(--line-strong);--sx-line-soft:var(--line);--sx-display:var(--font-poster);--sx-accent:var(--sx-gold);--sx-accent-ink:var(--sx-ink);--sx-ease:var(--ease-out);--sx-spring:cubic-bezier(0.34,1.4,0.64,1);color:var(--sx-cream)}.sx-display{font-family:var(--sx-display);font-weight:600;font-synthesis:none;letter-spacing:.03em;line-height:.95}.sx-display,.sx-kicker{text-transform:uppercase}.sx-kicker{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--sx-cream-3)}.sx-num{font-variant-numeric:tabular-nums}.sx-grain{position:relative;isolation:isolate}.sx-grain:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.38;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .97  0 0 0 0 .93  0 0 0 0 .84  1.5 0 0 0 -.78'/></filter><rect width='160' height='160' filter='url(%23g)'/></svg>");background-size:160px 160px}.sx-card{background:var(--sx-ink-1);border:1px solid var(--sx-line);border-radius:4px}.sx-btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1.5px solid transparent;border-radius:2px;font-family:var(--font-button);font-synthesis:none;font-size:15px;font-weight:600;line-height:1;letter-spacing:-.005em;text-transform:none;white-space:nowrap;transition:transform .14s var(--sx-ease),opacity .14s var(--sx-ease);-webkit-tap-highlight-color:transparent}.sx-btn:active{transform:translateY(1px) scale(.98)}.sx-btn:focus-visible{outline:2px solid var(--sx-cream);outline-offset:2px}.sx-btn:disabled{opacity:.5;pointer-events:none}.sx-btn--gold{background:var(--sx-gold);color:var(--sx-ink)}.sx-btn--gold:hover{opacity:.92}.sx-btn--red{background:var(--sx-red);color:var(--sx-ink)}.sx-btn--red:hover{opacity:.92}.sx-btn--line{border-color:hsla(41,68%,90%,.32);color:var(--sx-cream)}.sx-btn--line:hover{border-color:var(--sx-cream)}.sx-btn--icon{width:44px;padding:0}.sx-btn--sm{min-height:36px;padding:0 12px;font-size:13px}.sx-chip{display:inline-flex;min-height:28px;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--sx-line-soft);border-radius:999px;color:var(--sx-cream-2);font-size:12px;font-weight:700}.sx-chip--gold{border-color:rgba(255,198,26,.45);color:var(--sx-gold)}.sx-profile{display:flex;flex-direction:column;gap:24px}.sx-banner,.sx-head{overflow:hidden}.sx-banner{position:relative;height:132px;background:var(--sx-accent)}@media (min-width:768px){.sx-banner{height:188px}}.sx-banner__art{position:absolute;inset:0;width:100%;height:100%}.sx-banner__rule{position:absolute;inset:auto 0 0;height:10px;border-top:2px solid var(--sx-ink);background:repeating-linear-gradient(90deg,var(--sx-ink) 0 2px,transparent 2px 10px);opacity:.55}.sx-head__body{position:relative;display:grid;gap:16px;padding:0 20px 22px}@media (min-width:768px){.sx-head__body{grid-template-columns:auto 1fr auto;align-items:end;-moz-column-gap:24px;column-gap:24px;padding:0 32px 28px}}.sx-head__avatar{margin-top:-52px}@media (min-width:768px){.sx-head__avatar{margin-top:-68px}}.sx-head__name{font-size:32px;overflow-wrap:anywhere}@media (min-width:768px){.sx-head__name{font-size:44px}}.sx-head__handle{color:var(--sx-gold);font-size:15px;font-weight:700}.sx-head__bio{max-width:56ch;color:var(--sx-cream-2);font-size:15px;line-height:1.5;white-space:pre-line}.sx-head__actions{display:flex;flex-wrap:wrap;gap:8px}@media (min-width:768px){.sx-head__actions{justify-content:flex-end}}.sx-grid{display:grid;gap:24px}@media (min-width:1024px){.sx-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.sx-grid__side{position:sticky;top:24px;order:2}}.sx-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.sx-section-title h2{font-size:20px}.sx-trophy{position:relative;padding:22px;border:1.5px solid var(--sx-gold);border-radius:4px;background:var(--sx-ink-1)}.sx-trophy:before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,198,26,.35);border-radius:2px;pointer-events:none}.sx-trophy__star{width:28px;height:28px;color:var(--sx-gold)}.sx-trophy__margin{color:var(--sx-gold);font-size:44px}.sx-trophy--empty{border-style:dashed;border-color:rgba(255,198,26,.4)}.sx-trophy--empty:before{display:none}.sx-feed{display:flex;flex-direction:column}.sx-feed__row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--sx-line-soft);transition:transform .16s var(--sx-ease)}.sx-feed__row:last-child{border-bottom:0}.sx-feed__row:hover{transform:translateX(3px)}.sx-stamp{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:2px;font-family:var(--sx-display);font-size:16px;font-weight:900}.sx-stamp--won{background:var(--sx-gold);color:var(--sx-ink)}.sx-stamp--lost{background:var(--sx-red);color:var(--sx-ink)}.sx-stamp--draw{background:var(--sx-cream);color:var(--sx-ink)}.sx-stamp--void{border:1.5px dashed hsla(41,68%,90%,.35);color:var(--sx-cream-3)}.sx-pos{color:#5cf2b0}.sx-neg{color:var(--sx-red-text)}.sx-dialog.sx-dialog{background:var(--sx-ink-1);color:var(--sx-cream);border:1px solid var(--sx-line)}.sx-field{display:flex;flex-direction:column;gap:6px}.sx-field__label{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sx-cream-2)}.sx-input{width:100%;min-height:46px;padding:10px 12px;border:1px solid hsla(41,68%,90%,.22);border-radius:2px;background:var(--sx-ink);color:var(--sx-cream);font-size:16px;outline:none}.sx-input:focus{border-color:var(--sx-gold)}.sx-input[aria-invalid=true]{border-color:var(--sx-red)}.sx-input--area{min-height:84px;resize:none}.sx-input--prefixed{padding-left:30px}.sx-hint{min-height:18px;font-size:12px;color:var(--sx-cream-3)}.sx-hint--ok{color:#5cf2b0}.sx-hint--bad{color:var(--sx-red-text)}.sx-swatches{display:flex;flex-wrap:wrap;gap:10px}.sx-swatch{position:relative;width:40px;height:40px;border-radius:999px;border:2px solid var(--sx-ink);box-shadow:0 0 0 1px hsla(41,68%,90%,.25);transition:transform .16s var(--sx-spring)}.sx-swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--sx-cream);transform:scale(1.08)}.sx-swatch:focus-visible{outline:2px solid var(--sx-cream);outline-offset:3px}.sx-seg{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid hsla(41,68%,90%,.22);border-radius:2px}.sx-seg button{min-height:42px;padding:0 16px;font-size:13px;font-weight:700;color:var(--sx-cream-2)}.sx-seg button[aria-checked=true]{background:var(--sx-gold);color:var(--sx-ink)}.sx-crop{position:relative;width:min(300px,100%);aspect-ratio:1;margin:0 auto;overflow:hidden;touch-action:none;cursor:grab;background:var(--sx-ink);-webkit-user-select:none;-moz-user-select:none;user-select:none}.sx-crop:active{cursor:grabbing}.sx-crop img{top:0;left:0;max-width:none;transform-origin:0 0;will-change:transform}.sx-crop img,.sx-crop__mask{position:absolute;pointer-events:none}.sx-crop__mask{inset:0;border-radius:999px;box-shadow:0 0 0 999px rgba(6,11,34,.72);outline:1.5px solid var(--sx-gold);outline-offset:-1.5px}.sx-range{width:100%;accent-color:var(--sx-gold)}.sx-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px}.sx-podium__step{display:flex;min-width:0;flex-direction:column;align-items:center;gap:10px;padding:16px 8px 14px;text-align:center;border-radius:4px 4px 0 0;background:var(--sx-ink-1);border:solid var(--sx-line);border-width:1px 1px 3px;transition:transform .16s var(--sx-ease)}.sx-podium__step:hover{transform:translateY(-2px)}.sx-podium__step--1{padding-top:22px;padding-bottom:30px;border-color:var(--sx-gold)}.sx-podium__step--2{padding-bottom:18px}.sx-podium__rank{font-size:30px}.sx-podium__step--1 .sx-podium__rank{color:var(--sx-gold);font-size:40px}.sx-board{overflow:hidden}.sx-board__row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--sx-line-soft);background:var(--sx-ink-1)}@media (min-width:640px){.sx-board__row{grid-template-columns:56px minmax(0,1fr) 80px 120px;padding:10px 20px}}.sx-board__row:hover .sx-board__name{color:var(--sx-gold)}.sx-board__row--you{background:var(--sx-ink-2);box-shadow:inset 3px 0 0 var(--sx-gold)}.sx-board__name{font-weight:700;transition:color .14s var(--sx-ease)}.sx-board__rank{font-family:var(--sx-display);font-size:24px;font-weight:900;color:var(--sx-cream-2)}.sx-move{display:inline-flex;align-items:center;gap:1px;font-size:11px;font-weight:800}.sx-move--up{color:#5cf2b0}.sx-move--down{color:var(--sx-red-text)}.sx-pinned{position:sticky;bottom:12px;z-index:20;border:1px solid var(--sx-gold);border-radius:4px;overflow:hidden}.sx-pinned .sx-board__row{border-bottom:0}.sx-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--sx-line-soft);border-radius:4px}.sx-tabs button{min-height:36px;padding:0 14px;border-radius:2px;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--sx-cream-2)}.sx-tabs button[aria-selected=true]{background:var(--sx-cream);color:var(--sx-ink)}@media (prefers-reduced-motion:no-preference){.sx-in{animation:sx-rise .52s var(--sx-ease) both;animation-delay:calc(var(--i, 0) * 55ms)}.sx-banner__art{animation:sx-drift .9s var(--sx-ease) both}.sx-head__avatar{animation:sx-pop .56s var(--sx-spring) .12s both}.sx-trophy__star{animation:sx-spin .9s var(--sx-spring) .3s both}.sx-stamp{animation:sx-stamp .42s var(--sx-spring) both;animation-delay:calc(var(--i, 0) * 55ms + .12s)}.sx-podium__step{animation:sx-rise .56s var(--sx-spring) both}.sx-podium__step--1{animation-delay:80ms}.sx-podium__step--3{animation-delay:.16s}}@keyframes sx-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sx-drift{0%{opacity:0;transform:translateX(-24px) scale(1.04)}to{opacity:1;transform:none}}@keyframes sx-pop{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}@keyframes sx-spin{0%{transform:rotate(-72deg) scale(.6);opacity:0}to{transform:none;opacity:1}}@keyframes sx-stamp{0%{transform:scale(1.35);opacity:0}to{transform:none;opacity:1}}