@font-face {
  font-family: "Stapel";
  src: url("mainimages/Stapel-Bold.ttf") format("truetype");
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --blue: #277ed1;
  --deep-blue: #002d59;
  --navy: #002f5c;
  --cyan: #00a9e8;
  --white: #ffffff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--white);
  font-family: "Montserrat", Arial, sans-serif;
  background: #00365d url("mainimages/backgroundweb.png") center top / cover fixed no-repeat;
}

.container { width: min(100% - 56px, 1220px); margin: 0 auto; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 10;
  padding: 16px 0;
  background: linear-gradient(to bottom, rgba(0, 34, 77, .82), rgba(0, 34, 77, 0));
}

.navigation {
  min-height: 70px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 10px 14px;
  border-radius: 42px;
  background: linear-gradient(180deg, #2d86d8 0%, #2778c6 100%);
  box-shadow: 0 6px 18px rgba(0, 17, 51, .24);
}

.navigation__links, .navigation__account { display: flex; align-items: center; gap: 7px; }
.navigation__account { justify-content: flex-end; }
.home-user { display: inline-flex; align-items: center; gap: 8px; max-width: 220px; color: #fff; font-weight: 800; text-decoration: none; }.home-user__avatar { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; overflow: hidden; border: 2px solid #fff; border-radius: 50%; background: #1d78bb; font-family: "Stapel", sans-serif; font-size: 16px; }.home-user__avatar img { width: 100%; height: 100%; object-fit: cover; }.home-user__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.navigation__links a, .button {
  border: 2px solid rgba(255,255,255,.98);
  border-radius: 999px;
  padding: 8px 18px;
  color: var(--white);
  font-family: "Stapel", "Montserrat", Arial, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  transition: transform .15s ease, background-color .15s ease;
}
.navigation__links a:hover, .button:hover { transform: translateY(-2px); }
.navigation__brand { display: block; width: 142px; }
.navigation__brand img { display: block; width: 100%; height: auto; }
.button--light { border-color: var(--white); background: var(--white); color: var(--blue); }

.hero {
  min-height: min(730px, calc(100vh - 0px));
  margin-top: -102px;
  padding: 154px 0 70px;
  display: grid;
  place-items: center;
  position: relative;
}
.hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 40%, rgba(0,181,243,.25), transparent 44%); }
.hero__content { position: relative; z-index: 1; display: flex; min-height: 525px; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.hero__season-logo { width: min(530px, 72vw); height: 300px; object-fit: contain; object-position: center; filter: drop-shadow(0 6px 12px rgba(0, 37, 82, .4)); }
.hero__lead { margin: 34px 0 0; font-family: "Stapel", "Montserrat", sans-serif; font-size: clamp(18px, 2vw, 25px); font-weight: 800; line-height: 1.13; text-shadow: 0 2px 8px rgba(0, 20, 55, .75); }
.hero__scroll { margin-top: 46px; color: #fff; font-size: 30px; line-height: 1; text-decoration: none; animation: float 1.8s ease-in-out infinite; }
@keyframes float { 50% { transform: translateY(7px); } }

.winners { margin: 32px auto 70px; padding: 28px 54px 34px; border: 2px solid var(--cyan); border-radius: 54px; background: rgba(0, 39, 78, .90); box-shadow: 0 14px 28px rgba(0, 18, 53, .24); }
.winners h2, .about h2 { font-family: "Stapel", "Montserrat", sans-serif; }
.winners h2 { margin: 0 0 26px; font-size: clamp(28px, 3.2vw, 45px); font-weight: 800; letter-spacing: -1.8px; }
.winners h2 span { color: #2b80d5; }
.winners__carousel { display: grid; grid-template-columns: 48px minmax(0, 1fr) 48px; align-items: center; gap: 12px; }
.winners__viewport { min-width: 0; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; }
.winners__viewport::-webkit-scrollbar { display: none; }
.winners__grid { display: grid; grid-template-columns: repeat(6, 100%); gap: 22px; }
.winners__arrow { width: 48px; height: 74px; border: 2px solid #fff; border-radius: 999px; background: rgba(39,126,209,.92); color: #fff; cursor: pointer; font-size: 48px; line-height: .8; transition: transform .15s ease, background-color .15s ease; }
.winners__arrow:hover { transform: scale(1.06); background: #2d8de5; }
.winner-card { position: relative; aspect-ratio: 1; overflow: hidden; border: 2px solid #fff; border-radius: 64px; background: #061526; }
.winner-card::after { content: ""; position: absolute; inset: 48% 0 0; background: linear-gradient(transparent, rgba(0, 12, 35, .68)); pointer-events: none; }
.winner-card__photo { width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; display: block; transition: transform .35s ease; }
.winner-card:hover .winner-card__photo { transform: scale(1.04); }
.winner-card__edition { position: absolute; top: 14px; left: 50%; z-index: 1; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 6px; padding: 5px 13px; border-radius: 18px; background: rgba(255,255,255,.92); color: #1f2940; font-family: "Stapel", "Montserrat", sans-serif; font-size: 14px; font-weight: 800; white-space: nowrap; }
.winner-card__edition img { width: 25px; height: 25px; object-fit: contain; }
.winner-card__caption { position: absolute; bottom: 18px; left: 50%; z-index: 2; transform: translateX(-50%); display: flex; align-items: center; gap: 16px; }
.winner-card__caption strong { padding: 12px 20px; border-radius: 99px; background: #fff; color: #2b80d5; font-family: "Stapel", "Montserrat", sans-serif; font-size: clamp(20px, 2.2vw, 31px); font-weight: 800; white-space: nowrap; }
.winner-card__caption img { width: 76px; height: 80px; object-fit: contain; filter: drop-shadow(0 3px 3px rgba(0,0,0,.22)); }

.about { padding: 90px 0; background: rgba(0, 25, 58, .72); }
.about__content { max-width: 820px; text-align: center; }
.eyebrow { margin: 0; color: #45c8ff; font-family: "Stapel", "Montserrat", sans-serif; font-weight: 800; letter-spacing: .18em; }
.about h2 { margin: 12px 0; font-size: clamp(32px, 5vw, 58px); }
.about__quote { margin: 0; color: rgba(255,255,255,.9); font-size: clamp(17px, 2vw, 23px); font-weight: 600; line-height: 1.5; }
.footer { padding: 30px 0; background: #001c3b; color: rgba(255,255,255,.84); font-size: 13px; }
.footer__content { display: grid; justify-items: center; gap: 10px; text-align: center; }
.footer p { margin: 0; line-height: 1.5; }
.footer__sponsors { display: flex; align-items: center; justify-content: center; gap: 15px; flex-wrap: wrap; color: rgba(255,255,255,.7); }
.footer__sponsors img { width: 165px; height: 28px; object-fit: contain; filter: brightness(0) invert(1); }
.footer__sponsors strong { color: #fff; font-family: "Stapel", "Montserrat", sans-serif; font-size: 20px; }
.footer__sponsors em { color: #f5d742; font-style: normal; }
.footer__notice { color: rgba(255,255,255,.54); font-size: 11px; }
.footer small { color: rgba(255,255,255,.48); }

/* Account, profile and settings pages */
.app-page { min-height: 100vh; background: #00365d url("mainimages/backgroundweb.png") center / cover fixed no-repeat; }
.app-header { position: sticky; top: 0; z-index: 5; min-height: 70px; padding: 12px max(24px, calc((100% - 1180px) / 2)); display: flex; justify-content: space-between; align-items: center; gap: 24px; background: rgba(0, 36, 76, .94); backdrop-filter: blur(12px); }
.app-logo { display: block; width: 148px; line-height: 0; }.app-logo img { display: block; width: 100%; height: auto; }
.app-header nav { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 8px; }.app-header nav a { color: #fff; padding: 8px 11px; font-weight: 700; text-decoration: none; }.app-header .app-nav-button { border: 1px solid #fff; border-radius: 999px; }
.app-main { width: min(100% - 32px, 760px); margin: 0 auto; padding: 50px 0 80px; }
.auth-card, .settings-card, .profile-card, .wall { padding: clamp(24px, 5vw, 42px); border: 1px solid rgba(96, 208, 255, .85); border-radius: 28px; background: rgba(0, 32, 70, .94); box-shadow: 0 20px 50px rgba(0, 13, 37, .32); }
.auth-card { max-width: 520px; margin: 0 auto; }.auth-card h1, .settings-card h1, .profile-card h1, .wall h2 { margin: 0 0 10px; font-family: "Stapel", "Montserrat", sans-serif; }.auth-card > p { color: rgba(255,255,255,.78); line-height: 1.5; }
.auth-card form, .settings-card form { display: grid; gap: 16px; margin-top: 22px; }.auth-card label, .settings-card label { display: grid; gap: 7px; color: #dff5ff; font-weight: 700; }.auth-card small { color: rgba(255,255,255,.62); font-weight: 400; }
.auth-card input, .settings-card input, .settings-card select, .settings-card textarea, .post-form textarea { width: 100%; padding: 13px 14px; border: 1px solid #63c5ef; border-radius: 12px; background: rgba(255,255,255,.97); color: #10233d; font: inherit; outline: none; }.auth-card input:focus, .settings-card input:focus, .settings-card select:focus, .settings-card textarea:focus, .post-form textarea:focus { border-color: #fff; box-shadow: 0 0 0 3px rgba(53, 180, 242, .32); }
.auth-card button, .settings-card button, .post-form button { border: 0; border-radius: 999px; padding: 13px 20px; background: #37a9e1; color: #fff; font-family: "Stapel", "Montserrat", sans-serif; font-size: 16px; cursor: pointer; }.auth-card button:hover, .settings-card button:hover, .post-form button:hover { background: #168bc8; }
.auth-card__footer { text-align: center; }.auth-card a, .settings-links a { color: #66d3ff; }.alert { margin: 0 0 14px; padding: 12px 14px; border-radius: 12px; line-height: 1.4; }.alert--error { background: #7a2538; }.alert--success { background: #186144; }
.settings-links { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 25px; }.totp-key { padding: 15px; border-radius: 12px; background: rgba(0, 0, 0, .25); line-height: 1.8; word-break: break-word; }.totp-key code { color: #6de0ff; }
.avatar-form { padding-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,.18); }.avatar-preview { width: 112px; height: 112px; display: grid; place-items: center; overflow: hidden; border: 3px solid #57cbfb; border-radius: 50%; background: #1d78bb; font-family: "Stapel", sans-serif; font-size: 45px; }.avatar-preview img { width: 100%; height: 100%; object-fit: cover; }.avatar-form input[type="file"] { padding: 10px; background: rgba(255,255,255,.97); }
.profile-card { display: grid; grid-template-columns: 120px 1fr; gap: 24px; align-items: center; }.profile-card p { margin: 8px 0; line-height: 1.55; }.profile-handle, .profile-location, .post span, .post time, .wall__hint, .post-form small { color: rgba(255,255,255,.64); }.profile-avatar { width: 120px; aspect-ratio: 1; overflow: hidden; display: grid; place-items: center; border: 3px solid #57cbfb; border-radius: 50%; background: #1d78bb; font-family: "Stapel", sans-serif; font-size: 50px; }.profile-avatar img { width: 100%; height: 100%; object-fit: cover; }.profile-flag { width: 32px; height: 23px; object-fit: contain; vertical-align: -3px; }.verified { display: inline-grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; background: #2eb7f2; color: #fff; font-size: 17px; vertical-align: middle; }.wall { margin-top: 22px; }.post-form { display: grid; gap: 10px; margin: 18px 0 24px; }.post-form textarea { resize: vertical; min-height: 90px; }.post-form button { justify-self: end; }.post { padding: 16px 0; border-top: 1px solid rgba(255,255,255,.18); }.post p { margin: 9px 0; line-height: 1.55; }.post time { font-size: 12px; }.post__topline { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }.post__delete { border:1px solid rgba(255,255,255,.45); border-radius:999px; padding:5px 9px; background:transparent; color:#fff; font:inherit; font-size:12px; cursor:pointer; }.post__delete:hover { border-color:#ff9eaf; color:#ffb7c2; }
.vote-card { padding: clamp(24px, 5vw, 42px); border: 1px solid rgba(96, 208, 255, .85); border-radius: 28px; background: rgba(0, 32, 70, .94); box-shadow: 0 20px 50px rgba(0, 13, 37, .32); }.vote-card h1 { margin: 0 0 12px; font-family: "Stapel", "Montserrat", sans-serif; }.vote-card--closed { text-align: center; }.vote-rules { color: rgba(255,255,255,.8); line-height: 1.5; }.vote-note { color: rgba(255,255,255,.58); font-size: 13px; }.vote-countdown { display: inline-block; margin: 12px 0; padding: 13px 18px; border: 1px solid #64cdf9; border-radius: 14px; background: rgba(41,155,216,.18); color: #dff6ff; font-family: "Stapel",sans-serif; font-size: 21px; }.vote-form { margin-top: 22px; }.vote-basket { position: sticky; top: 82px; z-index: 2; display: flex; align-items: baseline; justify-content: center; gap: 8px; margin: 0 0 14px; padding: 14px; border: 1px solid #62cef9; border-radius: 15px; background: #073c6c; box-shadow: 0 8px 18px rgba(0,18,53,.28); }.vote-basket b { font-family: "Stapel",sans-serif; font-size: 28px; color: #7fe0ff; }.vote-basket small { margin-left: auto; color: rgba(255,255,255,.72); }.vote-entries { display: grid; gap: 10px; }.vote-entry { display: grid; grid-template-columns: 44px 42px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px; border: 1px solid rgba(255,255,255,.18); border-radius: 16px; background: linear-gradient(105deg,rgba(255,255,255,.10),rgba(255,255,255,.04)); transition: border-color .15s,transform .15s,background .15s; }.vote-entry--selected { border-color:#6ce0ff; background:linear-gradient(105deg,rgba(28,168,222,.34),rgba(48,88,181,.28)); transform:translateY(-1px); }.vote-entry__number { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; background: #1d78bb; font-family:"Stapel",sans-serif; font-weight: 800; }.vote-entry img { width: 40px; height: 30px; object-fit: contain; }.vote-entry__country { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family:"Stapel",sans-serif; font-size:17px; }.vote-stepper { display:flex; align-items:center; gap:8px; }.vote-stepper button { width:34px; height:34px; margin:0; padding:0; border:1px solid #a5eaff; border-radius:50%; background:#188dcc; color:#fff; font:700 24px/1 Arial,sans-serif; cursor:pointer; }.vote-stepper button:hover:not(:disabled){background:#45b9ee}.vote-stepper button:disabled{opacity:.35;cursor:not-allowed}.vote-stepper output { width:26px; text-align:center; font-family:"Stapel",sans-serif; font-size:19px; }.vote-form>button { width:100%; margin-top:22px; border:0; border-radius:999px; padding:15px 20px; background:#37a9e1; color:#fff; font-family:"Stapel","Montserrat",sans-serif; font-size:16px; cursor:pointer; }.vote-form>button:hover:not(:disabled) { background:#168bc8; }.vote-form>button:disabled { opacity:.45; cursor:not-allowed; }
.recap-gate { margin-top: 20px; }.recap-video { display:block; width:100%; max-height:430px; margin:16px 0; border:1px solid #5ecbf9; border-radius:16px; background:#000; }.recap-gate button { width:100%; border:0; border-radius:999px; padding:15px 20px; background:#37a9e1; color:#fff; font-family:"Stapel","Montserrat",sans-serif; font-size:16px; cursor:pointer; }.recap-gate button:disabled { opacity:.45; cursor:not-allowed; }

@media (max-width: 760px) {
  body { background-attachment: scroll; }
  .container { width: min(100% - 28px, 1220px); }
  .site-header { padding: 8px 0; }
  .navigation { grid-template-columns: 1fr auto; min-height: 60px; padding: 9px 12px; }
  .navigation__brand { width: 112px; grid-column: 2; grid-row: 1; }
  .navigation__links { grid-column: 1; grid-row: 1; gap: 4px; }
  .navigation__links a { padding: 7px 10px; font-size: 12px; }
  .navigation__account { display: flex; grid-column: 1 / -1; grid-row: 2; justify-content: center; margin-top: 6px; }.home-user__name { max-width: 120px; }
  .hero { min-height: 610px; margin-top: -76px; padding: 108px 0 55px; }
  .hero__content { min-height: 470px; padding: 0 10px; }
  .hero__season-logo { width: min(430px, 88vw); height: 235px; }
  .hero__lead { max-width: 620px; margin-top: 20px; line-height: 1.32; font-size: clamp(16px, 4.1vw, 22px); }
  .hero__lead br { display: none; }
  .winners { margin-top: 18px; padding: 26px 16px; border-radius: 32px; }
  .winners h2 { text-align: center; letter-spacing: -1px; }
  .winners__carousel { grid-template-columns: 34px minmax(0, 1fr) 34px; gap: 7px; }
  .winners__grid { grid-template-columns: repeat(6, 100%); gap: 14px; }
  .winners__arrow { width: 34px; height: 58px; font-size: 36px; }
  .winner-card { border-radius: 38px; }
  .app-header { padding: 10px 14px; align-items: flex-start; }.app-logo { width: 108px; }.app-header nav { gap: 0; }.app-header nav a { padding: 6px 7px; font-size: 12px; }.app-main { padding-top: 28px; }.profile-card { grid-template-columns: 1fr; text-align: center; }.profile-avatar { margin: 0 auto; }
  .vote-entry { grid-template-columns: 34px 34px minmax(0, 1fr) 70px; gap: 8px; }.vote-entry__number { width: 28px; height: 28px; }
}

@media (max-width: 400px) {
  .navigation__brand { width: 104px; }
  .winner-card__caption { gap: 7px; }
  .winner-card__caption img { width: 60px; height: 64px; }
  .winner-card__caption strong { padding: 11px 14px; font-size: 18px; }
  .winner-card__edition { font-size: 12px; padding: 4px 9px; }
  .winner-card__edition img { width: 21px; height: 21px; }
}
@media (max-width: 520px) {
  .container { width: min(100% - 22px, 1220px); }
  .site-header { padding: 5px 0; }
  .navigation { border-radius: 24px; padding: 8px 10px; }
  .navigation__links { min-width: 0; overflow-x: auto; scrollbar-width: none; }
  .navigation__links::-webkit-scrollbar { display:none; }
  .navigation__links a { flex: 0 0 auto; padding: 7px 9px; font-size: 11px; }
  .navigation__brand { width: 96px; }
  .navigation__account { gap: 5px; }
  .navigation__account .button { padding: 7px 9px; font-size: 11px; }
  .hero { min-height: 560px; margin-top: -64px; padding-top: 88px; }
  .hero__content { min-height: 425px; }
  .hero__season-logo { width: min(360px, 86vw); height: 205px; }
  .hero__lead { margin-top: 10px; font-size: 15px; line-height: 1.35; }
  .hero__scroll { margin-top: 28px; font-size: 25px; }
  .winners { margin: 12px auto 42px; padding: 22px 10px 26px; border-radius: 28px; }
  .winners h2 { margin-bottom: 18px; font-size: 25px; }
  .winners__carousel { grid-template-columns: 29px minmax(0, 1fr) 29px; gap: 5px; }
  .winners__arrow { width: 29px; height: 52px; font-size: 32px; }
  .winners__grid { gap: 10px; }
  .winner-card { border-radius: 34px; }
  .winner-card__edition { top: 9px; max-width: 92%; padding: 4px 8px; font-size: 10px; }
  .winner-card__edition img { width: 18px; height: 18px; }
  .winner-card__caption { bottom: 11px; gap: 6px; }
  .winner-card__caption strong { padding: 9px 11px; font-size: 16px; }
  .winner-card__caption img { width: 45px; height: 48px; }
  .about { padding: 54px 0; }
  .about h2 { margin: 8px 0; font-size: 34px; }
  .about__quote { font-size: 16px; }
  .footer { padding: 23px 0; font-size: 11px; }
  .footer__sponsors { gap: 8px; }
  .footer__sponsors img { width: 125px; height: 23px; }
  .footer__sponsors strong { font-size: 15px; }
}
.admin-panel { margin-bottom: 22px; padding: 28px; border: 1px solid rgba(96,208,255,.85); border-radius: 24px; background: rgba(0,32,70,.94); }.admin-panel h1,.admin-panel h2,.admin-panel h3{font-family:"Stapel","Montserrat",sans-serif}.admin-panel>p{line-height:1.5;color:rgba(255,255,255,.75)}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:760px;font-size:13px}.admin-table th,.admin-table td{padding:12px 9px;border-bottom:1px solid rgba(255,255,255,.16);text-align:left;vertical-align:top}.admin-table th{color:#74d8ff}.admin-table small{color:rgba(255,255,255,.6)}.admin-table form{display:flex;gap:6px;flex-wrap:wrap}.admin-table button,.admin-inline-form button,.admin-entry-form button,.admin-revoke-form button{padding:7px 9px;border:1px solid #6fd7ff;border-radius:8px;background:transparent;color:#fff;cursor:pointer}.admin-inline-form,.admin-entry-form,.admin-revoke-form{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.admin-inline-form input,.admin-entry-form input,.admin-entry-form select,.admin-revoke-form input{padding:9px 10px;border:1px solid #63c5ef;border-radius:8px;background:#fff;color:#10233d;font:inherit}.admin-rounds{display:grid;gap:8px;margin:20px 0}.admin-round{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#fff;text-decoration:none}.admin-round small{color:rgba(255,255,255,.68)}.admin-round--selected{border-color:#6fd7ff;background:rgba(44,161,220,.18)}.admin-vote-section{margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.2)}.admin-entry-list{display:grid;gap:7px}.admin-entry-list>div{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.08)}.admin-entry-list b{width:30px}.admin-entry-list img,.admin-flag{width:30px;height:22px;object-fit:contain}.admin-entry-list span{flex:1}.admin-entry-list form{margin:0}
.admin-voter{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none}.admin-voter>img{width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border:1px solid #64d9ff;border-radius:50%;object-fit:cover;background:#1d78bb}.admin-voter>span{display:block}.admin-voter__flag{width:19px;height:14px;vertical-align:-2px;object-fit:contain;margin-left:4px}
.people-card { padding:clamp(24px,5vw,42px); border:1px solid rgba(96,208,255,.85); border-radius:28px; background:rgba(0,32,70,.94); box-shadow:0 20px 50px rgba(0,13,37,.32); }.people-card h1 { margin:0 0 10px; font-family:"Stapel","Montserrat",sans-serif; }.people-card>p { color:rgba(255,255,255,.76); }.people-search { display:flex; gap:10px; margin:22px 0; }.people-search input { min-width:0; flex:1; padding:13px 14px; border:1px solid #63c5ef; border-radius:12px; background:#fff; color:#10233d; font:inherit; }.people-search button { border:0; border-radius:999px; padding:12px 18px; background:#37a9e1; color:#fff; font-family:"Stapel","Montserrat",sans-serif; cursor:pointer; }.people-list { display:grid; gap:10px; }.person-card { display:flex; align-items:center; gap:14px; padding:12px; border:1px solid rgba(255,255,255,.16); border-radius:16px; color:#fff; text-decoration:none; background:rgba(255,255,255,.05); transition:border-color .15s,background .15s; }.person-card:hover { border-color:#6fd7ff; background:rgba(37,152,212,.18); }.person-card__avatar { flex:0 0 54px; width:54px; height:54px; display:grid; place-items:center; overflow:hidden; border:2px solid #59caf8; border-radius:50%; background:#1d78bb; font-family:"Stapel",sans-serif; font-size:23px; }.person-card__avatar img { width:100%; height:100%; object-fit:cover; }.person-card__content { min-width:0; display:grid; gap:3px; }.person-card__content b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.person-card__content small { color:rgba(255,255,255,.64); }.person-card__content em { overflow:hidden; color:rgba(255,255,255,.76); font-style:normal; text-overflow:ellipsis; white-space:nowrap; }.person-card__flag { width:21px; height:15px; object-fit:contain; vertical-align:-2px; }.people-empty { margin:24px 0; }
.not-found-card { max-width:560px; margin:0 auto; padding:clamp(30px,6vw,52px); border:1px solid rgba(96,208,255,.85); border-radius:28px; background:rgba(0,32,70,.94); text-align:center; box-shadow:0 20px 50px rgba(0,13,37,.32); }.not-found-card h1 { margin:0 0 12px; font-family:"Stapel","Montserrat",sans-serif; }.not-found-card p { color:rgba(255,255,255,.76); line-height:1.5; }.not-found-card a { display:inline-block; margin-top:10px; color:#79ddff; font-weight:700; }.community { margin:70px auto; padding:clamp(26px,4vw,44px); border:1px solid rgba(96,208,255,.75); border-radius:34px; background:rgba(0,32,70,.88); }.community h2 { margin:0 0 22px; color:#fff; font-family:"Stapel","Montserrat",sans-serif; font-size:clamp(27px,4vw,44px); }.community__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.community-card { display:grid; gap:6px; min-height:126px; padding:22px; border:1px solid rgba(255,255,255,.2); border-radius:22px; background:linear-gradient(135deg,rgba(36,164,222,.34),rgba(22,44,121,.38)); color:#fff; text-decoration:none; transition:transform .18s,border-color .18s; }.community-card:hover { border-color:#80e2ff; transform:translateY(-3px); }.community-card span { color:#8be4ff; font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }.community-card strong { font-family:"Stapel","Montserrat",sans-serif; font-size:25px; }.community-card small { color:rgba(255,255,255,.78); line-height:1.45; }
.scoreboard-card { padding:clamp(24px,5vw,42px); border:1px solid rgba(96,208,255,.85); border-radius:28px; background:rgba(0,32,70,.94); box-shadow:0 20px 50px rgba(0,13,37,.32); }.scoreboard-card h1,.scoreboard-card h2 { margin:0; font-family:"Stapel","Montserrat",sans-serif; }.scoreboard-card h1 { font-size:clamp(30px,5vw,46px); }.scoreboard-card h2 { margin:27px 0 14px; font-size:25px; }.scoreboard-card h2 small { margin-left:8px; color:#77dcff; font-family:"Montserrat",sans-serif; font-size:13px; font-weight:700; }.scoreboard-card p { color:rgba(255,255,255,.76); line-height:1.5; }.scoreboard-seasons { display:grid; gap:12px; margin-top:28px; }.scoreboard-season { display:grid; grid-template-columns:58px minmax(0,1fr) auto; align-items:center; gap:15px; padding:15px; border:1px solid rgba(255,255,255,.17); border-radius:18px; background:rgba(255,255,255,.06); }.scoreboard-season>img { width:54px; height:40px; object-fit:contain; }.scoreboard-season div:not(.scoreboard-season__links) { display:grid; gap:3px; }.scoreboard-season strong { font-family:"Stapel","Montserrat",sans-serif; font-size:20px; }.scoreboard-season small { color:rgba(255,255,255,.62); }.scoreboard-season__links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }.scoreboard-season__links a,.scoreboard-link { display:inline-block; padding:9px 12px; border:1px solid #69d7ff; border-radius:999px; color:#fff; font-size:13px; font-weight:700; text-decoration:none; }.scoreboard-season__links a:first-child,.scoreboard-link { border-color:transparent; background:#2ca9e2; }.scoreboard-season__links a:hover,.scoreboard-link:hover { filter:brightness(1.12); }.scoreboard-empty { padding:18px; border-radius:14px; background:rgba(255,255,255,.07); }.scoreboard-builder__topline { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; }.scoreboard-builder__topline p { margin:9px 0 0; }.scoreboard-top,.scoreboard-entries,.scoreboard-results__list { display:grid; gap:9px; }.scoreboard-builder__available-title { padding-top:22px; border-top:1px solid rgba(255,255,255,.17); }.scoreboard-entry { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:11px; padding:11px 12px; border:1px solid rgba(255,255,255,.14); border-radius:15px; background:rgba(7,32,71,.84); }.scoreboard-entry>img { width:40px; height:30px; object-fit:contain; }.scoreboard-entry>div { min-width:0; display:grid; gap:3px; }.scoreboard-entry strong,.scoreboard-entry span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.scoreboard-entry span { color:rgba(255,255,255,.76); }.scoreboard-entry>button,.scoreboard-move button { width:34px; height:34px; border:1px solid #8ce5ff; border-radius:50%; background:#168dca; color:#fff; font:700 22px/1 Arial,sans-serif; cursor:pointer; }.scoreboard-entry>button:disabled,.scoreboard-move button:disabled { opacity:.32; cursor:not-allowed; }.scoreboard-move { display:flex; gap:5px; }.scoreboard-move button { width:28px; height:28px; font-size:15px; }.scoreboard-points { display:grid; width:42px; height:42px; place-items:center; border-radius:50%; background:#2e62af; color:#fff; }.scoreboard-entry--place-1 { border-color:#ffd83d; background:linear-gradient(90deg,rgba(243,186,0,.7),rgba(23,53,117,.85)); }.scoreboard-entry--place-1 .scoreboard-points { background:#ffda00; color:#122449; }.scoreboard-entry--place-2 { background:linear-gradient(90deg,rgba(186,193,202,.72),rgba(23,53,117,.85)); }.scoreboard-entry--place-2 .scoreboard-points { background:#c7ccd3; color:#122449; }.scoreboard-entry--place-3 { background:linear-gradient(90deg,rgba(194,115,42,.78),rgba(23,53,117,.85)); }.scoreboard-entry--place-3 .scoreboard-points { background:#dc852d; }.scoreboard-season-tabs { display:flex; flex-wrap:wrap; gap:7px; margin:23px 0 16px; }.scoreboard-season-tabs a { display:grid; width:34px; height:34px; place-items:center; border:1px solid rgba(255,255,255,.35); border-radius:50%; color:#fff; text-decoration:none; }.scoreboard-season-tabs .is-current { border-color:#74ddff; background:#1c9fd9; }.scoreboard-results__note { font-size:14px; }.scoreboard-result { display:grid; grid-template-columns:34px 42px minmax(0,1fr) auto; align-items:center; gap:11px; padding:12px; border:1px solid rgba(255,255,255,.14); border-radius:15px; background:rgba(7,32,71,.84); }.scoreboard-result>img { width:40px; height:30px; object-fit:contain; }.scoreboard-result>div { min-width:0; display:grid; gap:3px; }.scoreboard-result strong,.scoreboard-result span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.scoreboard-result span { color:rgba(255,255,255,.72); }.scoreboard-result__position { color:#83e1ff; text-align:center; }.scoreboard-result__points { display:grid; justify-items:end; color:#9be8ff; font-size:19px; }.scoreboard-result__points small { color:rgba(255,255,255,.6); font-size:10px; font-weight:500; }.scoreboard-result--top-1 { border-color:#ffda42; }.scoreboard-result--top-2 { border-color:#ccd1d8; }.scoreboard-result--top-3 { border-color:#df8b3b; }
.scoreboard-downloads{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0 8px}.scoreboard-downloads button{border:1px solid #78dcff;border-radius:999px;padding:10px 14px;background:#168dca;color:#fff;font:700 13px "Stapel","Montserrat",sans-serif;cursor:pointer}.scoreboard-downloads small,.scoreboard-builder__hint{color:rgba(255,255,255,.7);font-size:13px}.scoreboard-rank-list{display:grid;gap:8px;margin-top:18px}.scoreboard-rank-list .scoreboard-entry{grid-template-columns:20px 42px minmax(0,1fr) auto;cursor:grab;touch-action:pan-y;user-select:none}.scoreboard-drag{color:#7be1ff;font-size:21px;line-height:1}.scoreboard-rank-list .is-dragging{opacity:.4}.scoreboard-rank-list .is-drop-after{box-shadow:0 5px 0 #7de2ff}
@media (max-width: 620px) { .community__grid { grid-template-columns:1fr; }.community { margin:38px auto; }.scoreboard-season { grid-template-columns:48px minmax(0,1fr); }.scoreboard-season>img { width:45px; }.scoreboard-season__links { grid-column:1 / -1; justify-content:stretch; }.scoreboard-season__links a { flex:1; text-align:center; }.scoreboard-builder__topline { display:grid; }.scoreboard-entry { grid-template-columns:36px minmax(0,1fr) auto; gap:8px; }.scoreboard-entry span { white-space:normal; }.scoreboard-move { grid-column:2; }.scoreboard-points { width:36px; height:36px; }.scoreboard-result { grid-template-columns:27px 34px minmax(0,1fr) auto; gap:7px; }.scoreboard-result>img { width:33px; height:25px; }.scoreboard-result span { white-space:normal; }.scoreboard-result__points { font-size:16px; } }