:root{--surface:#16052a;--surface-container-lowest:#000;--surface-container-low:#1c0832;--surface-container:#221040;--surface-container-high:#2b1345;--surface-container-highest:#351d50;--surface-bright:#391e58;--surface-variant:rgba(43,19,69,.6);--primary:#b89fff;--primary-dim:#9a7ae6;--primary-container:#ac8eff;--on-primary:#37008e;--secondary:#fdd400;--secondary-container:#e6c000;--on-secondary:#1a1a00;--tertiary:#ff716c;--tertiary-container:#e65550;--on-tertiary:#1a0000;--outline:rgba(184,159,255,.25);--outline-variant:rgba(184,159,255,.15);--on-surface:#f0e8ff;--on-surface-variant:#c4b5de;--success:#4ade80;--error:#ff716c;--warning:#fdd400;--shadow-ambient:rgba(184,159,255,.08);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-full:9999px;--font-display:"Lexend",sans-serif;--font-body:"Be Vietnam Pro",sans-serif;--font-label:"Plus Jakarta Sans",sans-serif;--z-base:0;--z-card:10;--z-overlay:100;--z-modal:200;--z-toast:300;--font-impact:"Bebas Neue","Lexend",sans-serif;--skew-angle:-4deg;--clip-cut:24px;--glow-primary:rgba(184,159,255,.6);--glow-secondary:rgba(253,212,0,.5);--glow-cyan:rgba(0,240,255,.7);--glow-magenta:rgba(255,0,100,.55);--transition-snappy:.15s cubic-bezier(.4,0,.2,1);--transition-bounce:.3s cubic-bezier(.34,1.56,.64,1);--transition-smooth:.4s cubic-bezier(.25,.46,.45,.94)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background-color:var(--surface);color:var(--on-surface);font-family:var(--font-body);font-weight:400;line-height:1.5;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{display:block;height:auto;max-width:100%}a{color:var(--primary);text-decoration:none}button{cursor:pointer}button,input,select,textarea{background:none;border:none;color:inherit;font-family:inherit}input,select,textarea{font-size:inherit;outline:none}.display-lg{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,4rem);font-weight:800;letter-spacing:-.04em;line-height:1.1}.display-md{font-size:clamp(2rem,6vw,3rem);letter-spacing:-.03em;line-height:1.15}.display-md,.display-sm{font-family:var(--font-display);font-weight:700}.display-sm{font-size:clamp(1.5rem,4vw,2rem);letter-spacing:-.02em;line-height:1.2}.headline{font-family:var(--font-display);font-size:1.25rem;font-weight:600;line-height:1.3}.title{font-family:var(--font-body);font-size:1.125rem;font-weight:600;line-height:1.4}.body{font-size:1rem}.body,.body-sm{font-family:var(--font-body);font-weight:400;line-height:1.5}.body-sm{font-size:.875rem}.label{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.label,.label-lg{font-family:var(--font-label);font-weight:600;line-height:1.4}.label-lg{font-size:.875rem}.btn{align-items:center;border-radius:var(--radius-xl);display:inline-flex;font-family:var(--font-display);font-size:1.125rem;font-weight:600;gap:var(--space-sm);justify-content:center;min-height:64px;overflow:hidden;padding:var(--space-md) var(--space-xl);position:relative;touch-action:manipulation;transition:all .2s ease;-moz-user-select:none;user-select:none;-webkit-user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-container));box-shadow:0 12px 40px var(--shadow-ambient);color:var(--on-primary)}.btn-primary:active{background:linear-gradient(135deg,var(--primary-dim),var(--primary))}.btn-secondary{background:var(--secondary);color:var(--on-secondary)}.btn-secondary:active{background:var(--secondary-container)}.btn-tertiary{background:var(--tertiary);color:var(--on-tertiary)}.btn-ghost{background:transparent;color:var(--primary)}.btn-ghost:active{background:var(--surface-container-high)}.btn-danger{background:var(--tertiary);color:var(--on-tertiary)}.btn-block{width:100%}.btn-sm{border-radius:var(--radius-lg);font-size:1rem;min-height:48px;padding:var(--space-sm) var(--space-lg)}.btn:disabled{opacity:.4;pointer-events:none}.card{position:relative}.card,.card-elevated{background:var(--surface-container-high);border-radius:var(--radius-lg);padding:var(--space-lg)}.card-elevated{box-shadow:0 12px 40px var(--shadow-ambient)}.card-sunken{background:var(--surface-container-lowest);padding:var(--space-lg)}.card-sunken,.glass{border-radius:var(--radius-lg)}.glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--surface-variant)}.input{background:var(--surface-container-highest);border-radius:var(--radius-md);color:var(--on-surface);font-size:1rem;min-height:56px;padding:var(--space-md) var(--space-lg);transition:background .2s ease,box-shadow .2s ease;width:100%}.input:focus{background:var(--surface-bright);box-shadow:0 0 0 2px #b89fff4d}.input::-moz-placeholder{color:var(--on-surface-variant)}.input::placeholder{color:var(--on-surface-variant)}.chip{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-label);font-size:.875rem;font-weight:500;gap:var(--space-sm);padding:var(--space-xs) var(--space-md)}.chip-opponent{background:var(--tertiary);color:var(--on-tertiary)}.chip-self{background:var(--primary);color:var(--on-primary)}.chip-b-league{background:var(--secondary);color:var(--on-secondary)}.avatar{background:var(--surface-container-highest);border-radius:var(--radius-full);flex-shrink:0;height:48px;-o-object-fit:cover;object-fit:cover;width:48px}.avatar-lg{height:72px;width:72px}.avatar-xl{height:96px;width:96px}.page{min-height:100dvh;padding:var(--space-lg);padding-bottom:calc(var(--space-3xl) + env(safe-area-inset-bottom))}.page-center{align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-lg)}.page-center,.stack{display:flex;flex-direction:column}.stack{gap:var(--space-md)}.stack-lg{display:flex;flex-direction:column;gap:var(--space-lg)}.row{align-items:center;display:flex;gap:var(--space-md)}.between{justify-content:space-between}.center{justify-content:center}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-tertiary{color:var(--tertiary)}.text-muted{color:var(--on-surface-variant)}.text-success{color:var(--success)}.elo-change{font-family:var(--font-display);font-size:.875rem;font-weight:700}.elo-change.positive{color:var(--success)}.elo-change.positive:before{content:"+"}.elo-change.negative{color:var(--error)}.badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-family:var(--font-label);font-size:.625rem;font-weight:700;justify-content:center;letter-spacing:.08em;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.badge-league{background:var(--secondary);color:var(--on-secondary)}@keyframes pulse-glow{0%,to{box-shadow:0 0 #fdd40066}50%{box-shadow:0 0 20px 4px #fdd40033}}.pulse{animation:pulse-glow 2s ease-in-out infinite}.page-enter-active,.page-leave-active{transition:opacity .2s ease,transform .2s ease}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--surface-container-high) 25%,var(--surface-bright) 50%,var(--surface-container-high) 75%);background-size:200% 100%;border-radius:var(--radius-md)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:var(--radius-full)}.divider-space{height:var(--space-lg)}@supports (padding:env(safe-area-inset-bottom)){.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}}@keyframes rivals-slide-in-left{0%{opacity:0;transform:translate(-60px) skew(-2deg)}to{opacity:1;transform:translate(0) skew(0)}}@keyframes rivals-slide-in-right{0%{opacity:0;transform:translate(60px) skew(2deg)}to{opacity:1;transform:translate(0) skew(0)}}@keyframes rivals-slide-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes rivals-scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes rivals-energy-pulse{0%,to{box-shadow:0 0 8px 2px var(--glow-primary),inset 0 0 8px 1px #b89fff1a}50%{box-shadow:0 0 24px 6px var(--glow-primary),inset 0 0 16px 2px #b89fff26}}@keyframes rivals-energy-pulse-secondary{0%,to{box-shadow:0 0 8px 2px var(--glow-secondary),inset 0 0 8px 1px #fdd4001a}50%{box-shadow:0 0 24px 6px var(--glow-secondary),inset 0 0 16px 2px #fdd40026}}@keyframes rivals-chromatic-flicker{0%,to{text-shadow:-2px 0 var(--glow-cyan),2px 0 var(--glow-magenta)}25%{text-shadow:-3px 1px var(--glow-cyan),3px -1px var(--glow-magenta)}50%{text-shadow:-1px -1px var(--glow-cyan),1px 1px var(--glow-magenta)}75%{text-shadow:-4px 0 var(--glow-cyan),4px 0 var(--glow-magenta)}}@keyframes rivals-beam-sweep{0%{transform:translate(-100%) skew(-20deg)}to{transform:translate(300%) skew(-20deg)}}@keyframes rivals-glow-border{0%,to{border-color:#b89fff4d}50%{border-color:#b89fffb3}}@keyframes rivals-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.clip-angular{clip-path:polygon(var(--clip-cut) 0,100% 0,calc(100% - var(--clip-cut)) 100%,0 100%)}.clip-angular-left{clip-path:polygon(var(--clip-cut) 0,100% 0,100% 100%,0 100%)}.clip-angular-right{clip-path:polygon(0 0,100% 0,calc(100% - var(--clip-cut)) 100%,0 100%)}.clip-angular-reverse{clip-path:polygon(0 0,calc(100% - var(--clip-cut)) 0,100% 100%,var(--clip-cut) 100%)}.skew-panel{transform:skew(var(--skew-angle))}.skew-panel>*{transform:skew(calc(var(--skew-angle)*-1))}.glow-primary{box-shadow:0 0 20px 4px var(--glow-primary)}.glow-secondary{box-shadow:0 0 20px 4px var(--glow-secondary)}.glow-cyan{box-shadow:0 0 20px 4px var(--glow-cyan)}.text-impact{font-family:var(--font-impact);font-style:italic;letter-spacing:.04em;text-transform:uppercase}.text-chrome{text-shadow:-2px 0 var(--glow-cyan),2px 0 var(--glow-magenta),0 0 20px rgba(184,159,255,.4)}.text-chrome-strong{text-shadow:-3px 0 var(--glow-cyan),3px 0 var(--glow-magenta),-6px 0 rgba(0,240,255,.3),6px 0 rgba(255,0,100,.3),0 0 40px rgba(184,159,255,.5)}.anim-slide-in-left{animation:rivals-slide-in-left var(--transition-smooth) both}.anim-slide-in-right{animation:rivals-slide-in-right var(--transition-smooth) both}.anim-slide-in-up{animation:rivals-slide-in-up var(--transition-smooth) both}.anim-scale-in{animation:rivals-scale-in var(--transition-bounce) both}.anim-float{animation:rivals-float 3s ease-in-out infinite}.anim-stagger-1{animation-delay:.05s}.anim-stagger-2{animation-delay:.1s}.anim-stagger-3{animation-delay:.15s}.anim-stagger-4{animation-delay:.2s}.anim-stagger-5{animation-delay:.25s}.anim-stagger-6{animation-delay:.3s}@media(prefers-reduced-motion:reduce){.anim-float,.anim-scale-in,.anim-slide-in-left,.anim-slide-in-right,.anim-slide-in-up{animation:none!important}}