/* Honkai: Star Rail — deep space, glass panels, chamfered sci-fi frames */
:root {
  --bg: #07080f;
  --bg-2: #10122a;
  --surface: rgba(20, 22, 42, .62);
  --surface-2: rgba(34, 36, 66, .66);
  --surface-solid: #12142a;
  --border: rgba(200, 205, 255, .1);
  --border-strong: rgba(200, 205, 255, .22);
  --text: #f2f3ff;
  --text-2: #b4b8d6;
  --text-3: #7d82a6;
  --accent: #b7a8ff;
  --accent-2: #f3d18a;
  --accent-ink: #0c0b1e;
  --glow: rgba(160, 140, 255, .42);
  --font-display: "Rajdhani", "Outfit", sans-serif;
  --display-weight: 700;
  --display-transform: uppercase;
  --display-spacing: .06em;
  --radius: 4px;
  --radius-lg: 6px;
  --cut: 14px;
}
.theme-hsr .fx-gradient {
  background:
    radial-gradient(50% 50% at 85% 15%, rgba(120, 90, 255, .28), transparent 70%),
    radial-gradient(40% 35% at 10% 30%, rgba(243, 209, 138, .10), transparent 70%),
    radial-gradient(70% 60% at 30% 110%, rgba(60, 40, 170, .30), transparent 70%),
    linear-gradient(180deg, #0d0f24, #07080f 60%);
}
/* chamfered corners — the signature Star Rail UI frame */
.theme-hsr .panel, .theme-hsr .tool-card, .theme-hsr .team-card, .theme-hsr .news-card, .theme-hsr .char-card, .theme-hsr .build-card, .theme-hsr .filters, .theme-hsr .cta-band {
  clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
}
.theme-hsr .btn { border-radius: 3px; clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); text-transform: uppercase; letter-spacing: .08em; font-size: .85rem; font-weight: 700; }
.theme-hsr .btn-primary { --btn-bg: linear-gradient(100deg, #f3d18a, #e9b96a); --btn-fg: #16110a; }
.theme-hsr .btn-accent { --btn-fg: #d9d0ff; }
.theme-hsr .panel { background: linear-gradient(135deg, rgba(40, 42, 80, .55), rgba(14, 16, 34, .7)); border-color: rgba(200,205,255,.14); }
.theme-hsr .panel-title, .theme-hsr .team-card h3 { font-family: var(--font-display); text-transform: uppercase; letter-spacing: .08em; }
.theme-hsr .kicker { color: var(--accent-2); }
.theme-hsr .kicker::before { width: 6px; height: 6px; border-radius: 0; transform: rotate(45deg); }
.theme-hsr .section-title, .theme-hsr .page-title { font-size: clamp(2rem, 4vw, 3rem); }
.theme-hsr .hero-name, .theme-hsr .char-name { letter-spacing: .04em; font-size: clamp(3rem, 8vw, 6.6rem); }
.theme-hsr .char-card-name { font-family: var(--font-display); text-transform: uppercase; letter-spacing: .06em; font-size: 1.25rem; }
.theme-hsr .char-card::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(135deg, rgba(255,255,255,.14) 0%, transparent 18%); }
.theme-hsr .sticky-tabs a { text-transform: uppercase; letter-spacing: .08em; font-family: var(--font-display); font-size: 1rem; }
.theme-hsr .chip { border-radius: 3px; }
.theme-hsr .game-tab.is-active, .theme-hsr .build-switch, .theme-hsr .build-switch button { border-radius: 3px; }
.theme-hsr .subnav-links a.is-active::after { height: 3px; border-radius: 0; background: var(--accent-2); box-shadow: 0 0 12px var(--accent-2); }
.theme-hsr .hero-thumb { border-radius: 4px; clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px)); }