/* WASSUP — generated from tokens.json */
:root, [data-theme="space"] {
  --space-900: #0a0d26;
  --space-800: #12163a;
  --space-700: #1a1f4d;
  --space-600: #232a63;
  --space-500: #2c3474;
  --line: #2b3270;
  --line-strong: #5a66c2;
  --ink: #f3f4ff;
  --ink-2: #a8aedb;
  --ink-3: #8189c4;
  --blue-500: #3a62f5;
  --blue-600: #2a4bd6;
  --blue-400: #6d8bff;
  --on-blue: #ffffff;
  --yellow-400: #ffcc1a;
  --yellow-600: #e9ad00;
  --on-bright: #141033;
  --violet-600: #7442e8;
  --violet-300: #b9a1ff;
  --pink-500: #ff4fa3;
  --mint-500: #2fd58a;
  --coral-500: #ff5a6e;
  --focus: var(--yellow-400);
  --glow-blue: rgba(58, 98, 245, 0.35);
  --glow-violet: rgba(139, 92, 246, 0.30);
  --scrim: rgba(5, 7, 24, 0.72);
  --card-hover: rgba(0, 0, 0, 0.6);
  --shadow-pop: 0 12px 32px rgba(3, 5, 20, 0.55);
  --glow-primary: 0 6px 18px rgba(58, 98, 245, 0.40);
}
:root {
  --gap-1: 4px;
  --gap-2: 8px;
  --gap-3: 12px;
  --gap-4: 16px;
  --gap-5: 20px;
  --gap-6: 24px;
  --gap-8: 32px;
  --gap-12: 48px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-card: 11px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  --header-h: 60px;
  --sidebar-w: 260px;
  --sidebar-w-collapsed: 72px;
  --tabbar-h: 64px;
  --game-card-w: 140px;
  --font-sans: Pretendard, "Pretendard Variable", "Noto Sans KR", -apple-system, "Apple SD Gothic Neo", sans-serif;
  --font-game: "Averta Std", Pretendard, "Noto Sans KR", sans-serif;
}
.display-xl { font-family: var(--font-sans); font-size: 32px; line-height: 40px; font-weight: 900; letter-spacing: -0.02em; }
.display-m { font-family: var(--font-sans); font-size: 24px; line-height: 31px; font-weight: 900; letter-spacing: -0.02em; }
.heading-l { font-family: var(--font-sans); font-size: 22px; line-height: 30px; font-weight: 800; }
.heading-m { font-family: var(--font-sans); font-size: 18px; line-height: 26px; font-weight: 800; }
.title-s { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 700; }
.body { font-family: var(--font-sans); font-size: 14px; line-height: 22px; font-weight: 400; }
.body-strong { font-family: var(--font-sans); font-size: 14px; line-height: 22px; font-weight: 600; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 18px; font-weight: 500; }
.micro { font-family: var(--font-sans); font-size: 11px; line-height: 16px; font-weight: 800; letter-spacing: 0.04em; }
.amount-l { font-family: var(--font-sans); font-size: 24px; line-height: 30px; font-weight: 800; letter-spacing: -0.01em; }
.amount-m { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 700; }
.amount-s { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; }
.game-line { font-family: var(--font-game); font-size: 12px; line-height: 13px; font-weight: 900; }
.game-line-em { font-family: var(--font-game); font-size: 14px; line-height: 15px; font-weight: 900; }