/* GENERATED by tools/design/gen_tokens.py. Do not edit. */

:root {
  --na-ground: #0A0A12;
  --na-surface: #15152A;
  --na-raised: #1F1F3A;
  --na-well: #11111F;
  --na-line: #2A2A4A;
  --na-frame: #2E2E52;
  --na-ink: #F4F4FF;
  --na-muted: #A6A6CC;
  --na-primary: #00E5FF;
  --na-on-primary: #0A0A12;
  --na-danger: #FF3B5C;
  --na-fuse: #FFFBEA;
  --na-ui-violet: #A95CFF;
  --na-badge: #FFD23F;
  --na-on-badge: #0A0A12;
  --na-bomb-body: #0A0A12;
  --na-bomb-stroke: #5A5A8C;
  --na-bomb-cap: #2A2A48;
  --na-bolt-fill: #FFD23F;
  --na-bolt-stroke: #FFF1C2;
  --na-rainbow-star: #FFFFFF;
  --na-white: #FFFFFF;
  --na-tile-0-fill: #FF3B5C;
  --na-tile-0-edge: #FF8DA0;
  --na-tile-1-fill: #2E9BFF;
  --na-tile-1-edge: #8CC8FF;
  --na-tile-2-fill: #2EE59D;
  --na-tile-2-edge: #93F2CB;
  --na-tile-3-fill: #FFD23F;
  --na-tile-3-edge: #FFE698;
  --na-tile-4-fill: #089487;
  --na-tile-4-edge: #77C4BD;
  --na-tile-5-fill: #FF8A1F;
  --na-tile-5-edge: #FFBF84;
  --na-tile-6-fill: #AEB0BC;
  --na-tile-6-edge: #D2D4DA;
  --na-tile-7-fill: #FE4DD4;
  --na-tile-7-edge: #FE9DE7;
  --na-tile-8-fill: #AB53CA;
  --na-tile-8-edge: #D1A0E2;
  --na-tile-9-fill: #7163FD;
  --na-tile-9-edge: #B1A9FE;
  --na-radius-tile: 6px;
  --na-radius-button: 10px;
  --na-radius-store-button: 12px;
  --na-radius-panel: 16px;
  --na-radius-board: 12px;
  --na-radius-chip: 999px;
  --na-radius-icon-square: 12px;
  --na-glow-title-blur: 20px;
  --na-glow-title-alpha: 0.45;
  --na-glow-score-blur: 16px;
  --na-glow-score-alpha: 0.55;
  --na-glow-cta-blur: 22px;
  --na-glow-cta-alpha: 0.5;
  --na-tile-radius: 6px;
  --na-tile-edge-width: 2px;
  --na-tile-glow-blur: 18px;
  --na-tile-glow-alpha: 0.6;
  --na-power-color-cycle-ring: #A95CFF;
  --na-power-color-cycle-icon: #D3AAFF;
  --na-power-time-freeze-ring: #2E9BFF;
  --na-power-time-freeze-icon: #8CC8FF;
  --na-space-8: 8px;
  --na-space-10: 10px;
  --na-space-12: 12px;
  --na-space-14: 14px;
  --na-space-18: 18px;
  --na-space-20: 20px;
  --na-space-24: 24px;
  --na-glow-headline: 0 0 28px rgba(0, 229, 255, 0.6);
  --na-glow-secondary: 0 0 14px rgba(0, 229, 255, 0.55);
  --na-glow-yellow: 0 0 12px rgba(255, 210, 63, 0.7);
  --na-glow-danger: 0 0 22px rgba(255, 59, 92, 0.7);
  --na-font-display: Bungee, 'Hiragino Sans', 'PingFang SC', 'Apple SD Gothic Neo', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', 'Noto Sans Devanagari', 'Kohinoor Devanagari', system-ui, sans-serif;
  --na-font-body: 'Chakra Petch', 'Hiragino Sans', 'PingFang SC', 'Apple SD Gothic Neo', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', 'Noto Sans Devanagari', 'Kohinoor Devanagari', system-ui, sans-serif;
  --na-type-display-family: var(--na-font-display);
  --na-type-display-weight: 400;
  --na-type-display-size: 42px;
  --na-type-display-line-height: 1;
  --na-type-display-letter-spacing: 0em;
  --na-type-h1-family: var(--na-font-display);
  --na-type-h1-weight: 400;
  --na-type-h1-size: 26px;
  --na-type-h1-line-height: 1.1;
  --na-type-h1-letter-spacing: 0em;
  --na-type-body-family: var(--na-font-body);
  --na-type-body-weight: 400;
  --na-type-body-size: 16px;
  --na-type-body-line-height: 1.4;
  --na-type-body-letter-spacing: 0em;
  --na-type-caption-family: var(--na-font-body);
  --na-type-caption-weight: 600;
  --na-type-caption-size: 13px;
  --na-type-caption-letter-spacing: 0.16em;
  --na-type-score-family: var(--na-font-body);
  --na-type-score-weight: 600;
  --na-type-score-size: 46px;
  --na-type-score-line-height: 1;
  --na-type-score-letter-spacing: 0em;
  --na-type-button-family: var(--na-font-display);
  --na-type-button-weight: 400;
  --na-type-button-size: 16px;
  --na-type-button-letter-spacing: 0.04em;
  --na-type-button-secondary-family: var(--na-font-body);
  --na-type-button-secondary-weight: 600;
  --na-type-button-secondary-size: 16px;
  --na-type-button-secondary-letter-spacing: 0.08em;
  --na-theme-neon-ground: #0A0A12;
  --na-theme-neon-well: #11111F;
  --na-theme-neon-frame: #1F1F3A;
  --na-theme-neon-indicator: #F4F4FF;
  --na-theme-synthwave-ground: #05010B;
  --na-theme-synthwave-well: #170A28;
  --na-theme-synthwave-frame: #C33DBD;
  --na-theme-synthwave-indicator: #FF8AD8;
  --na-theme-aurora-ground: #020609;
  --na-theme-aurora-well: #061418;
  --na-theme-aurora-frame: #94D186;
  --na-theme-aurora-indicator: #8AFFC8;
  --na-theme-sunset-ground: #0A0204;
  --na-theme-sunset-well: #250715;
  --na-theme-sunset-frame: #FF9850;
  --na-theme-sunset-indicator: #FFA078;
  --na-theme-tide-ground: #00050C;
  --na-theme-tide-well: #02112C;
  --na-theme-tide-frame: #2080A8;
  --na-theme-tide-indicator: #8AE8F5;
  --na-theme-supernova-ground: #05000F;
  --na-theme-supernova-well: #16043D;
  --na-theme-supernova-frame: #FFFFFF;
  --na-theme-supernova-indicator: #FFF1C2;
}

.na-tile {
  border-radius: 6px;
}
.na-tile.t0 {
  background: #FF3B5C;
  box-shadow: inset 0 0 0 2px #FF8DA0, 0 0 18px rgba(255, 59, 92, 0.6);
}
.na-tile.t1 {
  background: #2E9BFF;
  box-shadow: inset 0 0 0 2px #8CC8FF, 0 0 18px rgba(46, 155, 255, 0.6);
}
.na-tile.t2 {
  background: #2EE59D;
  box-shadow: inset 0 0 0 2px #93F2CB, 0 0 18px rgba(46, 229, 157, 0.6);
}
.na-tile.t3 {
  background: #FFD23F;
  box-shadow: inset 0 0 0 2px #FFE698, 0 0 18px rgba(255, 210, 63, 0.6);
}
.na-tile.t4 {
  background: #089487;
  box-shadow: inset 0 0 0 2px #77C4BD, 0 0 18px rgba(8, 148, 135, 0.6);
}
.na-tile.t5 {
  background: #FF8A1F;
  box-shadow: inset 0 0 0 2px #FFBF84, 0 0 18px rgba(255, 138, 31, 0.6);
}
.na-tile.t6 {
  background: #AEB0BC;
  box-shadow: inset 0 0 0 2px #D2D4DA, inset 1px 1px 0 rgba(244, 244, 255, 0.5), inset -1px -1px 0 rgba(10, 10, 18, 0.25), 0 0 18px rgba(174, 176, 188, 0.6);
}
.na-tile.t7 {
  background: #FE4DD4;
  box-shadow: inset 0 0 0 2px #FE9DE7, 0 0 18px rgba(254, 77, 212, 0.6);
}
.na-tile.t8 {
  background: #AB53CA;
  box-shadow: inset 0 0 0 2px #D1A0E2, 0 0 18px rgba(171, 83, 202, 0.6);
}
.na-tile.t9 {
  background: #7163FD;
  box-shadow: inset 0 0 0 2px #B1A9FE, 0 0 18px rgba(113, 99, 253, 0.6);
}
.na-tile.rainbow {
  background: conic-gradient(from 200deg, #FF3B5C, #FFD23F, #2EE59D, #2E9BFF, #BF5BAA, #FF3B5C);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 18px rgba(191, 91, 170, 0.55), 0 0 30px rgba(46, 155, 255, 0.3);
}
.na-tile.bomb {
  background: #1F1F3A;
  box-shadow: inset 0 0 0 2px rgba(90, 90, 140, 0.9), 0 0 18px rgba(255, 251, 234, 0.45);
}
.na-tile.lightning {
  background: #1F1F3A;
  box-shadow: inset 0 0 0 2px rgba(255, 210, 63, 0.7), 0 0 18px rgba(255, 210, 63, 0.6);
}
.na-theme.neon {
  background: linear-gradient(#11111F, #11111F) padding-box, linear-gradient(#1F1F3A, #1F1F3A) border-box;
  box-shadow: none;
}
.na-theme.synthwave {
  background: linear-gradient(#170A28, #170A28) padding-box, linear-gradient(#C33DBD, #C33DBD) border-box;
  box-shadow: 0 0 10px rgba(195, 61, 189, 0.45);
}
.na-theme.aurora {
  background: linear-gradient(#061418, #061418) padding-box, linear-gradient(to bottom, #3D8D9B 0%, #94D186 50%, #B8FA52 100%) border-box;
  box-shadow: 0 0 12px rgba(148, 209, 134, 0.5);
}
.na-theme.sunset {
  background: linear-gradient(#250715, #250715) padding-box, linear-gradient(to bottom, #E068B8 0%, #FF9850 50%, #FFC24A 100%) border-box;
  box-shadow: 0 0 18px rgba(255, 152, 80, 0.75);
}
.na-theme.tide {
  background: linear-gradient(#02112C, #02112C) padding-box, linear-gradient(to bottom, #2080A8 0%, #98C8A8 50%, #C0FFE0 100%) border-box;
  box-shadow: 0 0 18px rgba(32, 128, 168, 0.7);
}
.na-theme.supernova {
  background: linear-gradient(#16043D, #16043D) padding-box, linear-gradient(to bottom, #9040E0 0%, #D860C0 30%, #FFFFFF 55%, #FFD23F 100%) border-box;
  box-shadow: 0 0 22px rgba(255, 255, 255, 0.8);
}