@charset "UTF-8";

/* ==========================================================================
   NILCK ESPORTS - GLOBAL STYLESHEET
   Reference Theme: Dark Charcoal (#0e0e0e / #1c1c1c / #2e2e2e)
   ========================================================================== */

*, *::before, *::after {
  font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
  box-sizing: border-box;
}

html, body, button, input, select, textarea {
  font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
  background-color: #0e0e0e;
  color: #8c8c8c;
  margin: 0;
  padding: 0;
}

/* English / Esports Numbers & Badges */
.font-esports {
  font-family: 'Barlow Condensed', 'Pretendard Variable', Pretendard, sans-serif !important;
  letter-spacing: 0.04em;
}

/* Pure Korean Text Enforcement */
.font-korean {
  font-family: 'Pretendard Variable', Pretendard, sans-serif !important;
}

/* ROOT CAUSE PERMANENT FIX:
   Whenever font-mono or monospace is applied, English/numbers use monospace,
   but ALL Korean glyphs MUST ALWAYS fall back to Pretendard Variable, NEVER to GulimChe. */
.font-mono, code, kbd, samp, pre, [class*="font-mono"] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Minimal Custom Scrollbar */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-track {
  background: #0e0e0e;
}
::-webkit-scrollbar-thumb {
  background: #282828;
  border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
  background: #383838;
}

/* ==========================================================================
   TIER BADGES (Uniform font, colors, without LP text)
   ========================================================================== */
.tier-box {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 6px;
  border-radius: 2px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 11px;
}

.tier-challenger { background: #231c10; color: #f0be5e; border: 1px solid #4a3b1d; }
.tier-gm         { background: #221414; color: #e56a6a; border: 1px solid #4a2222; }
.tier-master     { background: #1f1426; color: #bd82e8; border: 1px solid #432857; }
.tier-diamond    { background: #141a26; color: #72a7f2; border: 1px solid #243754; }
.tier-emerald    { background: #12211a; color: #43b582; border: 1px solid #214736; }
.tier-platinum   { background: #122022; color: #49bebe; border: 1px solid #204446; }
.tier-gold       { background: #211e12; color: #d4b94c; border: 1px solid #47411e; }
.tier-silver     { background: #171a21; color: #97a8be; border: 1px solid #2b384a; }
.tier-bronze     { background: #221713; color: #b07c61; border: 1px solid #472d20; }
.tier-iron       { background: #191919; color: #7a7a7a; border: 1px solid #333333; }
.tier-default    { background: #191919; color: #707070; border: 1px solid #2b2b2b; }

/* ==========================================================================
   MATCH ROW CARD COMPONENT
   ========================================================================== */
.match-row-static {
  background-color: #1c1c1c;
  border: 1px solid #2e2e2e;
  border-radius: 4px;
}

.match-row-static.expanded {
  border-color: #404040;
  background-color: #202020;
}