/* Демонстрация: Ретрофутуризм. Все селекторы ограничены .dm-retrofuturism, классы с префиксом rf- */

.dm-retrofuturism {
  --night: #120b2e;
  --deep: #0b0720;
  --panel: #1e1446;
  --text: #f4eeff;
  --muted: #b7a8e0;
  --pink: #ff3ea5;
  --cyan: #2de2e6;
  --orange: #ff9e3d;
  --yellow: #ffd23f;
  --chamfer: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
  background: var(--night);
  color: var(--text);
  font-family: "Exo 2", system-ui, sans-serif;
}

/* ----- Общие детали ----- */
.dm-retrofuturism .rf-sky {
  position: absolute; inset: 0; pointer-events: none;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.9) 0 1px, transparent 1.6px),
    radial-gradient(circle at 63% 42%, rgba(255,255,255,.7) 0 1px, transparent 1.6px),
    radial-gradient(circle at 37% 71%, rgba(183,168,224,.8) 0 1px, transparent 1.6px),
    radial-gradient(circle at 85% 12%, rgba(255,255,255,.6) 0 1.4px, transparent 2px),
    linear-gradient(180deg, #0b0720 0%, #1a0f45 28%, #3a1366 46%, #8a2276 59%, #120b2e 59.1%);
  background-size: 190px 150px, 230px 170px, 170px 210px, 260px 190px, 100% 100%;
}
.dm-retrofuturism .rf-logo { display: inline-flex; align-items: center; gap: 10px; }
.dm-retrofuturism .rf-logo b {
  font-family: "Russo One", sans-serif; font-weight: 400; font-size: 26px; letter-spacing: .06em; font-style: italic;
  transform: skewX(-8deg); display: inline-block;
  background: linear-gradient(180deg, #ffffff 0%, #d9e2ff 42%, #4b3a86 50%, #ffc2e6 54%, #ffffff 78%, #ff8ccc 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 0 8px rgba(255,62,165,.55));
}
.dm-retrofuturism .rf-kicker {
  font-family: "Tektur", sans-serif; font-weight: 500; font-size: 13px; letter-spacing: .18em; text-transform: uppercase; color: var(--cyan);
  text-shadow: 0 0 8px rgba(45,226,230,.6);
}
.dm-retrofuturism .rf-btn {
  display: inline-flex; align-items: center; justify-content: center; height: 50px; padding: 0 28px; border-radius: 4px;
  font-family: "Tektur", sans-serif; font-weight: 700; font-size: 15px; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap;
}
.dm-retrofuturism .rf-btn--neon {
  background: linear-gradient(90deg, var(--pink), var(--orange)); color: #1a0826;
  box-shadow: 0 0 0 1px rgba(255,255,255,.35) inset, 0 0 22px rgba(255,62,165,.65), 0 0 46px rgba(255,62,165,.25);
}
.dm-retrofuturism .rf-btn--ghost { color: var(--text); border: 1.5px solid var(--cyan); background: rgba(18,11,46,.6); box-shadow: 0 0 10px rgba(45,226,230,.25); }
.dm-retrofuturism .rf-st {
  display: inline-flex; align-items: center; gap: 8px; font-family: "Tektur", sans-serif; font-size: 13px; letter-spacing: .06em; text-transform: uppercase;
}
.dm-retrofuturism .rf-st::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }
.dm-retrofuturism .rf-st--ok { color: var(--cyan); }
.dm-retrofuturism .rf-st--go { color: #ff7cc4; }
.dm-retrofuturism .rf-st--warn { color: var(--orange); }

.dm-retrofuturism .rf-sun {
  position: absolute; left: 50%; top: 292px; width: 300px; height: 300px; margin-left: -150px; border-radius: 50%;
  background: linear-gradient(180deg, var(--yellow) 0%, var(--orange) 40%, var(--pink) 75%, #b0207f 100%);
  -webkit-mask: linear-gradient(180deg, #000 0 28%, transparent 28% 30%, #000 30% 38%, transparent 38% 41%, #000 41% 48%, transparent 48% 52%, #000 52% 57%, transparent 57% 62%, #000 62%);
          mask: linear-gradient(180deg, #000 0 28%, transparent 28% 30%, #000 30% 38%, transparent 38% 41%, #000 41% 48%, transparent 48% 52%, #000 52% 57%, transparent 57% 62%, #000 62%);
  filter: drop-shadow(0 0 30px rgba(255,62,165,.55));
}
.dm-retrofuturism .rf-floor {
  position: absolute; left: 0; right: 0; top: 470px; bottom: 0; overflow: hidden; perspective: 260px;
  background: linear-gradient(180deg, #2a0f4f 0%, #120b2e 60%);
  border-top: 2px solid var(--pink); box-shadow: 0 -2px 18px rgba(255,62,165,.7);
}
.dm-retrofuturism .rf-grid {
  position: absolute; left: -60%; right: -60%; top: 0; height: 200%; transform-origin: 50% 0; transform: rotateX(62deg);
  background-image:
    linear-gradient(90deg, rgba(255,62,165,.85) 2px, transparent 2px),
    linear-gradient(180deg, rgba(255,62,165,.85) 2px, transparent 2px);
  background-size: 64px 64px;
  animation: rf-run 6s linear infinite;
}
@keyframes rf-run { from { background-position: 0 0; } to { background-position: 0 64px; } }

/* ----- Сайт ----- */
.dm-retrofuturism .rf-hills { position: absolute; left: 0; top: 381px; width: 100%; height: 90px; z-index: 1; }
.dm-retrofuturism .rf-floor { z-index: 1; }
.dm-retrofuturism.dm--site .rf-floor { perspective: 400px; }
.dm-retrofuturism.dm--site .rf-grid { height: 380px; }
.dm-retrofuturism .rf-nav {
  position: relative; z-index: 2; display: flex; align-items: center; gap: 40px; padding: 22px 48px 18px;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(90deg, transparent, rgba(45,226,230,.8), transparent) 1;
}
.dm-retrofuturism .rf-menu {
  display: flex; gap: 34px; margin-left: auto;
  font-family: "Tektur", sans-serif; font-weight: 500; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted);
}
.dm-retrofuturism .rf-menu .is-active { color: var(--cyan); text-shadow: 0 0 8px rgba(45,226,230,.8); box-shadow: 0 2px 0 var(--cyan), 0 6px 10px -4px var(--cyan); padding-bottom: 4px; }
.dm-retrofuturism .rf-nav .rf-btn { height: 40px; padding: 0 20px; font-size: 13px; }

.dm-retrofuturism .rf-hero { position: relative; z-index: 2; text-align: center; padding-top: 34px; }
.dm-retrofuturism .rf-hero h1 {
  margin: 12px 0 8px; font-family: "Russo One", sans-serif; font-weight: 400; font-size: 84px; line-height: 1.05;
  letter-spacing: .02em; text-transform: uppercase; font-style: italic;
  background: linear-gradient(180deg, #ffffff 0%, #dfe6ff 38%, #5b4a9a 49%, #2a1a5e 51%, #ffb3dd 58%, #ffffff 80%, #ff8ccc 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 0 2px rgba(255,255,255,.4)) drop-shadow(0 0 18px rgba(255,62,165,.55));
}
.dm-retrofuturism .rf-lead { max-width: 560px; margin: 0 auto; font-size: 17px; line-height: 1.55; color: var(--text); }
.dm-retrofuturism .rf-actions { display: flex; justify-content: center; gap: 18px; margin-top: 22px; }

.dm-retrofuturism .rf-board {
  position: absolute; z-index: 2; left: 80px; right: 80px; bottom: 22px; padding: 16px 24px 10px;
  background: rgba(11,7,32,.92);
  background-image: repeating-linear-gradient(180deg, rgba(0,0,0,.35) 0 1px, transparent 1px 4px);
  border: 1.5px solid rgba(45,226,230,.8); border-radius: 18px / 26px;
  box-shadow: 0 0 22px rgba(45,226,230,.35), inset 0 0 40px rgba(45,226,230,.12);
}
.dm-retrofuturism .rf-board__head { display: flex; justify-content: space-between; align-items: baseline; padding-bottom: 8px; border-bottom: 1px dashed rgba(45,226,230,.45); }
.dm-retrofuturism .rf-board__title { font-family: "Russo One", sans-serif; font-size: 18px; letter-spacing: .12em; text-transform: uppercase; color: var(--cyan); text-shadow: 0 0 10px rgba(45,226,230,.7); }
.dm-retrofuturism .rf-board__clock { font-family: "Tektur", sans-serif; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.dm-retrofuturism .rf-board__clock b { color: var(--orange); font-size: 18px; margin-left: 6px; text-shadow: 0 0 8px rgba(255,158,61,.7); }
.dm-retrofuturism .rf-board__table { width: 100%; border-collapse: collapse; font-size: 15px; }
.dm-retrofuturism .rf-board__table th { text-align: left; padding: 9px 8px 5px; font-family: "Tektur", sans-serif; font-weight: 500; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.dm-retrofuturism .rf-board__table td { padding: 8px; border-top: 1px solid rgba(183,168,224,.15); }
.dm-retrofuturism .rf-board__table td:first-child,
.dm-retrofuturism .rf-board__table td:nth-child(3),
.dm-retrofuturism .rf-board__table td:nth-child(4) { font-family: "Tektur", sans-serif; font-weight: 700; font-size: 17px; letter-spacing: .08em; color: var(--yellow); }

/* ----- Приложение ----- */
.dm-retrofuturism.dm--app { display: flex; flex-direction: column; }
.dm-retrofuturism.dm--app .rf-sky { background-image:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.9) 0 1px, transparent 1.6px),
    radial-gradient(circle at 63% 42%, rgba(255,255,255,.7) 0 1px, transparent 1.6px),
    radial-gradient(circle at 37% 71%, rgba(183,168,224,.8) 0 1px, transparent 1.6px),
    linear-gradient(180deg, #0b0720 0%, #1a0f45 30%, #120b2e 60%);
  background-size: 150px 130px, 190px 170px, 130px 190px, 100% 100%; }
.dm-retrofuturism.dm--app > *:not(.rf-sky) { position: relative; }
.dm-retrofuturism .rf-status { display: flex; justify-content: space-between; padding: 14px 26px 0; font-family: "Tektur", sans-serif; font-weight: 500; font-size: 14px; }
.dm-retrofuturism .rf-status__icons { display: flex; gap: 4px; align-items: center; }
.dm-retrofuturism .rf-status__icons i { width: 14px; height: 10px; border-radius: 2px; background: var(--text); }
.dm-retrofuturism .rf-appbar { display: flex; justify-content: space-between; align-items: center; padding: 12px 20px 0; }
.dm-retrofuturism .rf-appbar__icon { width: 38px; height: 38px; display: grid; place-items: center; border: 1.5px solid rgba(45,226,230,.6); border-radius: 50%; color: var(--cyan); font-size: 20px; line-height: 1; }
.dm-retrofuturism .rf-appbar__title { font-family: "Tektur", sans-serif; font-weight: 700; font-size: 14px; letter-spacing: .18em; text-transform: uppercase; }
.dm-retrofuturism .rf-scene { height: 112px; margin-top: 4px; overflow: hidden; }
.dm-retrofuturism .rf-sun--small { top: 14px; width: 150px; height: 150px; margin-left: -75px; }
.dm-retrofuturism .rf-floor--small { top: 82px; perspective: 120px; }
.dm-retrofuturism .rf-floor--small .rf-grid { height: 60px; background-size: 34px 34px; animation: none; }

.dm-retrofuturism .rf-pass {
  margin: 0 18px; padding: 18px 20px 16px; clip-path: var(--chamfer);
  background:
    repeating-linear-gradient(180deg, rgba(0,0,0,.22) 0 1px, transparent 1px 4px),
    linear-gradient(160deg, #26195a, #1a1142);
  box-shadow: inset 0 0 0 1.5px rgba(45,226,230,.55);
}
.dm-retrofuturism .rf-route { display: flex; align-items: center; justify-content: space-between; }
.dm-retrofuturism .rf-route div { display: grid; }
.dm-retrofuturism .rf-route b { font-family: "Russo One", sans-serif; font-weight: 400; font-size: 38px; line-height: 1.05; letter-spacing: .04em; }
.dm-retrofuturism .rf-route span { font-size: 13px; color: var(--muted); }
.dm-retrofuturism .rf-route__to { text-align: right; }
.dm-retrofuturism .rf-times { display: flex; align-items: center; gap: 12px; margin: 12px 0 14px; font-family: "Tektur", sans-serif; font-weight: 700; font-size: 20px; color: var(--yellow); }
.dm-retrofuturism .rf-times i { flex: 1; height: 2px; background: linear-gradient(90deg, var(--yellow), var(--pink)); box-shadow: 0 0 6px var(--pink); }
.dm-retrofuturism .rf-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding-top: 12px; border-top: 1px dashed rgba(45,226,230,.45); }
.dm-retrofuturism .rf-facts dt { font-family: "Tektur", sans-serif; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.dm-retrofuturism .rf-facts dd { font-family: "Tektur", sans-serif; font-weight: 700; font-size: 17px; color: var(--cyan); }
.dm-retrofuturism .rf-pass__name { margin-top: 12px; font-size: 14px; color: var(--muted); }
.dm-retrofuturism .rf-pass__name b { color: var(--text); font-weight: 600; }

.dm-retrofuturism .rf-count { margin: 20px 18px 0; text-align: center; }
.dm-retrofuturism .rf-count__label { font-family: "Tektur", sans-serif; font-size: 13px; letter-spacing: .22em; text-transform: uppercase; color: var(--muted); }
.dm-retrofuturism .rf-count__time {
  display: block; font-family: "Tektur", sans-serif; font-weight: 700; font-size: 50px; line-height: 1.1; letter-spacing: .06em;
  color: var(--cyan); text-shadow: 0 0 6px rgba(45,226,230,.8), 0 0 22px rgba(45,226,230,.45);
}
.dm-retrofuturism .rf-count__bar { height: 8px; margin-top: 8px; border: 1px solid rgba(45,226,230,.6); border-radius: 4px; overflow: hidden; }
.dm-retrofuturism .rf-count__bar i { display: block; width: 76%; height: 100%; background: repeating-linear-gradient(90deg, var(--cyan) 0 8px, transparent 8px 11px); box-shadow: 0 0 8px var(--cyan); }
.dm-retrofuturism .rf-btn--block { display: flex; margin: 20px 18px 0; height: 54px; }
.dm-retrofuturism .rf-tabbar {
  display: flex; justify-content: space-around; margin-top: auto; padding: 12px 8px 24px; background: rgba(11,7,32,.92);
  border-top: 1px solid transparent; border-image: linear-gradient(90deg, transparent, var(--pink), transparent) 1;
  font-family: "Tektur", sans-serif; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted);
}
.dm-retrofuturism .rf-tabbar span { display: grid; justify-items: center; gap: 4px; }
.dm-retrofuturism .rf-tabbar i { font-style: normal; font-size: 20px; line-height: 1; }
.dm-retrofuturism .rf-tabbar .is-active { color: var(--pink); text-shadow: 0 0 8px rgba(255,62,165,.8); }

/* ----- Веб-платформа ----- */
.dm-retrofuturism.dm--platform {
  display: grid; grid-template-columns: 232px 1fr;
  background: radial-gradient(ellipse at 70% -10%, #2a1660 0%, var(--deep) 60%);
}
.dm-retrofuturism .rf-side {
  display: flex; flex-direction: column; padding: 26px 0 24px; background: rgba(11,7,32,.85);
  border-right: 1px solid transparent; border-image: linear-gradient(180deg, transparent, var(--pink), transparent) 1;
}
.dm-retrofuturism .rf-side .rf-logo { padding: 0 24px; }
.dm-retrofuturism .rf-side__sub { padding: 4px 24px 0; font-family: "Tektur", sans-serif; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.dm-retrofuturism .rf-side__nav { display: grid; gap: 2px; margin-top: 34px; font-family: "Tektur", sans-serif; font-weight: 500; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.dm-retrofuturism .rf-side__nav li { display: flex; align-items: center; gap: 12px; padding: 11px 24px; }
.dm-retrofuturism .rf-side__nav i { width: 8px; height: 8px; border: 1.5px solid currentColor; transform: rotate(45deg); }
.dm-retrofuturism .rf-side__nav .is-active {
  color: var(--cyan); text-shadow: 0 0 8px rgba(45,226,230,.7);
  background: linear-gradient(90deg, rgba(45,226,230,.16), transparent); box-shadow: inset 3px 0 0 var(--cyan);
}
.dm-retrofuturism .rf-side__nav .is-active i { background: var(--cyan); box-shadow: 0 0 8px var(--cyan); }
.dm-retrofuturism .rf-side__sys { margin: auto 18px 0; padding: 14px 16px; clip-path: var(--chamfer); background: rgba(45,226,230,.08); box-shadow: inset 0 0 0 1px rgba(45,226,230,.4); display: grid; gap: 4px; }
.dm-retrofuturism .rf-side__sys span { font-family: "Tektur", sans-serif; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.dm-retrofuturism .rf-side__sys b { display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 15px; }
.dm-retrofuturism .rf-side__sys b i { width: 9px; height: 9px; border-radius: 50%; background: #5dff9e; box-shadow: 0 0 8px #5dff9e; animation: rf-blink 2.4s ease-in-out infinite; }
@keyframes rf-blink { 50% { opacity: .45; } }

.dm-retrofuturism .rf-ops { padding: 24px 30px 24px; min-width: 0; display: flex; flex-direction: column; }
.dm-retrofuturism .rf-ops__head { display: flex; align-items: flex-end; gap: 24px; }
.dm-retrofuturism .rf-ops__head h1 {
  font-family: "Russo One", sans-serif; font-weight: 400; font-size: 36px; line-height: 1.15; letter-spacing: .04em; text-transform: uppercase;
  background: linear-gradient(180deg, #ffffff 0%, #dfe6ff 44%, #6a5aa8 52%, #ffc2e6 58%, #ffffff 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.dm-retrofuturism .rf-clock { margin-left: auto; font-family: "Tektur", sans-serif; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.dm-retrofuturism .rf-clock b { display: block; font-size: 24px; letter-spacing: .08em; color: var(--orange); text-shadow: 0 0 10px rgba(255,158,61,.6); }
.dm-retrofuturism .rf-ops__head .rf-btn { height: 46px; font-size: 14px; }

.dm-retrofuturism .rf-grid-ops {
  flex: 1; display: grid; gap: 16px; margin-top: 20px; min-height: 0;
  grid-template-columns: 1fr 1fr 1fr 290px; grid-template-rows: 118px 176px 1fr;
}
.dm-retrofuturism .rf-panel {
  position: relative; padding: 30px 20px 14px; clip-path: var(--chamfer);
  background:
    repeating-linear-gradient(180deg, rgba(0,0,0,.2) 0 1px, transparent 1px 4px),
    linear-gradient(160deg, #22174f, #160f38);
  box-shadow: inset 0 0 0 1px rgba(183,168,224,.3);
}
.dm-retrofuturism .rf-panel__label { position: absolute; top: 10px; left: 20px; font-family: "Tektur", sans-serif; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--pink); }
.dm-retrofuturism .rf-kpi p { font-size: 14px; color: var(--muted); }
.dm-retrofuturism .rf-kpi b { display: block; font-family: "Tektur", sans-serif; font-weight: 700; font-size: 34px; line-height: 1.1; color: var(--text); }
.dm-retrofuturism .rf-kpi__note { font-size: 12px; color: var(--cyan); }
.dm-retrofuturism .rf-fuel { height: 8px; margin-top: 4px; border: 1px solid rgba(255,158,61,.6); border-radius: 4px; overflow: hidden; }
.dm-retrofuturism .rf-fuel i { display: block; width: 78%; height: 100%; background: repeating-linear-gradient(90deg, var(--orange) 0 6px, transparent 6px 9px); }

.dm-retrofuturism .rf-radar { grid-column: 4; grid-row: 1 / span 2; display: flex; flex-direction: column; align-items: center; }
.dm-retrofuturism .rf-radar__scope {
  position: relative; width: 200px; height: 200px; margin-top: 6px; border-radius: 50%;
  background:
    conic-gradient(from 0deg, rgba(45,226,230,.55), rgba(45,226,230,0) 70deg, transparent 360deg),
    repeating-radial-gradient(circle, transparent 0 32px, rgba(45,226,230,.45) 32px 33px),
    linear-gradient(90deg, transparent calc(50% - .5px), rgba(45,226,230,.4) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px)),
    linear-gradient(0deg, transparent calc(50% - .5px), rgba(45,226,230,.4) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px)),
    #0a1630;
  box-shadow: 0 0 0 1.5px rgba(45,226,230,.7), 0 0 18px rgba(45,226,230,.35);
}
.dm-retrofuturism .rf-blip { position: absolute; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }
.dm-retrofuturism .rf-blip--pink { background: var(--pink); box-shadow: 0 0 10px var(--pink); }
.dm-retrofuturism .rf-radar__legend { align-self: stretch; display: grid; gap: 6px; margin-top: 16px; font-size: 13px; color: var(--muted); }
.dm-retrofuturism .rf-radar__legend li { display: flex; align-items: center; gap: 8px; }
.dm-retrofuturism .rf-radar__legend i { width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 6px var(--cyan); }
.dm-retrofuturism .rf-radar__legend i.pink { background: var(--pink); box-shadow: 0 0 6px var(--pink); }

.dm-retrofuturism .rf-chart { grid-column: 1 / span 3; padding-bottom: 10px; }
.dm-retrofuturism .rf-chart svg {
  display: block; margin-top: 4px;
  background-image:
    linear-gradient(90deg, rgba(183,168,224,.12) 1px, transparent 1px),
    linear-gradient(180deg, rgba(183,168,224,.12) 1px, transparent 1px);
  background-size: 60px 30px;
  filter: drop-shadow(0 0 4px rgba(45,226,230,.6));
}
.dm-retrofuturism .rf-chart__axis { display: flex; justify-content: space-between; margin-top: 4px; font-family: "Tektur", sans-serif; font-size: 11px; letter-spacing: .1em; color: var(--muted); }

.dm-retrofuturism .rf-flights { grid-column: 1 / -1; padding: 8px 20px 6px; display: flex; flex-direction: column; }
.dm-retrofuturism .rf-flights__foot { margin-top: auto; padding: 8px 10px 6px; display: flex; justify-content: space-between; font-family: "Tektur", sans-serif; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.dm-retrofuturism .rf-flights__foot b { color: var(--cyan); font-weight: 500; }
.dm-retrofuturism .rf-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.dm-retrofuturism .rf-table th { text-align: left; padding: 10px 10px 8px; font-family: "Tektur", sans-serif; font-weight: 500; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); border-bottom: 1px solid rgba(255,62,165,.5); }
.dm-retrofuturism .rf-table td { padding: 10px; border-bottom: 1px solid rgba(183,168,224,.14); }
.dm-retrofuturism .rf-table td:first-child { font-family: "Tektur", sans-serif; font-weight: 700; color: var(--yellow); letter-spacing: .06em; }
.dm-retrofuturism .rf-table .r { text-align: right; font-family: "Tektur", sans-serif; font-variant-numeric: tabular-nums; }

@media (prefers-reduced-motion: reduce) {
  .dm-retrofuturism .rf-grid,
  .dm-retrofuturism .rf-side__sys b i { animation: none; }
}