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

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Inter, Arial, sans-serif;
  background: var(--tg-theme-bg-color);
  color: var(--tg-theme-text-color);
  min-height: 100vh;
}

/* Layout */
.container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.card {
  width: 100%;
  max-width: 600px;
  padding: 20px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* Header */
.title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 8px;
  text-align: center;
}

.desc-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5vh;
  text-align: center;
}

.description {
  font-size: 15px;
  color: var(--tg-theme-hint-color);
  text-align: center;
  margin-bottom: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

/* Divider */
.divider {
  height: 1px;
  background: var(--tg-theme-secondary-bg-color);
  margin: 16px 0;
}

/* Winners */
.subtitle {
  font-size: 18px;
  margin-bottom: 25px;
  text-align: center;
}

.winners {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.winner {
  background: var(--tg-theme-secondary-bg-color);
  border-radius: 12px;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;     /* убираем подчёркивание */
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.winner:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}

/* Имя */
.winner-name {
  font-weight: 600;
  font-size: 15px;
  color: var(--tg-theme-text-color);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Приз */
.winner-prize {
  font-size: 14px;
  color: var(--tg-theme-hint-color);
  white-space: nowrap;
}

/* Стрелка */
.winner-arrow {
  font-size: 18px;
  color: var(--tg-theme-accent-text-color);
  margin-left: 6px;
}

.winners:empty::after {
  content: "Winners not found";
  display: block;
  text-align: center;
  color: #777;
  padding: 20px;
  font-size: 14px;
}

/* emoji */

i.icon {
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

i.icon-telegram-premium {
  background-image: var(--image-url-telegram-premium);
}
i.icon-telegram-stars {
  background-image: var(--image-url-stars-icon);
}
i.icon-telegram-ton {
  background-image: var(--image-url-stars-icon);
}

/* Mobile */
@media (max-width: 420px) {
  .title {
    font-size: 20px;
  }
}

:root {
  --image-url-telegram-premium: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M47.3065%2075.4791L27.7285%2087.4727C26.0852%2088.4794%2023.9369%2087.9633%2022.9303%2086.32C22.4386%2085.5175%2022.292%2084.5503%2022.5238%2083.638L25.5544%2071.7092C26.5877%2067.6424%2029.3706%2064.2428%2033.1533%2062.4267L54.512%2052.172C55.9226%2051.4947%2056.5171%2049.8021%2055.8398%2048.3915C55.2914%2047.2491%2054.051%2046.6098%2052.8023%2046.826L29.0274%2050.942C24.4362%2051.7369%2019.7279%2050.4691%2016.1566%2047.4762L8.6459%2041.182C7.16885%2039.9442%206.97491%2037.7434%208.21272%2036.2664C8.81474%2035.548%209.68047%2035.102%2010.6149%2035.0289L33.5623%2033.233C35.496%2033.0817%2037.1812%2031.8579%2037.9235%2030.066L46.7762%208.69618C47.5137%206.91577%2049.5549%206.07037%2051.3354%206.80793C52.1903%207.16207%2052.8695%207.84129%2053.2236%208.69618L62.0763%2030.066C62.8186%2031.8579%2064.5038%2033.0817%2066.4375%2033.233L89.511%2035.0387C91.4322%2035.1891%2092.8678%2036.8685%2092.7175%2038.7897C92.6451%2039.714%2092.208%2040.5714%2091.5025%2041.1729L73.9053%2056.1749C72.4277%2057.4345%2071.7831%2059.4175%2072.2375%2061.3053L77.6474%2083.7792C78.0984%2085.6528%2076.9452%2087.5373%2075.0716%2087.9883C74.1713%2088.205%2073.2218%2088.055%2072.4322%2087.5713L52.6933%2075.4791C51.0404%2074.4666%2048.9594%2074.4666%2047.3065%2075.4791Z%22%20fill%3D%22url(%23paint0_linear_124_4926)%22%2F%3E%3Cg%20opacity%3D%220.6%22%3E%3Cpath%20d%3D%22M74.1958%2025.9339C74.1162%2026.1962%2074.0513%2026.4925%2073.9933%2026.8247C73.9318%2026.4938%2073.8645%2026.1997%2073.7836%2025.9402C73.6432%2025.4904%2073.4523%2025.1117%2073.1497%2024.81C72.8465%2024.5076%2072.4699%2024.3211%2072.026%2024.1879C71.7934%2024.1181%2071.5335%2024.0605%2071.245%2024.0089C72.0724%2023.8756%2072.7113%2023.6695%2073.1663%2023.2123C73.4708%2022.9063%2073.6622%2022.5214%2073.8003%2022.066C73.8792%2021.806%2073.9437%2021.5126%2074.0013%2021.1838C74.0613%2021.5123%2074.1276%2021.805%2074.2077%2022.0641C74.3478%2022.517%2074.5394%2022.8994%2074.8429%2023.2038C75.2893%2023.6514%2075.9123%2023.8586%2076.7194%2023.9966C75.9076%2024.1302%2075.2795%2024.3367%2074.8304%2024.7875C74.5256%2025.0935%2074.3341%2025.4785%2074.1958%2025.9339Z%22%20fill%3D%22url(%23paint20_linear_124_4926)%22%2F%3E%3Cpath%20d%3D%22M74.1958%2025.9339C74.1162%2026.1962%2074.0513%2026.4925%2073.9933%2026.8247C73.9318%2026.4938%2073.8645%2026.1997%2073.7836%2025.9402C73.6432%2025.4904%2073.4523%2025.1117%2073.1497%2024.81C72.8465%2024.5076%2072.4699%2024.3211%2072.026%2024.1879C71.7934%2024.1181%2071.5335%2024.0605%2071.245%2024.0089C72.0724%2023.8756%2072.7113%2023.6695%2073.1663%2023.2123C73.4708%2022.9063%2073.6622%2022.5214%2073.8003%2022.066C73.8792%2021.806%2073.9437%2021.5126%2074.0013%2021.1838C74.0613%2021.5123%2074.1276%2021.805%2074.2077%2022.0641C74.3478%2022.517%2074.5394%2022.8994%2074.8429%2023.2038C75.2893%2023.6514%2075.9123%2023.8586%2076.7194%2023.9966C75.9076%2024.1302%2075.2795%2024.3367%2074.8304%2024.7875C74.5256%2025.0935%2074.3341%2025.4785%2074.1958%2025.9339Z%22%20stroke%3D%22url(%23paint21_linear_124_4926)%22%20style%3D%22mix-blend-mode%3Asoft-light%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_124_4926%22%20x1%3D%229%22%20y1%3D%2268.5%22%20x2%3D%2290.1475%22%20y2%3D%223.67735%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%236B93FF%22%2F%3E%3Cstop%20offset%3D%220.439058%22%20stop-color%3D%22%23976FFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E46ACE%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');

  --image-url-ton-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2219%22%20viewBox%3D%220%200%2015%2019%22%20width%3D%2215%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m1.74%204.5h11.51c.24%200%20.44.2.44.44%200%20.08-.02.15-.05.22l-5.46%209.9c-.24.43-.78.59-1.21.35-.15-.08-.27-.21-.36-.36l-5.26-9.9c-.12-.21-.04-.48.18-.6.07-.03.14-.05.21-.05zm5.76%2010.67v-10.67z%22%20fill%3D%22none%22%20stroke%3D%22%234db2ff%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E');

  --image-url-stars-icon: url('data:image/svg+xml,%3Csvg%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m6.02%204.99%202.21-4.42c.25-.51.86-.72%201.37-.46.2.1.36.27.46.47l2.08%204.26c.17.34.5.58.88.63l4.36.52c.59.08%201.02.62.95%201.22-.03.24-.14.47-.32.65l-3.45%203.42c-.14.13-.2.33-.18.53l.57%204.61c.09.66-.38%201.27-1.03%201.35-.25.03-.5-.02-.72-.14l-3.64-2c-.26-.14-.58-.15-.85-.01l-3.77%201.95c-.53.27-1.18.06-1.45-.48-.11-.2-.14-.43-.11-.65l.3-2.12c.15-1.04.79-1.93%201.71-2.41l4.19-2.15c.11-.06.15-.2.1-.31-.05-.09-.14-.14-.24-.12l-5.12.74c-.78.11-1.58-.11-2.19-.62l-1.71-1.4c-.49-.4-.56-1.12-.17-1.62.19-.22.45-.37.74-.41l4.38-.57c.28-.03.52-.21.65-.46z%22%2F%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%2225%25%22%20x2%3D%2274.92%25%22%20y1%3D%22.825%25%22%20y2%3D%22107.86%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffd951%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffb222%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22c%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%2299.8%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e58f0d%22%2F%3E%3Cstop%20offset%3D%22.9996%22%20stop-color%3D%22%23eb7915%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22d%22%20height%3D%22110.6%25%22%20width%3D%22110.3%25%22%20x%3D%22-5.2%25%22%20y%3D%22-5.3%25%22%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetInner1%22%2F%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%20result%3D%22shadowInnerInner1%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowInnerInner1%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.657%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%281.389%201.389%29%22%3E%3Cuse%20fill%3D%22url%28%23b%29%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23d%29%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3Cuse%20stroke%3D%22url%28%23c%29%22%20stroke-width%3D%22.89%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}