.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:var(--ls-wide);border-radius:var(--radius-xl);border:none;cursor:pointer;transition:transform 160ms var(--ease-out),background-color .2s ease,box-shadow .2s ease;user-select:none;position:relative;overflow:hidden;white-space:normal;text-align:center}.navbar .btn,.navbar__actions .btn{white-space:nowrap}.btn:active{transform:scale(.96)}.btn--primary{background:var(--gradient-iridescent);color:var(--text-inverse)}.btn--primary:hover{background:var(--gradient-iridescent);opacity:.88;box-shadow:0 0 20px rgba(0,165,249,.3)}.btn--red{background:var(--accent-red);color:var(--text-primary)}.btn--red:hover{background:var(--accent-red-glow);box-shadow:var(--shadow-glow-red)}.card{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.06);border-top-color:rgba(255,255,255,.22);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 8px 32px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.06);transition:transform .2s var(--ease-out),box-shadow .2s ease;position:relative}.card::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:55%;height:1px;background:linear-gradient(90deg,transparent 0,rgba(255,185,33,.7) 35%,rgba(0,165,249,.7) 65%,transparent 100%);pointer-events:none;z-index:1}.card:active{transform:scale(.98)}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.6),0 0 24px rgba(255,185,33,.06),inset 0 1px 0 rgba(255,255,255,.07)}.input-group{position:relative;width:100%}.input--search-hero{width:100%;padding:var(--space-6) var(--space-8);padding-right:calc(var(--space-8) + 80px);font-size:var(--fs-2xl);font-family:var(--font-mono);letter-spacing:var(--ls-wide);color:var(--text-primary);background:var(--bg-elevated);border:2px solid var(--border-default);border-radius:var(--radius-full);transition:all .2s var(--ease-out);text-transform:uppercase}.input--search-hero::placeholder{color:var(--text-muted)}.search-hero-prefix{position:absolute;left:var(--space-8);top:50%;transform:translateY(-50%);font-size:var(--fs-2xl);font-family:var(--font-mono);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);color:var(--text-muted);pointer-events:none;z-index:1}.input-group:has(.search-hero-prefix) .input--search-hero{padding-left:calc(var(--space-8) + 1.1em)}.input--search-hero:focus{outline:0;border-color:var(--accent-yellow);box-shadow:0 0 0 4px var(--accent-yellow-dim),var(--shadow-glow-yellow)}.input-group__action{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:64px;height:64px;background:var(--gradient-iridescent);color:var(--text-inverse);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform 160ms var(--ease-out),background .2s ease}.input-group__action:hover{background:var(--accent-yellow-glow)}.input-group__action:active{transform:translateY(-50%) scale(.92)}.stat-bar-container{width:100%;height:12px;background:var(--bg-hover);border-radius:var(--radius-full);overflow:hidden}.stat-bar-fill{height:100%;background:var(--gradient-iridescent);border-radius:var(--radius-full);transition:width .6s var(--ease-in-out)}.stat-bar-fill--red{background:var(--accent-red)}.stat-bar-fill--blue{background:var(--accent-blue)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:var(--radius-full);background:var(--bg-hover);color:var(--text-secondary)}.badge--yellow{background:var(--gradient-iridescent);color:var(--text-inverse)}.brawler-avatar{--avatar-size:64px;width:var(--avatar-size);height:var(--avatar-size);flex-shrink:0;background:var(--bg-elevated);border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform 150ms var(--ease-out),border-color .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.brawler-avatar:hover{transform:translateY(-4px);border-color:var(--brawler-color,var(--accent-yellow));box-shadow:0 0 12px var(--brawler-color,var(--accent-yellow-glow,transparent))}.brawler-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.brawler-avatar-name{position:absolute;bottom:0;transform:translateY(100%);left:0;width:100%;background:rgba(0,0,0,.9);color:#fff;text-align:center;font-family:var(--font-display);font-size:11px;padding:4px 0 2px;line-height:1.1;transition:transform .2s var(--ease-out);pointer-events:none;z-index:2;border-top:1px solid rgba(255,255,255,.1);letter-spacing:.5px}.brawler-avatar:hover .brawler-avatar-name{transform:translateY(0)}.bsi{display:inline-block;vertical-align:-.125em;width:1em;height:1em;flex:none}.ico--gold{color:#f5c518}.ico--silver{color:#c7cdd4}.ico--bronze{color:#cd7f32}.ico--green{color:var(--accent-green,#2dd46a)}.ico--red{color:var(--accent-red,#ef4444)}.ico--blue{color:var(--accent-blue,#00a5f9)}.ico--yellow{color:var(--accent-yellow,#ffb921)}.lang-picker{position:relative;display:inline-flex;align-items:center}.lang-picker__trigger{position:relative;display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm,6px);color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);cursor:pointer;transition:border-color 160ms,color 160ms,background 160ms;white-space:nowrap;line-height:1}.lang-picker__trigger::after{content:'';position:absolute;inset:-8px}.lang-picker__trigger:hover{border-color:var(--border-default);color:var(--text-primary);background:var(--bg-hover)}.lang-picker__flag{width:18px;height:13px;border-radius:2px;display:block;flex-shrink:0;object-fit:cover}.lang-picker__chevron{width:9px;height:9px;flex-shrink:0;transition:transform .2s var(--ease-out, ease);color:var(--text-muted)}.lang-picker--open .lang-picker__chevron{transform:rotate(180deg)}.lang-picker__menu{position:absolute;top:calc(100% + 6px);right:0;min-width:156px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md,8px);box-shadow:0 8px 24px rgba(0,0,0,.45);list-style:none;padding:4px 0;margin:0;z-index:9999;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity 160ms var(--ease-out, ease),transform 160ms var(--ease-out, ease)}.lang-picker__menu--open{opacity:1;transform:translateY(0);pointer-events:auto}.lang-picker__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-secondary);cursor:pointer;transition:background .1s,color .1s;white-space:nowrap;letter-spacing:var(--ls-wide);user-select:none}.lang-picker__item:hover{background:var(--bg-hover);color:var(--text-primary)}.lang-picker__item--active{color:var(--accent-yellow,#ffb921)}.lang-picker__item-name{font-weight:var(--fw-regular);color:var(--text-muted);font-size:var(--fs-xs);letter-spacing:0;flex:1}.lang-picker__item--active .lang-picker__item-name{color:var(--accent-yellow,#ffb921);opacity:.75}@media (max-width:768px){.lang-picker__menu{right:auto;left:auto}}