/* ============================================================
   ТЕМА: TESLA LIGHT
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

  * { margin: 0; padding: 0; box-sizing: border-box; }

  body {
    background: #eef0f2;
    color: #111111;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    min-height: 100vh;
    overflow-x: hidden;
    animation: none;
  }
  body::before { display: none; }

  .container { max-width: 1100px; margin: 0 auto; padding: 0; }

  /* ── СТАТУС-БАР ── */
  .statusbar {
    position: sticky; top: 0; z-index: 200;
    background: #2a2a2a;
    height: 48px;
    display: flex; align-items: center;
    padding: 0 12px; gap: 6px;
    margin-bottom: 0;
    border-bottom: none;
  }

  /* бургер */
  .burger-btn {
    display: flex; flex-direction: column; justify-content: center;
    gap: 5px; width: 36px; height: 36px; padding: 6px;
    background: transparent; border: none; cursor: pointer;
    -webkit-tap-highlight-color: transparent; flex-shrink: 0;
  }
  .burger-btn span { display: block; height: 2px; background: #777; border-radius: 1px; transition: all .2s; }
  .burger-btn.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); background: #ccc; }
  .burger-btn.open span:nth-child(2) { opacity: 0; }
  .burger-btn.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); background: #ccc; }

  .nav-desktop { display: none; gap: 2px; flex: 1; }

  @media (min-width: 600px) {
    .burger-btn   { display: none; }
    .nav-desktop  { display: flex; }
    .nav-mobile-drop { display: none !important; }
  }

  .nav-link {
    font-family: 'Roboto', sans-serif;
    font-size: 12px; font-weight: 400;
    padding: 6px 12px; border: none;
    background: transparent; color: #777;
    border-radius: 6px; cursor: pointer;
    text-decoration: none; white-space: nowrap;
    transition: color .15s, background .15s;
    -webkit-tap-highlight-color: transparent;
  }
  .nav-link:hover { color: #ccc; }
  .nav-link.active { background: #3a3a3a; color: #fff; font-weight: 500; }

  /* переключатель стилей */
  .theme-seg {
    margin-left: auto;
    display: flex; background: #1e1e1e;
    border-radius: 20px; padding: 3px; gap: 2px; flex-shrink: 0;
  }
  .theme-seg-btn {
    font-family: 'Roboto', sans-serif;
    font-size: 10px; font-weight: 500;
    padding: 4px 8px; border: none;
    background: transparent; color: #555;
    border-radius: 16px; cursor: pointer;
    white-space: nowrap; transition: all .15s;
    -webkit-tap-highlight-color: transparent; letter-spacing: .2px;
  }
  .theme-seg-btn.active { background: #fff; color: #111; }
  .theme-seg-btn:not(.active):hover { color: #aaa; }

  /* мобильное меню */
  .nav-mobile-drop {
    display: none; flex-direction: column;
    background: #222; border-bottom: 1px solid #333;
    position: relative;
  }
  .nav-mobile-drop.open { display: flex; }
  .nav-mobile-link {
    font-family: 'Roboto', sans-serif;
    font-size: 15px; font-weight: 400;
    padding: 15px 20px; color: #999;
    text-decoration: none; border-bottom: 1px solid #2a2a2a;
    transition: color .15s, background .15s;
    -webkit-tap-highlight-color: transparent;
  }
  .nav-mobile-link:last-child { border-bottom: none; }
  .nav-mobile-link.active { color: #fff; background: #2a2a2a; font-weight: 500; }
  .nav-mobile-link:hover { color: #fff; background: #2a2a2a; }

  /* ── HERO ── */
  .hero {
    background: #ffffff;
    padding: clamp(20px,4vw,32px) clamp(16px,4vw,24px) clamp(18px,3vw,26px);
    border-bottom: 1px solid #e4e6e8;
    margin: 20px clamp(16px,4vw,24px) 0;
    border-radius: 12px;
  }
  .header-subtitle {
    font-size: clamp(11px,2.5vw,13px);
    color: #888; letter-spacing: 2px;
    margin-bottom: 12px; line-height: 1.6;
    text-transform: uppercase; font-weight: 400;
  }
  .hero-title {
    font-size: clamp(36px,9vw,54px);
    font-weight: 300; color: #111;
    letter-spacing: -2px; line-height: 1; margin-bottom: 8px;
    text-shadow: none;
  }
  @keyframes blink { 0%,100%{opacity:1} 50%{opacity:0} }
  .cursor { animation: blink 1s infinite; }
  .header-year {
    font-size: clamp(13px,3vw,16px);
    font-weight: 500; color: #555;
    letter-spacing: 4px; margin-bottom: 18px;
    text-transform: uppercase; text-shadow: none;
    font-family: 'Roboto', sans-serif;
  }
  .header-intro {
    font-size: clamp(14px,2.5vw,16px);
    color: #333; line-height: 1.9; font-weight: 300;
  }
  .header-intro strong { font-weight: 500; color: #111; }
  .header-intro .highlight { font-weight: 700; color: #111; font-family: 'Roboto', sans-serif; font-size: inherit; }

  /* UPD блок */
  .upd-block {
    margin-top: 20px;
    border-left: 3px solid #00aacc;
    padding: 13px 16px;
    background: #f0fbfd;
    border-radius: 0 8px 8px 0;
  }
  .upd-label {
    font-size: 10px; letter-spacing: 2px;
    color: #00aacc; font-weight: 700;
    margin-bottom: 7px; text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
  }
  .upd-text {
    font-size: clamp(13px,2.5vw,15px);
    color: #333; line-height: 1.8; font-weight: 300;
  }
  .upd-sign {
    margin-top: 10px; font-size: 12px;
    color: #888; border-top: 1px solid #c0e8f0;
    padding-top: 9px;
  }
  .upd-sign span { color: #111; font-weight: 500; }

  /* ── ОБРАТНЫЙ ОТСЧЁТ ── */
  .countdown-title {
    text-align: center;
    font-size: clamp(13px,2.5vw,16px);
    color: #555; letter-spacing: 2px;
    margin: 24px 0 12px; text-transform: uppercase; font-weight: 400;
  }
  .countdown-section {
    display: flex; justify-content: center;
    gap: clamp(6px,2vw,12px); margin-bottom: 20px;
    padding: 0 clamp(16px,4vw,24px);
  }
  .countdown-block {
    text-align: center; background: #ffffff;
    border-radius: 8px;
    padding: clamp(10px,2vw,14px) clamp(8px,2vw,12px);
    flex: 1; max-width: 100px;
    box-shadow: 0 1px 4px rgba(0,0,0,.07);
    border: none;
  }
  .countdown-num {
    font-size: clamp(20px,5vw,30px);
    font-weight: 300; color: #111;
    letter-spacing: -1px; display: block;
    text-shadow: none;
  }
  .countdown-label {
    font-size: clamp(9px,2vw,11px);
    color: #aaa; letter-spacing: 1px;
    margin-top: 4px; display: block; text-transform: uppercase;
  }

  /* ── ТОЧКА ОТСЧЁТА ── */
  .start-point {
    text-align: center;
    font-size: clamp(14px,3vw,18px);
    color: #00aacc;
    line-height: 1.5; padding: 16px clamp(16px,4vw,24px) 20px;
    letter-spacing: 1px; font-weight: 500;
    text-shadow: none; font-family: 'Roboto', sans-serif;
  }

  /* ── ОБЩИЙ ПРОГРЕСС ── */
  .total-section {
    background: #ffffff;
    border-radius: 12px;
    padding: 18px 16px;
    margin: 0 clamp(16px,4vw,24px) 20px;
    box-shadow: 0 1px 4px rgba(0,0,0,.07);
    border: none; position: relative;
  }
  .total-section::before { display: none; }
  .total-section-label {
    display: block;
    font-size: 11px; letter-spacing: 2px;
    color: #888; margin-bottom: 14px;
    font-weight: 600; text-transform: uppercase;
  }
  .total-numbers {
    display: flex; justify-content: space-between;
    align-items: baseline; margin-bottom: 14px;
    flex-wrap: wrap; gap: 6px;
  }
  .total-count {
    font-size: clamp(32px,8vw,48px);
    font-weight: 300; color: #111; letter-spacing: -2px;
    text-shadow: none; font-family: 'Roboto', sans-serif;
    margin-bottom: 0;
  }
  .total-goal { font-size: clamp(13px,2vw,15px); color: #666; font-weight: 300; }
  .total-goal span { font-weight: 700; color: #111; font-family: 'Roboto', sans-serif; font-size: inherit; }
  .total-pct-block { text-align: right; }
  .total-pct-label { font-size: 10px; color: #888; letter-spacing: 1px; margin-bottom: 4px; text-transform: uppercase; }
  .total-pct-value {
    font-size: clamp(20px,5vw,28px);
    font-weight: 300; color: #111; letter-spacing: -1px;
    text-shadow: none; font-family: 'Roboto', sans-serif;
  }
  .progress-bar-wrap {
    background: #d8dadc;
    border-radius: 5px; height: 10px;
    overflow: hidden; position: relative; border: none;
  }
  .progress-bar-stacked { display: flex; height: 100%; width: 100%; }
  .stack-seg { height: 100%; flex-shrink: 0; transition: width 1.5s ease; }
  .progress-pct { display: none; }
  .updated { text-align: right; font-size: 11px; color: #aaa; margin-top: 8px; letter-spacing: .5px; }

  /* ── ОПЕРАТОРЫ ── */
  .operators-title {
    font-size: clamp(13px,2.5vw,16px);
    color: #555; letter-spacing: 2px;
    margin-bottom: 12px; text-align: center;
    padding: 0 clamp(16px,4vw,24px);
    text-transform: uppercase; font-weight: 400;
    font-family: 'Roboto', sans-serif; text-shadow: none;
  }
  .operators-grid {
    display: flex; flex-direction: column;
    gap: 8px; margin-bottom: 20px;
    padding: 0 clamp(16px,4vw,24px);
  }
  .op-card {
    background: #ffffff;
    border-radius: 12px;
    padding: clamp(12px,3vw,16px) clamp(14px,3vw,18px);
    box-shadow: 0 1px 4px rgba(0,0,0,.07);
    border: none; position: relative;
    transition: box-shadow .2s;
  }
  .op-card:hover { box-shadow: 0 2px 12px rgba(0,0,0,.11); }
  .op-rank {
    position: absolute; top: 10px; right: 12px;
    width: 36px; height: 36px;
    display: flex; align-items: center; justify-content: center;
  }
  .medal { display: inline-flex; align-items: center; justify-content: center; }
  .medal svg { display: block; }
  .op-top { display: flex; align-items: center; gap: 14px; margin-bottom: 10px; }
  .op-logo { width: 80px; height: 34px; object-fit: contain; flex-shrink: 0; }
  .op-logo.dark-bg { background: #111; padding: 4px; border-radius: 4px; }
  .op-name { font-size: clamp(13px,2.5vw,15px); color: #333; font-weight: 400; flex: 1; min-width: 0; letter-spacing: 0; }
  .op-score {
    font-size: clamp(16px,4vw,22px);
    font-weight: 300; color: #111;
    white-space: nowrap; margin-right: 36px;
    letter-spacing: -1px; text-shadow: none;
    font-family: 'Roboto', sans-serif;
  }
  .op-score .score-x { color: #aaa; font-size: .85em; }
  .op-bar-wrap { background: #eef0f2; border-radius: 4px; height: 8px; overflow: hidden; border: none; }
  .op-bar-fill { height: 100%; border-radius: 4px; transition: width 1.5s ease; box-shadow: none; }
  .op-meta { font-size: 11px; color: #aaa; margin-top: 6px; letter-spacing: .3px; }

  /* ── ГОНКА ── */
  .race-section { margin-bottom: 20px; padding: 0 clamp(16px,4vw,24px); }
  .race-title-label {
    font-size: clamp(11px,2.5vw,14px);
    color: #888; letter-spacing: 2px;
    text-align: center; margin-bottom: 10px;
    text-transform: uppercase; font-weight: 400;
    font-family: 'Roboto', sans-serif;
  }
  .race-block {
    border: 1px solid #e4e6e8; background: #fff;
    overflow: hidden; position: relative; border-radius: 12px;
  }
  .race-canvas { display: block; width: 100%; }
  .race-foot { text-align: center; font-size: 10px; color: #ccc; letter-spacing: 1px; padding: 6px; font-family: 'Roboto', sans-serif; }

  /* ── ГОЛОСОВАНИЕ ── */
  .vote-section {
    background: #ffffff;
    border: 1.5px solid #d0d2d4;
    border-radius: 12px;
    padding: 20px clamp(14px,4vw,20px);
    margin: 0 clamp(16px,4vw,24px) 20px;
    box-shadow: 0 1px 4px rgba(0,0,0,.07);
    position: relative;
  }
  .vote-section::before { display: none; }
  .vote-section-label {
    display: block; text-align: center;
    font-size: 11px; letter-spacing: 2px;
    color: #555; font-weight: 600;
    margin-bottom: 14px; text-transform: uppercase;
  }
  .vote-question {
    font-size: clamp(13px,2.5vw,15px);
    color: #333; letter-spacing: .3px;
    margin-bottom: 18px; line-height: 1.9; font-weight: 300;
  }
  .vote-options {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 8px; margin-bottom: 14px;
  }
  @media (min-width:480px) { .vote-options { grid-template-columns: repeat(3,1fr); } }
  @media (min-width:640px) { .vote-options { grid-template-columns: repeat(5,1fr); } }
  .vote-btn {
    border: 1.5px solid #e4e6e8; background: #f7f8f9;
    color: #555; font-family: 'Roboto', sans-serif;
    font-size: clamp(11px,2.5vw,13px); padding: 10px 6px;
    cursor: pointer; border-radius: 8px;
    display: flex; flex-direction: column;
    align-items: center; gap: 6px;
    transition: all .15s; -webkit-tap-highlight-color: transparent;
  }
  .vote-btn img { width: 65px; height: 28px; object-fit: contain; background: #111; padding: 3px; border-radius: 3px; }
  .vote-btn:hover,.vote-btn:active { background: #eef0f2; border-color: #bbb; }
  .vote-btn.selected { border-color: #111; border-width: 2px; background: #eef0f2; color: #111; box-shadow: none; }
  .vote-submit {
    display: block; width: 100%;
    background: #111111; border: none; color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: clamp(12px,2.5vw,14px); font-weight: 500;
    padding: 14px; border-radius: 9px; cursor: pointer;
    letter-spacing: 1.5px; text-transform: uppercase;
    transition: background .15s; -webkit-tap-highlight-color: transparent;
  }
  .vote-submit:hover:not(:disabled) { background: #333; }
  .vote-submit:disabled { opacity: .35; cursor: not-allowed; }
  .vote-results { display: none; }
  .vote-result-item { margin-bottom: 12px; }
  .vote-result-top { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; }
  .vote-result-top .rname { color: #333; }
  .vote-result-top .rpct { color: #111; font-weight: 500; font-size: 12px; font-family: 'Roboto', sans-serif; }
  .vote-result-bar-wrap { background: #eef0f2; height: 6px; border-radius: 3px; overflow: hidden; border: none; }
  .vote-result-bar { height: 100%; background: #bbb; transition: width 1s ease; border-radius: 3px; box-shadow: none; }
  .vote-result-bar.mine { background: #111; box-shadow: none; }
  .vote-message {
    font-size: clamp(13px,2.5vw,15px); color: #111;
    text-align: center; margin-bottom: 18px;
    line-height: 1.9; font-weight: 500;
    text-shadow: none; font-family: 'Roboto', sans-serif;
  }
  .vote-total-players { text-align: center; font-size: 12px; color: #888; margin-top: 12px; letter-spacing: 1px; }

  /* ── BIG PHRASE ── */
  .big-phrase {
    text-align: center;
    font-size: clamp(16px,4vw,26px);
    color: #111; font-weight: 300;
    line-height: 1.5; padding: 24px clamp(16px,4vw,24px);
    letter-spacing: 1px; text-shadow: none;
    font-family: 'Roboto', sans-serif;
  }

  /* ── АВТОР ── */
  .author-section {
    background: #ffffff;
    border-radius: 12px;
    padding: clamp(16px,3vw,20px) clamp(14px,4vw,18px);
    margin: 0 clamp(16px,4vw,24px) 20px;
    box-shadow: 0 1px 4px rgba(0,0,0,.07);
    border: none; position: relative;
  }
  .author-section::before { content:' ARTSIOM KRIVTSOFF | АВТОР ПРОЕКТА '; position:absolute; top:-10px; left:14px; background:#ffffff; padding:0 6px; font-size:9px; color:#aaa; letter-spacing:2px; font-family:'Roboto',sans-serif; }
  .author-about-btn {
    display: block; width: 100%;
    border: 1.5px solid #d0d2d4; background: transparent; color: #333;
    font-family: 'Roboto', sans-serif;
    font-size: clamp(13px,2.5vw,15px); font-weight: 500;
    padding: 13px; border-radius: 9px; text-align: center;
    text-decoration: none; margin-bottom: 18px; letter-spacing: .5px;
    transition: border-color .15s, background .15s;
    -webkit-tap-highlight-color: transparent; box-sizing: border-box;
  }
  .author-about-btn:hover,.author-about-btn:active { border-color: #999; background: #eef0f2; box-shadow: none; }

  .author-chat-btn { display:block; width:100%; border:1.5px solid #d0d2d4; background:#ffffff; color:#333; font-family:'Roboto',sans-serif; font-size:clamp(13px,2.5vw,15px); font-weight:500; padding:14px 16px; cursor:pointer; letter-spacing:.5px; text-align:center; text-decoration:none; margin-bottom:12px; transition:border-color .15s,background .15s; -webkit-tap-highlight-color:transparent; box-sizing:border-box; line-height:1.6; border-radius:9px; }
  .author-chat-btn:hover,.author-chat-btn:active { border-color:#999; background:#eef0f2; }
  .author-chat-btn .chat-sub { display:block; font-size:12px; color:#888; letter-spacing:.5px; margin-top:4px; font-weight:400; }
  .section-label {
    font-size: 10px; color: #888;
    letter-spacing: 2px; margin-bottom: 8px;
    text-transform: uppercase; font-weight: 500;
  }
  .author-links {
    display: grid; grid-template-columns: repeat(3,1fr);
    gap: 5px; margin-bottom: 14px; width: 100%; box-sizing: border-box;
  }
  @media (min-width:640px) { .author-links { grid-template-columns: repeat(5,1fr); } }
  .author-link-btn {
    border: 1px solid #e4e6e8; background: transparent; color: #555;
    font-family: 'Roboto', sans-serif;
    font-size: clamp(11px,2.3vw,13px); padding: 9px 2px;
    text-align: center; text-decoration: none;
    display: flex; align-items: center; justify-content: center;
    border-radius: 8px; min-height: 42px; line-height: 1.3;
    transition: border-color .15s, color .15s;
    -webkit-tap-highlight-color: transparent;
    overflow: hidden; white-space: nowrap; box-sizing: border-box;
  }
  .author-link-btn:hover,.author-link-btn:active { border-color: #999; color: #111; background: transparent; }
  .author-contacts {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 5px; width: 100%; box-sizing: border-box;
  }
  .author-contact-btn {
    border: 1px solid #e4e6e8; background: transparent; color: #555;
    font-family: 'Roboto', sans-serif;
    font-size: clamp(11px,2.3vw,13px); padding: 12px 4px;
    text-align: center; text-decoration: none;
    display: flex; align-items: center; justify-content: center;
    border-radius: 8px; min-height: 42px; line-height: 1.3;
    transition: border-color .15s, color .15s;
    -webkit-tap-highlight-color: transparent;
    overflow: hidden; white-space: nowrap; box-sizing: border-box;
  }
  .author-contact-btn:hover,.author-contact-btn:active { border-color: #999; color: #111; }

  /* ── ПОСЕЩЕНИЯ ── */
  .visit-counter {
    text-align: center; font-size: clamp(12px,2vw,14px);
    color: #888; margin-bottom: 20px;
    letter-spacing: 1px; line-height: 1.8;
    padding: 0 clamp(16px,4vw,24px);
  }
  .visit-counter span { color: #111; font-weight: 500; font-family: 'Roboto', sans-serif; font-size: inherit; }

  /* ── ПЕРЕКЛЮЧАТЕЛЬ ВНИЗУ ── */
  .theme-footer-switch {
    text-align: center; padding: 16px clamp(16px,4vw,24px);
    display: flex; justify-content: center; align-items: center; gap: 8px;
  }
  .theme-foot-lbl { font-size: 11px; color: #aaa; letter-spacing: 1px; margin-right: 4px; text-transform: uppercase; }
  .theme-foot-btn {
    font-family: 'Roboto', sans-serif; font-size: 15px;
    width: 38px; height: 38px;
    border: 1px solid #d0d2d4; background: #fff; color: #888;
    border-radius: 50%; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: all .15s; -webkit-tap-highlight-color: transparent;
  }
  .theme-foot-btn.active { background: #111; color: #fff; border-color: #111; }
  .theme-foot-btn:hover:not(.active) { border-color: #999; color: #333; }

  /* ── COOKIE ── */
  .cookie-banner {
    position: fixed; bottom: 0; left: 0; right: 0;
    background: #fff; border-top: 1px solid #e4e6e8;
    padding: 12px 16px;
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; z-index: 9999; flex-wrap: wrap;
    box-shadow: 0 -2px 12px rgba(0,0,0,.06);
  }
  .cookie-text { font-size: 11px; color: #555; line-height: 1.6; flex: 1; min-width: 180px; }
  .cookie-btn {
    border: 1px solid #111; background: transparent; color: #111;
    font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 500;
    padding: 8px 18px; border-radius: 6px; cursor: pointer;
    white-space: nowrap; transition: background .15s, color .15s;
    -webkit-tap-highlight-color: transparent;
  }
  .cookie-btn:hover,.cookie-btn:active { background: #111; color: #fff; }

  /* ── ФУТЕР ── */
  .footer {
    background: #ffffff;
    border-top: 1px solid #e4e6e8;
    padding: 20px clamp(16px,4vw,24px) 80px;
    text-align: center; color: #888; line-height: 2;
  }
  .footer-links { font-size: 13px; margin-bottom: 10px; }
  .footer-links a { color: #888; text-decoration: none; margin: 0 8px; }
  .footer-links a:hover { color: #111; }
  .footer-disclaimer { font-size: 12px; line-height: 1.9; margin-bottom: 6px; color: #aaa; }
  .footer-privacy { font-size: 11px; color: #ccc; margin-bottom: 6px; }
  .footer-copy { font-size: 10px; color: #ccc; }

  /* ============================================================
     ТУРНИРНАЯ ТАБЛИЦА — Tesla Light
     ============================================================ */
  .meta-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px clamp(16px,4vw,24px) 24px;}
  .meta-card{background:#fff;border-radius:10px;padding:14px 8px;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.07);}
  .meta-label{font-size:10px;color:#aaa;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase;font-weight:400;}
  .meta-val{font-family:'Roboto',sans-serif;font-size:clamp(11px,2vw,14px);color:#111;font-weight:500;line-height:1.6;}
  .section-head{font-size:11px;color:#555;letter-spacing:2px;border-bottom:1.5px solid #d0d2d4;padding:0 0 10px;margin:32px clamp(16px,4vw,24px) 16px;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:8px;}
  .section-head::before{content:'';display:block;width:3px;height:14px;background:#111;border-radius:2px;flex-shrink:0;}
  .cur-round{border:1px solid #e4e6e8;background:#fff;padding:20px 18px;margin:0 clamp(16px,4vw,24px) 20px;position:relative;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.07);}
  .cur-round::before{content:' ТЕКУЩИЙ КРУГ ';position:absolute;top:-11px;left:14px;background:#eef0f2;padding:0 8px;font-size:11px;color:#888;letter-spacing:2px;font-family:'Roboto',sans-serif;font-weight:600;}
  .cur-round-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;flex-wrap:wrap;gap:8px;}
  .cur-round-num{font-family:'Roboto',sans-serif;font-size:clamp(18px,4vw,24px);color:#111;font-weight:300;letter-spacing:-1px;}
  .cur-round-dates{font-size:12px;color:#888;text-align:right;font-weight:300;}
  .cur-round-table{width:100%;border-collapse:collapse;font-size:13px;}
  .cur-round-table th{font-size:10px;color:#aaa;letter-spacing:1px;padding:10px 16px;border-bottom:1px solid #f0f0f0;text-align:left;text-transform:uppercase;font-weight:500;}
  .cur-round-table td{padding:11px 16px;border-bottom:none;vertical-align:middle;color:#333;}
  .cur-round-table tbody tr:nth-child(even){background:#f9f9f9;}
  .cur-round-table tbody tr:nth-child(odd){background:#fff;}
  .cur-round-table tr:last-child td{border-bottom:none;}
  .cur-no-data{font-size:12px;color:#ccc;letter-spacing:2px;padding:14px 0;text-align:center;}
  .standings{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:0;}
  .standings th{font-size:10px;color:#aaa;letter-spacing:1px;padding:11px 16px;border-bottom:1px solid #f0f0f0;text-align:left;text-transform:uppercase;font-weight:500;}
  .standings td{padding:12px 16px;border-bottom:none;vertical-align:middle;color:#333;font-size:13px;}
  .standings tbody tr:nth-child(even){background:#f9f9f9;}
  .standings tbody tr:nth-child(odd){background:#fff;}
  .standings tr:last-child td{border-bottom:none;}
  .standings-wrap{background:#fff;border-radius:12px;padding:0;margin:0 clamp(16px,4vw,24px) 20px;box-shadow:0 1px 4px rgba(0,0,0,.07);overflow:hidden;}
  .rank{font-family:'Roboto',sans-serif;font-size:13px;color:#ccc;font-weight:400;}
  .r1{color:#B8860B;font-weight:500;}.r2{color:#888;font-weight:500;}.r3{color:#8B4513;font-weight:500;}
  .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle;flex-shrink:0;}
  .pts{font-family:'Roboto',sans-serif;font-size:13px;color:#111;font-weight:500;}
  .change-up{color:#22aa44;font-size:11px;}.change-down{color:#cc3333;font-size:11px;}.change-same{color:#ddd;font-size:11px;}
  .rounds-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:0 clamp(16px,4vw,24px) 20px;}
  .round-cell{background:#fff;border:1px solid #eee;padding:9px 5px;text-align:center;border-radius:8px;}
  .round-cell.active{border-color:#111;background:#f5f5f5;}
  .round-cell.future{opacity:.4;}
  .r-num{font-family:'Roboto',sans-serif;font-size:9px;color:#aaa;margin-bottom:5px;font-weight:500;letter-spacing:1px;}
  .r-win{font-size:11px;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;}
  .r-date{font-size:10px;color:#bbb;}
  .hist-row{padding:13px 20px;border-bottom:none;}
  .hist-row:nth-child(even){background:#f9f9f9;}
  .hist-row:nth-child(odd){background:#fff;}
  .hist-row:last-child{border-bottom:none;}
  .hist-wrap{background:#fff;border-radius:12px;padding:0;margin:0 clamp(16px,4vw,24px) 20px;box-shadow:0 1px 4px rgba(0,0,0,.07);overflow:hidden;}
  .hist-meta{display:flex;align-items:baseline;gap:10px;margin-bottom:6px;flex-wrap:wrap;}
  .hist-round{font-size:12px;color:#555;min-width:75px;font-weight:500;}
  .hist-dates{font-size:11px;color:#bbb;}
  .hist-ops{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
  .hist-op{display:flex;align-items:center;gap:4px;font-size:13px;white-space:nowrap;color:#333;}
  .sep{color:#ddd;font-size:11px;}
  .rules-title{font-size:clamp(13px,2.5vw,17px);color:#888;letter-spacing:2px;text-align:center;margin:0 clamp(16px,4vw,24px) 16px;text-transform:uppercase;font-weight:400;}
  .rules-section{border:1px solid #e4e6e8;background:#fff;padding:18px 16px;margin:0 clamp(16px,4vw,24px) 20px;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.07);}
  .rule-block{margin-bottom:16px;}.rule-block:last-child{margin-bottom:0;}
  .rule-h{font-size:13px;color:#111;letter-spacing:2px;margin-bottom:8px;border-bottom:1px solid #eee;padding-bottom:5px;font-weight:500;text-transform:uppercase;}
  .rule-t{font-size:13px;color:#555;line-height:2;font-weight:300;}.rule-t span{color:#111;font-weight:500;}
  .rule-note{font-size:12px;color:#00aacc;line-height:1.8;margin-top:8px;}
  .pts-row{display:flex;align-items:center;gap:10px;padding:4px 0;font-size:13px;color:#555;}
  .pts-v{margin-left:auto;font-size:12px;font-weight:500;}
  .loading{text-align:center;padding:20px;font-size:12px;color:#ccc;letter-spacing:2px;}
  @media(max-width:480px){
    .meta-row{grid-template-columns:repeat(2,1fr);}
    .rounds-grid{grid-template-columns:repeat(3,1fr);}
    .standings{font-size:12px;}
    .standings th{font-size:8px;padding:7px 10px;}
    .standings td{padding:9px 10px;}
    .cur-round-table{font-size:12px;}
    .cur-round-table th{font-size:8px;padding:6px 4px;}
    .cur-round-table td{padding:8px 4px;}
  }

  /* ── TOUR: МЕТА-КАРТОЧКИ ── */
  .meta-row { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-bottom:28px; }
  .meta-card { background:#ffffff; border:1px solid #e4e6e8; border-radius:10px; padding:14px 8px; text-align:center; box-shadow:0 1px 4px rgba(0,0,0,.06); }
  .meta-label { font-size:10px; color:#888; letter-spacing:1px; margin-bottom:6px; text-transform:uppercase; font-family:'Roboto',sans-serif; }
  .meta-val { font-family:'Roboto',sans-serif; font-size:clamp(11px,1.8vw,14px); color:#111; font-weight:500; line-height:1.6; }

  /* ── TOUR: СЕКЦИИ ── */
  .section-head { font-size:11px; color:#888; letter-spacing:2px; border-bottom:1px solid #e4e6e8; padding-bottom:8px; margin-bottom:14px; text-transform:uppercase; font-family:'Roboto',sans-serif; }

  /* ── TOUR: ТЕКУЩИЙ КРУГ ── */
  .cur-round { border:1.5px solid #d0d2d4; background:#fff; padding:20px 18px; margin-bottom:20px; position:relative; border-radius:12px; box-shadow:0 1px 4px rgba(0,0,0,.07); }
  .cur-round::before { content:' ТЕКУЩИЙ КРУГ '; position:absolute; top:-10px; left:14px; background:#eef0f2; padding:0 6px; font-family:'Roboto',sans-serif; font-size:9px; color:#888; letter-spacing:2px; }
  .cur-round-header { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:18px; flex-wrap:wrap; gap:8px; }
  .cur-round-num { font-family:'Roboto',sans-serif; font-size:clamp(16px,4vw,22px); color:#111; font-weight:300; letter-spacing:-1px; }
  .cur-round-dates { font-size:12px; color:#888; text-align:right; font-family:'Roboto',sans-serif; }
  .cur-round-table { width:100%; border-collapse:collapse; font-size:13px; font-family:'Roboto',sans-serif; }
  .cur-round-table th { font-size:10px; color:#888; letter-spacing:1px; padding:8px 6px; border-bottom:1px solid #e4e6e8; text-align:left; font-weight:500; }
  .cur-round-table td { padding:10px 6px; border-bottom:1px solid #f0f0f0; vertical-align:middle; color:#333; }
  .cur-round-table tr:last-child td { border-bottom:none; }
  .cur-no-data { font-size:12px; color:#ccc; letter-spacing:2px; padding:14px 0; font-family:'Roboto',sans-serif; }

  /* ── TOUR: STANDINGS ── */
  .standings { width:100%; border-collapse:collapse; font-size:14px; margin-bottom:20px; font-family:'Roboto',sans-serif; }
  .standings tr:last-child td { border-bottom:none; }
  .rank { font-family:'Roboto',sans-serif; font-size:12px; color:#aaa; font-weight:400; }
  .r1 { color:#B8860B; font-weight:500; } .r2 { color:#888; font-weight:500; } .r3 { color:#8B4513; font-weight:500; }
  .dot { display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:6px; vertical-align:middle; flex-shrink:0; }
  .pts { font-family:'Roboto',sans-serif; font-size:13px; color:#111; font-weight:500; }
  .change-up { color:#22a722; font-size:11px; } .change-down { color:#cc3333; font-size:11px; } .change-same { color:#ccc; font-size:11px; }

  /* ── TOUR: СЕТКА КРУГОВ ── */
  .rounds-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:6px; margin-bottom:20px; }
  .round-cell { background:#fff; border:1px solid #e4e6e8; border-radius:8px; padding:9px 5px; text-align:center; }
  .round-cell.active { border-color:#111; background:#f5f5f5; }
  .round-cell.future { opacity:.35; }
  .r-num { font-family:'Roboto',sans-serif; font-size:9px; color:#aaa; margin-bottom:5px; font-weight:500; letter-spacing:1px; }
  .r-win { font-size:11px; margin-bottom:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:'Roboto',sans-serif; }
  .r-date { font-size:10px; color:#aaa; font-family:'Roboto',sans-serif; }

  /* ── TOUR: ИСТОРИЯ ── */
  .hist-round { font-size:12px; color:#111; font-weight:500; min-width:75px; font-family:'Roboto',sans-serif; }
  .hist-dates { font-size:11px; color:#aaa; font-family:'Roboto',sans-serif; }
  .hist-op { display:flex; align-items:center; gap:4px; font-size:13px; white-space:nowrap; font-family:'Roboto',sans-serif; }
  .sep { color:#ddd; font-size:11px; }

  /* ── TOUR: ПРАВИЛА ── */
  .rules-title { font-size:clamp(13px,2.5vw,16px); color:#555; letter-spacing:2px; text-align:center; margin-bottom:16px; font-family:'Roboto',sans-serif; text-transform:uppercase; }
  .rules-section { border:1px solid #e4e6e8; background:#fff; border-radius:12px; padding:18px 16px; margin-bottom:20px; }
  .rule-block { margin-bottom:16px; } .rule-block:last-child { margin-bottom:0; }
  .rule-h { font-size:13px; color:#111; letter-spacing:1px; margin-bottom:8px; border-bottom:1px solid #f0f0f0; padding-bottom:5px; font-weight:500; font-family:'Roboto',sans-serif; }
  .rule-t { font-size:13px; color:#555; line-height:2; font-family:'Roboto',sans-serif; } .rule-t span { color:#111; font-weight:500; }
  .rule-note { font-size:12px; color:#00aacc; line-height:1.8; margin-top:8px; font-family:'Roboto',sans-serif; }
  .pts-row { display:flex; align-items:center; gap:10px; padding:4px 0; font-size:13px; color:#555; font-family:'Roboto',sans-serif; }
  .pts-v { margin-left:auto; font-size:12px; color:#111; font-weight:500; }

  /* ── TOUR: ЗАГРУЗКА ── */
  .loading { text-align:center; padding:20px; font-size:12px; color:#ccc; letter-spacing:2px; font-family:'Roboto',sans-serif; }

  @media(max-width:480px) {
    .meta-row { grid-template-columns:repeat(2,1fr); }
    .rounds-grid { grid-template-columns:repeat(3,1fr); }
    .standings { font-size:12px; }
        .cur-round-table { font-size:12px; }
    .cur-round-table th { font-size:8px; padding:6px 4px; }
    .cur-round-table td { padding:8px 4px; }
  }

  .standings td:last-child{font-size:13px;font-family:'Roboto',sans-serif;color:#555;}

  .hist-op span:last-child{color:#aaa;}

  .standings{table-layout:auto;}
  .th-rank{width:36px;}
  .th-num{width:52px;text-align:right;}
  .th-last{width:80px;text-align:right;}
  .standings td.td-wins{text-align:right;color:#555;font-size:13px;}
  .standings td.td-last{text-align:right;color:#555;font-size:13px;font-family:'Roboto',sans-serif;}
  .standings th.th-num{text-align:right;}
  .standings th.th-last{text-align:right;}

  .new-badge { margin-left: 6px; }

  /* ============================================================
     СТРАНИЦА СТАНЦИЙ — Tesla Light
     ============================================================ */
  .stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px clamp(16px,4vw,24px) 20px;}
  .stat-card{background:#fff;border-radius:10px;padding:14px 8px;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.07);}
  .stat-label{font-size:11px;color:#aaa;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase;font-weight:400;}
  .stat-val{font-family:'Roboto',sans-serif;font-size:clamp(13px,2.5vw,15px);color:#111;font-weight:600;}

  .filters-wrap{margin:0 clamp(16px,4vw,24px) 16px;}
  .filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
  .filter-label{font-size:10px;color:#888;letter-spacing:2px;white-space:nowrap;min-width:80px;text-transform:uppercase;font-weight:500;}
  .month-filters{display:flex;gap:5px;flex-wrap:wrap;}
  .month-btn{font-family:'Roboto',sans-serif;font-size:11px;padding:5px 10px;border:1.5px solid #d0d2d4;border-radius:20px;cursor:pointer;transition:all .15s;background:#f7f7f7;color:#555;font-weight:400;-webkit-tap-highlight-color:transparent;}
  .month-btn:hover{border-color:#999;color:#333;}
  .month-btn.on{font-weight:500;border-color:currentColor;background:rgba(0,0,0,.04);}
  .month-btn.winter.on{color:#0077aa;}
  .month-btn.spring.on{color:#558800;}
  .month-btn.summer.on{color:#cc2277;}
  .month-btn.autumn.on{color:#aa6600;}

  .op-filters{display:flex;gap:6px;flex-wrap:wrap;}
  .op-filter-btn{font-family:'Roboto',sans-serif;font-size:12px;padding:6px 12px;border-radius:20px;border:1.5px solid #d0d2d4;background:#f7f7f7;cursor:pointer;transition:all .15s;color:#555;display:inline-flex;align-items:center;gap:5px;-webkit-tap-highlight-color:transparent;}
  .op-filter-btn::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#bbb;transition:background .15s;flex-shrink:0;}
  .op-filter-btn:hover{border-color:#999;color:#333;}
  .op-filter-btn.on{font-weight:500;}
  .op-filter-btn.op-bf.on{color:#005EEB;border-color:rgba(0,94,235,.4);background:rgba(0,94,235,.05);}
  .op-filter-btn.op-bf.on::before{background:#005EEB;}
  .op-filter-btn.op-fo.on{color:#b44fff;border-color:rgba(180,79,255,.4);background:rgba(180,79,255,.05);}
  .op-filter-btn.op-fo.on::before{background:#b44fff;}
  .op-filter-btn.op-za.on{color:#00aacc;border-color:rgba(0,207,255,.4);background:rgba(0,207,255,.05);}
  .op-filter-btn.op-za.on::before{background:#00aacc;}
  .op-filter-btn.op-uc.on{color:#F5821F;border-color:rgba(245,130,31,.4);background:rgba(245,130,31,.05);}
  .op-filter-btn.op-uc.on::before{background:#F5821F;}
  .op-filter-btn.op-cs.on{color:#FF6B6B;border-color:rgba(255,107,107,.4);background:rgba(255,107,107,.05);}
  .op-filter-btn.op-cs.on::before{background:#FF6B6B;}
  .op-filter-btn.op-ma.on{color:#5aaa59;border-color:rgba(118,210,117,.4);background:rgba(118,210,117,.05);}
  .op-filter-btn.op-ma.on::before{background:#76d275;}
  .op-filter-btn.op-ev.on{color:#832af5;border-color:rgba(131,42,245,.4);background:rgba(131,42,245,.05);}
  .op-filter-btn.op-ev.on::before{background:#832af5;}
  .op-filter-btn.op-or.on{color:#FF6B00;border-color:rgba(255,107,0,.4);background:rgba(255,107,0,.05);}
  .op-filter-btn.op-or.on::before{background:#FF6B00;}
  .op-filter-btn.op-pr.on{color:#24c3d3;border-color:rgba(36,195,211,.4);background:rgba(36,195,211,.05);}
  .op-filter-btn.op-pr.on::before{background:#24c3d3;}

  .city-filters{display:flex;gap:5px;flex-wrap:wrap;}
  .city-btn{font-family:'Roboto',sans-serif;font-size:11px;padding:5px 10px;border:1.5px solid #d0d2d4;color:#555;background:#f7f7f7;cursor:pointer;transition:all .15s;border-radius:20px;-webkit-tap-highlight-color:transparent;}
  .city-btn.on{border-color:#111;color:#111;background:#f0f0f0;font-weight:500;}
  .city-btn:hover{border-color:#999;color:#333;}
  .reset-btn{font-family:'Roboto',sans-serif;font-size:11px;padding:5px 12px;border:1.5px solid #cc3333;color:#cc3333;background:rgba(204,51,51,.06);cursor:pointer;transition:all .15s;display:none;border-radius:20px;font-weight:500;}
  .reset-btn.visible{display:inline-block;}
  .reset-btn:hover{background:rgba(204,51,51,.12);}

  .section-head-stations{font-size:11px;color:#555;letter-spacing:2px;border-bottom:1.5px solid #d0d2d4;padding:0 0 10px;margin:20px clamp(16px,4vw,24px) 16px;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:8px;}
  .section-head-stations::before{content:'';display:block;width:3px;height:14px;background:#111;border-radius:2px;flex-shrink:0;}

  .badge-dc{background:rgba(180,140,0,.1);color:#a07800;border:1px solid rgba(180,140,0,.25);font-family:'Roboto',sans-serif;font-size:10px;padding:2px 7px;white-space:nowrap;border-radius:4px;font-weight:500;}
  .badge-ac{background:rgba(0,150,180,.1);color:#007799;border:1px solid rgba(0,150,180,.25);font-family:'Roboto',sans-serif;font-size:10px;padding:2px 7px;white-space:nowrap;border-radius:4px;font-weight:500;}
  .badge-acdc{background:rgba(130,50,200,.1);color:#7722bb;border:1px solid rgba(130,50,200,.25);font-family:'Roboto',sans-serif;font-size:10px;padding:2px 7px;white-space:nowrap;border-radius:4px;font-weight:500;}
  .op-badge{font-family:'Roboto',sans-serif;font-size:11px;padding:3px 9px;white-space:nowrap;border-radius:20px;font-weight:500;}
  .op-bf{background:rgba(0,94,235,.1);color:#005EEB;border:1px solid rgba(0,94,235,.2);}
  .op-fo{background:rgba(180,79,255,.1);color:#9933ee;border:1px solid rgba(180,79,255,.2);}
  .op-za{background:rgba(0,150,190,.1);color:#007799;border:1px solid rgba(0,150,190,.2);}
  .op-uc{background:rgba(245,130,31,.1);color:#cc6600;border:1px solid rgba(245,130,31,.2);}
  .op-cs{background:rgba(200,80,80,.1);color:#cc3333;border:1px solid rgba(200,80,80,.2);}
  .op-ma{background:rgba(90,170,89,.1);color:#3a8839;border:1px solid rgba(90,170,89,.2);}
  .op-ev{background:rgba(131,42,245,.1);color:#6611cc;border:1px solid rgba(131,42,245,.2);}
  .op-or{background:rgba(255,107,0,.1);color:#cc4400;border:1px solid rgba(255,107,0,.2);}
  .op-pr{background:rgba(36,195,211,.1);color:#0088aa;border:1px solid rgba(36,195,211,.2);}
  .gun-pill{font-size:11px;padding:3px 8px;border:1px solid #e0e0e0;color:#555;display:inline-flex;align-items:center;gap:4px;border-radius:4px;background:#f8f8f8;}
  .gun-dot{width:5px;height:5px;background:#aaa;border-radius:1px;flex-shrink:0;display:inline-block;}
  .no-gun{color:#ccc;}

  .table-wrap{overflow-x:hidden;margin:0 clamp(16px,4vw,24px) 20px;}
  table.reg{width:100%;border-collapse:collapse;font-size:12px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.07);table-layout:fixed;}
  table.reg thead tr{border-bottom:1px solid #f0f0f0;background:#fff;}
  table.reg th{font-size:9px;color:#aaa;text-align:left;padding:10px 8px;font-weight:500;white-space:nowrap;letter-spacing:0;text-transform:uppercase;}
  table.reg th.center{text-align:center;}
  table.reg td{padding:10px 8px;border-bottom:none;color:#333;vertical-align:middle;}
  table.reg tbody tr:nth-child(even){background:#f9f9f9;}
  table.reg tbody tr:nth-child(odd){background:#fff;}
  table.reg tr:hover td{background:#f0f4ff;}
  table.reg td.city{color:#111;font-size:13px;font-weight:500;}
  table.reg td.addr .loc-name{font-size:12px;color:#111;display:block;font-weight:500;}
  table.reg td.addr .loc-address{font-size:11px;color:#888;display:block;margin-top:2px;}
  table.reg td.addr{width:22%;overflow:hidden;text-overflow:ellipsis;}
  table.reg td.power{color:#a07800;font-family:'Roboto',sans-serif;font-size:13px;font-weight:600;white-space:nowrap;}
  table.reg td.center{text-align:center;}
  table.reg td.date{font-size:12px;color:#888;}

  .cards-wrap{display:none;margin:0 clamp(16px,4vw,24px) 20px;}
  .loc-card{background:#fff;border:1px solid #e4e6e8;border-radius:12px;padding:16px;margin-bottom:10px;box-shadow:0 1px 4px rgba(0,0,0,.06);}
  .loc-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;}
  .loc-head-left{display:flex;flex-direction:column;gap:6px;}
  .loc-city{font-size:15px;color:#111;font-weight:500;}
  .loc-name{font-size:12px;color:#333;}
  .loc-addr{font-size:11px;color:#888;}
  .loc-head-right{text-align:right;flex-shrink:0;margin-left:10px;}
  .loc-total-power{font-family:'Roboto',sans-serif;font-size:15px;color:#a07800;font-weight:600;}
  .loc-total-label{font-size:11px;color:#aaa;margin-top:2px;}
  .station-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #f5f5f5;gap:8px;}
  .station-row:last-child{border-bottom:none;}
  .st-left{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1;}
  .st-guns{display:flex;gap:4px;flex-wrap:wrap;}
  .st-right{display:flex;align-items:center;gap:6px;flex-shrink:0;}
  .st-power{font-family:'Roboto',sans-serif;font-size:13px;color:#a07800;font-weight:600;white-space:nowrap;}
  .loc-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px solid #f0f0f0;}
  .loc-date{font-size:11px;color:#aaa;}

  .loading{text-align:center;padding:30px;font-size:12px;color:#ccc;letter-spacing:2px;}

  @media(min-width:600px){.stats-row{grid-template-columns:repeat(6,1fr);}}
  @media(max-width:640px){
    .stats-row{grid-template-columns:repeat(2,1fr);}
    .table-wrap{display:none;}
    .cards-wrap{display:block;}
  }

  .section-label{display:block;width:100%;}

  .op-badge{display:inline-block;width:auto;align-self:flex-start;}