/* ============================================================
   votestyles.css
   Стили для блока голосования HUMANITYBOOK.COM (11 вариантов)
   ============================================================ */

/* ---------- v0: ОРИГИНАЛЬНЫЙ (пользовательский) вариант ---------- */
.v0-wrap{padding:10px 6px;text-align:center;font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;}
.v0-wrap .btn-warning{color:#f63e3e;}
.v0-hint{font-size:80%;line-height:1.4;color:brown;text-decoration:none;display:inline-block;margin-top:8px;}
.v0-stats{font-size:80%;color:red;display:block;margin-top:8px;}

/* ---------- v1: ЛЕДНИК ---------- */
.v1-wrap{max-width:480px;margin:0 auto;padding:26px 24px;text-align:center;
  background:linear-gradient(160deg,#ffffff 0%,#eaf6ff 60%,#d3ecfb 100%);
  border:1px solid #c3e3f5;border-radius:20px;
  box-shadow:0 12px 28px rgba(18,58,92,.10);position:relative;overflow:hidden;
  font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;}
.v1-wrap::before{content:"❄";position:absolute;top:-10px;right:10px;font-size:70px;color:#0aa2c0;opacity:.10;}
.v1-country{color:#1453b2;font-weight:800;font-size:19px;letter-spacing:.01em;}
.v1-sub{color:#9ca3af;font-size:12px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:14px;display:block;}
.v1-btns{display:flex;gap:10px;justify-content:center;align-items:center;margin:16px 0 10px;flex-wrap:wrap;}
.v1-signup{padding:11px 26px;border-radius:10px;background:linear-gradient(135deg,#0d6efd,#0aa2c0);
  color:#fff;font-weight:700;text-decoration:none;font-size:14px;box-shadow:0 6px 16px rgba(13,110,253,.28);transition:.2s;}
.v1-signup:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(13,110,253,.36);}
.v1-signin{color:#f63e3e;text-decoration:none;font-weight:600;font-size:14px;}
.v1-hint{display:block;margin-top:8px;font-size:11px;color:#a15b4a;text-decoration:none;}
.v1-stats{margin-top:16px;padding-top:14px;border-top:1px dashed #c3e3f5;font-size:12.5px;color:#41546b;}
.v1-stats b{color:#e06a2c;}

/* ---------- v2: ПАСПОРТ ГРАЖДАНИНА ---------- */
.v2-wrap{max-width:460px;margin:0 auto;padding:0;border-radius:12px;overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.18);font-family:Georgia,serif;border:2px solid #2c3e50;background:#fdfcf7;}
.v2-header{background:#2c3e50;color:#f1c40f;text-align:center;padding:10px;
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;}
.v2-body{padding:22px 26px;text-align:center;position:relative;}
.v2-body::after{content:"";position:absolute;left:0;right:0;top:0;height:6px;
  background:repeating-linear-gradient(90deg,#fdfcf7 0 6px,#2c3e50 6px 8px);}
.v2-country{font-size:22px;font-weight:900;color:#2c3e50;margin:6px 0 2px;}
.v2-sub{font-size:11px;color:#7f8c8d;text-transform:uppercase;letter-spacing:.12em;}
.v2-seal{display:inline-block;margin:14px 0;padding:6px 16px;border:2px solid #c0392b;
  border-radius:50px;color:#c0392b;font-size:11px;font-weight:800;letter-spacing:.1em;
  transform:rotate(-4deg);text-transform:uppercase;}
.v2-btns{margin:14px 0;}
.v2-signup{display:inline-block;padding:10px 24px;background:#c0392b;color:#fff;
  font-weight:700;text-decoration:none;border-radius:2px;font-size:13px;letter-spacing:.05em;}
.v2-signin{margin-left:10px;color:#2c3e50;text-decoration:underline;font-size:13px;}
.v2-hint{display:block;margin-top:10px;font-size:10.5px;color:#95765a;text-decoration:none;}
.v2-stats{margin-top:16px;padding-top:12px;border-top:1px dashed #bdc3c7;font-size:12px;color:#2c3e50;}
.v2-stats b{color:#c0392b;}

/* ---------- v3: ЦИФРОВОЙ ГЛОБУС ---------- */
.v3-wrap{max-width:480px;margin:0 auto;padding:26px;border-radius:16px;text-align:center;
  background:radial-gradient(circle at 30% 20%,#132133 0%,#05070d 80%);
  border:1px solid #00e5ff33;box-shadow:0 0 30px rgba(0,229,255,.15), inset 0 0 40px rgba(0,229,255,.04);
  font-family:"SFMono-Regular",Consolas,monospace;color:#e6f7ff;position:relative;}
.v3-wrap::before{content:"⟨/⟩";position:absolute;top:10px;left:14px;font-size:11px;color:#00e5ff77;}
.v3-tag{font-size:10px;letter-spacing:.25em;color:#00e5ff;text-transform:uppercase;}
.v3-country{font-size:22px;font-weight:700;margin:8px 0 4px;color:#fff;text-shadow:0 0 12px #00e5ff88;}
.v3-code{font-size:11px;color:#7fd8ff;opacity:.8;}
.v3-btns{margin:18px 0 8px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;}
.v3-signup{padding:10px 22px;border:1px solid #00e5ff;color:#00e5ff;text-decoration:none;
  font-size:12.5px;letter-spacing:.08em;border-radius:4px;background:#00e5ff11;transition:.2s;}
.v3-signup:hover{background:#00e5ff;color:#05070d;box-shadow:0 0 18px #00e5ff;}
.v3-signin{color:#ff5f6d;text-decoration:none;font-size:12.5px;align-self:center;}
.v3-hint{display:block;margin-top:10px;font-size:10px;color:#ffb020;text-decoration:none;}
.v3-stats{margin-top:16px;padding-top:12px;border-top:1px solid #00e5ff22;font-size:11.5px;color:#9fd8ff;}
.v3-stats b{color:#00e5ff;}

/* ---------- v4: МИНИМАЛИСТИЧНАЯ КОРПОРАТИВНАЯ СТРОКА ---------- */
.v4-wrap{max-width:640px;margin:0 auto;padding:18px 22px;display:flex;align-items:center;
  justify-content:space-between;gap:16px;flex-wrap:wrap;border:1px solid #e5e7eb;border-radius:10px;
  background:#fff;font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;}
.v4-left{text-align:left;}
.v4-country{font-size:16px;font-weight:700;color:#111827;}
.v4-sub{font-size:11px;color:#9ca3af;}
.v4-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.v4-signup{padding:8px 18px;background:#111827;color:#fff;border-radius:6px;text-decoration:none;font-size:13px;font-weight:600;}
.v4-signin{color:#f63e3e;text-decoration:none;font-size:13px;}
.v4-hint{color:#9ca3af;text-decoration:none;font-size:11px;border-bottom:1px dotted #9ca3af;}
.v4-stats{font-size:12px;color:#4b5563;white-space:nowrap;}
.v4-stats b{color:#111827;}

/* ---------- v5: ИГРОВОЙ ПРОГРЕСС ---------- */
.v5-wrap{max-width:480px;margin:0 auto;padding:24px;border-radius:16px;text-align:center;
  background:#fff;border:1px solid #eee;box-shadow:0 8px 24px rgba(0,0,0,.06);
  font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;}
.v5-country{font-size:19px;font-weight:800;color:#111827;}
.v5-sub{font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;}
.v5-bar{height:10px;border-radius:6px;background:#f1f2f6;overflow:hidden;margin:12px 0;}
.v5-fill{height:100%;background:linear-gradient(90deg,#22c55e,#0aa2c0);border-radius:6px;width:0%;transition:width 1.2s ease;}
.v5-figures{display:flex;justify-content:space-between;font-size:12px;color:#4b5563;margin-top:2px;}
.v5-figures b{color:#111827;}
.v5-btns{margin-top:18px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;}
.v5-signup{padding:10px 24px;background:#f63e3e;color:#fff;border-radius:30px;text-decoration:none;
  font-weight:700;font-size:13.5px;box-shadow:0 6px 14px rgba(246,62,62,.3);}
.v5-signin{align-self:center;color:#0aa2c0;text-decoration:none;font-size:13px;font-weight:600;}
.v5-hint{display:block;margin-top:10px;font-size:11px;color:#a15b4a;text-decoration:none;}

/* ---------- v6: ТЁМНАЯ PREMIUM-КАРТОЧКА С ЗОЛОТОМ ---------- */
.v6-wrap{max-width:460px;margin:0 auto;padding:30px 26px;text-align:center;border-radius:18px;
  background:linear-gradient(160deg,#0b0f19 0%,#171c2b 100%);
  border:1px solid #d4af3733;box-shadow:0 14px 34px rgba(0,0,0,.35);
  font-family:Georgia,serif;color:#f4f1ea;}
.v6-sub{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#d4af37;}
.v6-country{font-size:23px;font-weight:700;margin:10px 0 4px;color:#fff;}
.v6-divider{width:60px;height:1px;background:#d4af37;margin:14px auto 16px;}
.v6-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:8px;}
.v6-signup{padding:10px 24px;border:1px solid #d4af37;color:#d4af37;text-decoration:none;
  border-radius:2px;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;transition:.2s;}
.v6-signup:hover{background:#d4af37;color:#0b0f19;}
.v6-signin{align-self:center;color:#a8a29a;text-decoration:none;font-size:12.5px;}
.v6-hint{display:block;margin-top:10px;font-size:10.5px;color:#8a7a55;text-decoration:none;}
.v6-stats{margin-top:16px;padding-top:14px;border-top:1px solid #d4af3722;font-size:12px;color:#c9c3b8;}
.v6-stats b{color:#d4af37;}

/* ---------- v7: ФЛАГ КАК ФОН ---------- */
.v7-wrap{max-width:480px;margin:0 auto;border-radius:18px;overflow:hidden;position:relative;
  font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;box-shadow:0 12px 30px rgba(0,0,0,.2);}
.v7-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(1.1);}
.v7-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.75));}
.v7-content{position:relative;z-index:2;padding:34px 24px;text-align:center;color:#fff;}
.v7-sub{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.85;}
.v7-country{font-size:24px;font-weight:800;margin:8px 0 16px;text-shadow:0 2px 8px rgba(0,0,0,.5);}
.v7-btns{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:8px;}
.v7-signup{padding:10px 24px;background:#fff;color:#111;border-radius:30px;text-decoration:none;font-weight:700;font-size:13.5px;}
.v7-signin{align-self:center;color:#fff;text-decoration:underline;font-size:13px;}
.v7-hint{display:block;margin-top:8px;font-size:11px;color:#ffd580;text-decoration:none;}
.v7-stats{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.25);font-size:12px;}
.v7-stats b{color:#ffd580;}

/* ---------- v8: РЕТРО ГАЗЕТНЫЙ ---------- */
.v8-wrap{max-width:480px;margin:0 auto;padding:22px 24px;text-align:center;
  background:#fdfdf8;border:3px double #1a1a1a;font-family:"Times New Roman",Georgia,serif;color:#1a1a1a;}
.v8-masthead{font-size:10px;letter-spacing:.3em;text-transform:uppercase;border-bottom:1px solid #1a1a1a;
  padding-bottom:8px;margin-bottom:12px;}
.v8-country{font-size:26px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;}
.v8-sub{font-size:11px;font-style:italic;color:#555;margin-top:2px;}
.v8-btns{margin:16px 0;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;padding:12px 0;}
.v8-signup{display:inline-block;padding:8px 20px;border:1px solid #1a1a1a;color:#1a1a1a;
  text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.05em;}
.v8-signin{margin-left:12px;color:#1a1a1a;text-decoration:underline;font-size:13px;}
.v8-hint{display:block;margin-top:10px;font-size:10.5px;color:#777;text-decoration:none;font-style:italic;}
.v8-stats{margin-top:14px;font-size:12px;}
.v8-stats b{border-bottom:2px solid #1a1a1a;}

/* ---------- v9: GLASSMORPHISM DASHBOARD ---------- */
.v9-wrap{max-width:480px;margin:0 auto;padding:26px;border-radius:20px;text-align:center;
  background:linear-gradient(135deg,#a1c4fd33,#c2e9fb33);
  border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(14px);
  box-shadow:0 8px 32px rgba(31,38,135,.15);
  font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#1e2a44;}
.v9-sub{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#5b6b8c;}
.v9-country{font-size:21px;font-weight:800;margin:8px 0 16px;}
.v9-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;}
.v9-tile{background:rgba(255,255,255,.5);border-radius:12px;padding:10px 6px;}
.v9-tile b{display:block;font-size:18px;color:#1453b2;}
.v9-tile span{font-size:10px;color:#5b6b8c;text-transform:uppercase;letter-spacing:.06em;}
.v9-btns{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;}
.v9-signup{padding:10px 22px;border-radius:12px;background:rgba(20,83,178,.9);color:#fff;text-decoration:none;font-weight:700;font-size:13px;}
.v9-signin{align-self:center;color:#1453b2;text-decoration:none;font-size:13px;font-weight:600;}
.v9-hint{display:block;margin-top:10px;font-size:10.5px;color:#7a5a45;text-decoration:none;}

/* ---------- v10: ПОСАДОЧНЫЙ ТАЛОН ---------- */
.v10-wrap{max-width:520px;margin:0 auto;display:flex;border-radius:14px;overflow:hidden;
  box-shadow:0 10px 26px rgba(0,0,0,.15);font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:#fff;position:relative;}
.v10-main{flex:1;padding:22px 20px;position:relative;}
.v10-stub{width:120px;background:#111827;color:#fff;display:flex;flex-direction:column;
  align-items:center;justify-content:center;padding:14px 8px;text-align:center;position:relative;}
.v10-perf{position:absolute;top:0;bottom:0;left:calc(100% - 120px);width:0;border-left:2px dashed #cbd5e1;}
.v10-sub{font-size:10px;color:#9ca3af;text-transform:uppercase;letter-spacing:.14em;}
.v10-country{font-size:19px;font-weight:800;color:#111827;margin:6px 0 14px;}
.v10-btns{display:flex;gap:10px;flex-wrap:wrap;}
.v10-signup{padding:9px 20px;background:#f63e3e;color:#fff;border-radius:6px;text-decoration:none;font-weight:700;font-size:13px;}
.v10-signin{align-self:center;color:#1453b2;text-decoration:none;font-size:13px;font-weight:600;}
.v10-hint{display:block;margin-top:10px;font-size:10.5px;color:#a15b4a;text-decoration:none;}
.v10-code{font-size:22px;font-weight:900;letter-spacing:.05em;}
.v10-label{font-size:9px;text-transform:uppercase;letter-spacing:.14em;opacity:.7;margin-top:4px;}
.v10-figures{margin-top:12px;font-size:10.5px;line-height:1.5;}
.v10-figures b{display:block;font-size:14px;}

/* ============================================================
   СИСТЕМА ГОЛОСОВАНИЯ (лидер + свёрнутая зона + кнопки + капча)
   ============================================================ */

.vote-leader{margin-bottom:6px;}

.vote-collapse{
  max-width:760px;margin:26px auto;border:1px solid #e5e7eb;border-radius:14px;
  overflow:hidden;background:#fff;
}
.vote-summary{
  cursor:pointer;list-style:none;padding:16px 20px;font-weight:700;font-size:15px;
  color:#111827;background:linear-gradient(135deg,#eef2ff,#e0f2fe);
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
.vote-summary::-webkit-details-marker{display:none;}
.vote-summary::after{content:"▾";transition:transform .2s;flex:0 0 auto;}
.vote-collapse[open] .vote-summary::after{transform:rotate(180deg);}

.vote-list{
  padding:20px;display:flex;flex-direction:column;gap:24px;background:#fafafa;
}
.vote-item{
  position:relative;border:1px solid #eee;border-radius:16px;padding:20px 18px 18px;
  background:#fff;text-align:center;
}
.vote-item::before{
  content:"#" attr(data-rank) " · " attr(data-variant);
  position:absolute;top:8px;left:14px;font-size:10px;color:#9ca3af;
  text-transform:uppercase;letter-spacing:.08em;
  font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

.vote-btn{
  margin-top:18px;display:inline-flex;align-items:center;gap:10px;
  padding:11px 24px;border-radius:30px;border:none;cursor:pointer;
  background:linear-gradient(135deg,#0d6efd,#0aa2c0);color:#fff;
  font-weight:700;font-size:13.5px;letter-spacing:.02em;
  font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;
  box-shadow:0 6px 16px rgba(13,110,253,.25);
}
.vote-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(13,110,253,.32);}
.vote-btn:disabled{opacity:.6;cursor:wait;transform:none;}
.vote-btn--done{background:linear-gradient(135deg,#22c55e,#16a34a);}
.vote-count{
  background:rgba(255,255,255,.25);padding:3px 10px;border-radius:20px;font-size:12px;
  min-width:34px;display:inline-block;
}

/* ---------- Интро описание страны ---------- */
.intro-text{
  max-width:760px;margin:22px auto 0;padding:20px 24px;
  font-size:1.05rem;line-height:1.85;color:#4b5563;
  background:linear-gradient(135deg,#f8fafc,#eef2f7);
  border-left:4px solid #1453b2;border-radius:0 14px 14px 0;
  font-family:Georgia,"Times New Roman",serif;
}
.intro-text::first-letter{
  font-size:2.6em;font-weight:800;color:#1453b2;float:left;line-height:1;margin:0 8px 0 0;
}

/* ---------- Капча-модалка ---------- */
.hb-captcha-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.55);
  display:flex;align-items:center;justify-content:center;z-index:9999;
  font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
.hb-captcha-overlay[hidden]{display:none;}
.hb-captcha-box{
  background:#fff;padding:28px 26px;border-radius:14px;width:min(320px,90vw);
  text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.3);
}
.hb-captcha-q{font-weight:700;margin-bottom:14px;color:#111827;font-size:15px;}
.hb-captcha-box input{
  width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px;
  font-size:16px;text-align:center;margin-bottom:12px;box-sizing:border-box;
}
.hb-captcha-actions{display:flex;gap:10px;justify-content:center;}
.hb-captcha-actions button{
  padding:9px 18px;border-radius:8px;border:none;font-weight:700;cursor:pointer;font-size:13.5px;
}
#hbCaptchaSubmit{background:#0d6efd;color:#fff;}
#hbCaptchaCancel{background:#e5e7eb;color:#111827;}
.hb-captcha-error{color:#dc2626;font-size:12.5px;margin-top:10px;}
.hb-captcha-error[hidden]{display:none;}

/* ---------- Мобильная адаптация ---------- */
@media (max-width:560px){
  .v10-wrap{flex-direction:column;}
  .v10-stub{width:100%;flex-direction:row;justify-content:center;gap:16px;padding:12px;}
  .v10-perf{display:none;}
  .v4-wrap{flex-direction:column;align-items:stretch;text-align:center;}
  .v4-left{text-align:center;}
  .v4-right{justify-content:center;}
  .vote-list{padding:14px;}
}