/* Ogou Poll — frontend styles */
:root{ --ogou-primary:#B4161B; --ogou-accent:#E8A317; --ogou-card-bg:#ffffff; --ogou-radius:14px; }

.ogou-wrap{ max-width:1100px; margin:0 auto; }
.ogou-error,.ogou-empty{ padding:16px; color:#6b7280; }

/* Balance bar */
.ogou-balance{
	display:inline-flex; align-items:center; gap:6px;
	background:var(--ogou-card-bg); border:1px solid #e6e8ec; border-radius:999px;
	padding:6px 14px; font-weight:600; margin:0 0 16px; box-shadow:0 1px 3px rgba(0,0,0,.06);
}
.ogou-balance .ogou-coin-ico{ color:var(--ogou-accent); }
.ogou-balance.ogou-guest a{ color:var(--ogou-primary); text-decoration:none; }

/* Grid */
.ogou-grid{ display:grid; gap:18px; align-items:start; }
.ogou-cols-1{ grid-template-columns:1fr; }
.ogou-cols-2{ grid-template-columns:repeat(2,1fr); }
.ogou-cols-3{ grid-template-columns:repeat(3,1fr); }
.ogou-cols-4{ grid-template-columns:repeat(4,1fr); }
@media(max-width:768px){ .ogou-cols-3,.ogou-cols-4{ grid-template-columns:repeat(2,1fr);} }
@media(max-width:480px){ .ogou-grid{ grid-template-columns:1fr; } }

/* Card */
.ogou-card{
	position:relative; align-self:start; background:var(--ogou-card-bg); border:1px solid #e6e8ec;
	border-radius:var(--ogou-radius); overflow:hidden; padding-bottom:14px;
	box-shadow:0 2px 8px rgba(0,0,0,.06); transition:transform .18s ease, box-shadow .18s ease;
}
.ogou-card:hover{ transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.10); }
.ogou-card.ogou-gold{ border-color:#e8b923; }
.ogou-card.ogou-silver{ border-color:#b9c0c9; }
.ogou-card.ogou-bronze{ border-color:#cd8a54; }

.ogou-badge{
	position:absolute; top:10px; left:10px; z-index:2; background:rgba(0,0,0,.65); color:#fff;
	font-size:12px; font-weight:700; padding:2px 9px; border-radius:999px;
}
.ogou-gold .ogou-badge{ background:#e8b923; color:#4a3500; }
.ogou-silver .ogou-badge{ background:#c7ccd3; color:#33383f; }
.ogou-bronze .ogou-badge{ background:#cd8a54; color:#3a2410; }

.ogou-media{ position:relative; aspect-ratio:1/1; background:#f1f3f5; overflow:hidden; }
.ogou-scope .ogou-media img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block; }
.ogou-media-empty{ background:linear-gradient(135deg,#eef0f3,#e2e6ea); }

.ogou-name{ margin:12px 14px 6px; font-size:16px; font-weight:700; color:#1c2126; }
.ogou-count{ margin:0 14px; font-size:20px; font-weight:800; color:var(--ogou-primary); }
.ogou-progress{ margin:8px 14px; height:6px; background:#eef0f3; border-radius:999px; overflow:hidden; }
.ogou-progress span{ display:block; height:100%; background:var(--ogou-accent); transition:width .5s ease; }

.ogou-vote-btn,.ogou-buy-btn{
	display:inline-block; margin:12px 14px 0; padding:9px 18px; border:none; cursor:pointer;
	background:var(--ogou-primary); color:#fff; font-weight:700; border-radius:999px; font-size:14px;
	transition:filter .15s ease;
}
.ogou-vote-btn:hover,.ogou-buy-btn:hover{ filter:brightness(1.08); }
.ogou-vote-btn:disabled{ background:#c9ccd1; cursor:not-allowed; }

/* Leaderboard */
.ogou-leaderboard{ list-style:none; margin:0; padding:0; max-width:520px; }
.ogou-leaderboard li{ display:flex; align-items:center; gap:10px; padding:10px 12px; border-bottom:1px solid #eef0f3; }
.ogou-leaderboard .ogou-rank{ font-weight:800; color:var(--ogou-primary); min-width:36px; }
.ogou-leaderboard .ogou-lb-name{ flex:1; }
.ogou-leaderboard .ogou-lb-votes{ font-weight:700; }

/* Packages */
.ogou-packages{ display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:14px; max-width:720px; }
.ogou-package{ position:relative; border:1px solid #e6e8ec; border-radius:12px; padding:18px 14px; text-align:center; background:#fff; }
.ogou-package.ogou-featured{ border-color:var(--ogou-accent); box-shadow:0 0 0 2px rgba(232,163,23,.25); }
.ogou-pkg-coins{ font-size:18px; font-weight:800; color:#1c2126; }
.ogou-pkg-price{ color:#6b7280; margin:4px 0 10px; }
.ogou-pop{ position:absolute; top:-10px; left:50%; transform:translateX(-50%); background:var(--ogou-accent); color:#3a2a00; font-size:11px; font-weight:700; padding:2px 8px; border-radius:999px; }

/* Modal */
.ogou-modal-backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.55); display:flex; align-items:center; justify-content:center; z-index:99999; padding:16px; }
.ogou-modal{ background:#fff; border-radius:16px; max-width:460px; width:100%; padding:22px; box-shadow:0 20px 60px rgba(0,0,0,.3); }
.ogou-modal h3{ margin:0 0 14px; font-size:18px; }
.ogou-modal .ogou-close{ float:right; cursor:pointer; border:none; background:none; font-size:20px; line-height:1; color:#6b7280; }
.ogou-msg{ padding:10px 0; color:#6b7280; }
.ogou-toast{ position:fixed; bottom:24px; left:50%; transform:translateX(-50%); background:#1c2126; color:#fff; padding:12px 20px; border-radius:999px; z-index:99999; font-weight:600; }

.ogou-countdown{ font-weight:700; color:var(--ogou-primary); }

/* ============================================================
   DESIGN STYLES  (chosen in Ogou Poll → Settings → Design style)
   Applied via .ogou-scope.ogou-style-<name>
   ============================================================ */

/* ---- Liquid Glass ---- */
.ogou-style-liquid-glass .ogou-card,
.ogou-style-liquid-glass .ogou-package,
.ogou-style-liquid-glass .ogou-balance{
	background:linear-gradient(135deg, rgba(255,255,255,.55), rgba(255,255,255,.25));
	backdrop-filter:blur(18px) saturate(160%);
	-webkit-backdrop-filter:blur(18px) saturate(160%);
	border:1px solid rgba(255,255,255,.6);
	box-shadow:0 8px 32px rgba(31,38,135,.18), inset 0 1px 0 rgba(255,255,255,.7);
	border-radius:20px;
}
.ogou-style-liquid-glass .ogou-vote-btn,
.ogou-style-liquid-glass .ogou-buy-btn{
	background:linear-gradient(135deg, var(--ogou-primary), color-mix(in srgb, var(--ogou-primary) 70%, #000));
	box-shadow:0 6px 18px rgba(180,22,27,.35), inset 0 1px 0 rgba(255,255,255,.35);
	border-radius:999px;
}
.ogou-style-liquid-glass .ogou-media{ border-radius:16px 16px 0 0; }
.ogou-style-liquid-glass .ogou-progress span{ background:linear-gradient(90deg,var(--ogou-accent),var(--ogou-primary)); }

/* ---- Glassmorphism ---- */
.ogou-style-glassmorphism .ogou-scope,
.ogou-style-glassmorphism.ogou-scope{ }
.ogou-style-glassmorphism .ogou-card,
.ogou-style-glassmorphism .ogou-package,
.ogou-style-glassmorphism .ogou-balance{
	background:rgba(255,255,255,.18);
	backdrop-filter:blur(12px);
	-webkit-backdrop-filter:blur(12px);
	border:1px solid rgba(255,255,255,.35);
	box-shadow:0 8px 32px rgba(0,0,0,.12);
	border-radius:16px;
}
.ogou-style-glassmorphism .ogou-name,
.ogou-style-glassmorphism .ogou-count{ color:#111; }

/* ---- Neumorphism ---- */
.ogou-style-neumorphism .ogou-card,
.ogou-style-neumorphism .ogou-package,
.ogou-style-neumorphism .ogou-balance{
	background:#e8ebf0;
	border:none;
	border-radius:22px;
	box-shadow:9px 9px 18px #c5c9d0, -9px -9px 18px #ffffff;
}
.ogou-style-neumorphism .ogou-vote-btn,
.ogou-style-neumorphism .ogou-buy-btn{
	background:#e8ebf0; color:var(--ogou-primary);
	box-shadow:5px 5px 10px #c5c9d0, -5px -5px 10px #ffffff;
}
.ogou-style-neumorphism .ogou-vote-btn:hover,
.ogou-style-neumorphism .ogou-buy-btn:hover{ box-shadow:inset 3px 3px 6px #c5c9d0, inset -3px -3px 6px #ffffff; }

/* ---- Flat Modern (clean default look) ---- */
.ogou-style-flat-modern .ogou-card{ box-shadow:0 2px 8px rgba(0,0,0,.06); border-radius:12px; }

/* ---- Classic Dark ---- */
.ogou-style-classic-dark .ogou-card,
.ogou-style-classic-dark .ogou-package,
.ogou-style-classic-dark .ogou-balance{
	background:#1c2126; border:1px solid #2c333b; border-radius:12px; color:#e6edf3;
}
.ogou-style-classic-dark .ogou-name{ color:#f2f5f8; }
.ogou-style-classic-dark .ogou-count{ color:var(--ogou-accent); }
.ogou-style-classic-dark .ogou-media-empty{ background:linear-gradient(135deg,#232a31,#2c333b); }
.ogou-style-classic-dark .ogou-leaderboard li{ border-bottom-color:#2c333b; color:#e6edf3; }

/* Card action row + details button */
.ogou-actions{ display:flex; gap:8px; margin:12px 14px 0; }
.ogou-details-btn{
	flex:0 0 auto; padding:9px 14px; border:1px solid var(--ogou-primary); background:transparent;
	color:var(--ogou-primary); font-weight:700; border-radius:999px; cursor:pointer; font-size:14px;
}
.ogou-details-btn:hover{ background:var(--ogou-primary); color:#fff; }
.ogou-actions .ogou-vote-btn{ margin:0; flex:1; }

/* Details modal media + bio */
.ogou-embed{ position:relative; padding-top:56.25%; border-radius:10px; overflow:hidden; margin-bottom:12px; }
.ogou-embed iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.ogou-modal .ogou-bio{ font-size:14px; line-height:1.6; color:#333; margin-top:12px; white-space:pre-wrap; }
.ogou-modal video, .ogou-modal img{ margin-bottom:12px; }
.ogou-modal-packages{ margin-bottom:8px; }
.ogou-gateways{ display:flex; flex-direction:column; gap:10px; margin-top:8px; }
.ogou-gateway{
	display:flex; align-items:center; gap:12px; width:100%; text-align:left;
	background:#fff; color:#1c2126; border:1px solid #e6e8ec; border-radius:12px;
	padding:12px 16px; cursor:pointer; font-weight:700; font-size:15px; transition:border-color .15s ease, box-shadow .15s ease;
}
.ogou-gateway:hover{ border-color:var(--ogou-primary); box-shadow:0 2px 10px rgba(0,0,0,.08); }
.ogou-gw-icon{ display:inline-flex; align-items:center; gap:4px; }
.ogou-gw-icon svg{ height:24px; width:auto; display:block; }
.ogou-gw-label{ flex:1; }

/* Auth modal (sign in / create account) */
.ogou-auth .ogou-tabs{ display:flex; gap:6px; margin-bottom:16px; border-bottom:1px solid #eef0f3; }
.ogou-tab{ flex:1; background:none; border:none; padding:10px; font-weight:700; color:#8a94a0; cursor:pointer; border-bottom:2px solid transparent; }
.ogou-tab.is-active{ color:var(--ogou-primary); border-bottom-color:var(--ogou-primary); }
.ogou-input{ width:100%; box-sizing:border-box; padding:12px 14px; margin-bottom:10px; border:1px solid #dfe3e8; border-radius:10px; font-size:15px; }
.ogou-input:focus{ outline:none; border-color:var(--ogou-primary); }
.ogou-auth-btn{ width:100%; padding:12px; background:var(--ogou-primary); color:#fff; border:none; border-radius:999px; font-weight:700; font-size:15px; cursor:pointer; }
.ogou-auth-btn:hover{ filter:brightness(1.08); }
.ogou-auth-hint{ font-size:13px; color:#6b7280; margin:0 0 10px; }
.ogou-auth-msg{ font-size:13px; color:var(--ogou-primary); min-height:18px; margin:10px 0 0; }

/* Vote confirmation */
.ogou-confirm{ text-align:center; }
.ogou-confirm-check{
	width:56px; height:56px; margin:4px auto 12px; border-radius:50%;
	background:#e4f6ea; color:#1F8A4C; font-size:30px; font-weight:800;
	display:flex; align-items:center; justify-content:center;
}
.ogou-confirm h3{ margin:0 0 14px; }
.ogou-confirm-list{ list-style:none; padding:0; margin:0 auto 12px; max-width:280px; text-align:left; }
.ogou-confirm-list li{ padding:7px 0; border-bottom:1px solid #eef0f3; font-size:14px; }
.ogou-confirm-note{ font-size:12px; color:#8a94a0; }

/* ---- Modal robustness: prevent theme box-sizing from overflowing fields ---- */
.ogou-modal-backdrop, .ogou-modal-backdrop *{ box-sizing:border-box; }
.ogou-modal{ max-width:min(440px, 92vw); }
.ogou-modal .ogou-input,
.ogou-modal .ogou-auth-btn{ width:100%; max-width:100%; display:block; }
.ogou-modal .ogou-input{ min-width:0; }
.ogou-auth{ width:100%; }

/* ---- Voting not open: countdown / closed state in the card ---- */
.ogou-vote-locked{
	flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;
	gap:2px; padding:9px 14px; border-radius:999px; text-align:center;
	background:rgba(0,0,0,.05); color:#6b7280; font-weight:700; font-size:13px; min-height:40px;
}
.ogou-vote-locked .ogou-countdown{ font-size:15px; color:var(--ogou-primary); }
.ogou-lock-label{ font-size:11px; text-transform:uppercase; letter-spacing:.4px; opacity:.75; }

/* ---- Status banner above the grid ---- */
.ogou-banner{
	display:flex; align-items:center; justify-content:center; gap:8px;
	padding:12px 18px; border-radius:14px; margin-bottom:16px; font-weight:700; font-size:15px;
}
.ogou-banner .ogou-countdown{ font-size:17px; }
.ogou-banner-soon{ background:#fff4e0; color:#8a5a00; }
.ogou-banner-open{ background:#e4f6ea; color:#1F8A4C; }
.ogou-banner-closed{ background:#f3f4f6; color:#6b7280; }

/* ============================================================
   VOTER PROFILE  ([ogou_profile])
   ============================================================ */
.ogou-profile{ max-width:760px; }
.ogou-profile-guest{ text-align:center; padding:32px; background:#fff; border:1px solid #eef0f3; border-radius:16px; }
.ogou-profile-guest .ogou-auth-btn{ max-width:220px; margin:12px auto 0; }

/* BOSS ranking badge */
.ogou-boss{
	display:flex; align-items:center; gap:18px; padding:22px 24px; border-radius:20px; color:#fff;
	margin-bottom:18px; box-shadow:0 12px 30px rgba(0,0,0,.15);
	background:linear-gradient(135deg,#6b7280,#374151);
}
.ogou-boss-icon{ font-size:46px; line-height:1; filter:drop-shadow(0 2px 4px rgba(0,0,0,.25)); }
.ogou-boss-tier{ font-size:22px; font-weight:800; letter-spacing:.3px; }
.ogou-boss-rank{ font-size:15px; font-weight:600; opacity:.95; margin-top:2px; }
.ogou-boss-next{ font-size:12px; opacity:.85; margin-top:4px; }
/* tier palettes */
.ogou-tier-rookie{ background:linear-gradient(135deg,#94a3b8,#64748b); }
.ogou-tier-bronze{ background:linear-gradient(135deg,#b87333,#8b5a2b); }
.ogou-tier-silver{ background:linear-gradient(135deg,#9ca3af,#6b7280); }
.ogou-tier-gold{ background:linear-gradient(135deg,#f5b301,#d4900a); }
.ogou-tier-platinum{ background:linear-gradient(135deg,#4b5563,#111827); }
.ogou-tier-diamond{ background:linear-gradient(135deg,#22d3ee,#3b82f6,#8b5cf6); }

/* stat blocks */
.ogou-profile-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:12px; }
@media(max-width:600px){ .ogou-profile-stats{ grid-template-columns:repeat(2,1fr); } }
.ogou-pstat{ background:#fff; border:1px solid #eef0f3; border-radius:14px; padding:16px; text-align:center; }
.ogou-pstat-value{ font-size:26px; font-weight:800; color:var(--ogou-primary); }
.ogou-pstat-label{ font-size:12px; color:#6b7280; margin-top:2px; text-transform:uppercase; letter-spacing:.4px; }
.ogou-profile-money{ font-size:14px; color:#374151; margin:4px 0 18px; }

/* history */
.ogou-profile-h3{ font-size:17px; margin:8px 0 10px; }
.ogou-history{ display:flex; flex-direction:column; gap:6px; }
.ogou-history-row{
	display:grid; grid-template-columns:1.3fr 1fr auto auto; gap:12px; align-items:center;
	background:#fff; border:1px solid #eef0f3; border-radius:10px; padding:10px 14px; font-size:14px;
}
.ogou-history-cand{ font-weight:700; }
.ogou-history-contest{ color:#6b7280; }
.ogou-history-coins{ color:var(--ogou-primary); font-weight:700; white-space:nowrap; }
.ogou-history-date{ color:#9ca3af; font-size:12px; white-space:nowrap; }
@media(max-width:600px){
	.ogou-history-row{ grid-template-columns:1fr auto; }
	.ogou-history-contest, .ogou-history-date{ display:none; }
}

/* ---- Purchase: chosen-package summary + change ---- */
.ogou-change-pkg{
	background:none; border:none; color:var(--ogou-primary); font-weight:700; cursor:pointer;
	padding:0; margin-bottom:10px; font-size:14px;
}
.ogou-chosen{
	display:flex; align-items:center; justify-content:space-between; gap:12px;
	background:rgba(0,0,0,.04); border:1px solid #eef0f3; border-radius:14px;
	padding:14px 18px; margin-bottom:16px;
}
.ogou-chosen-coins{ font-size:20px; font-weight:800; color:var(--ogou-primary); }
.ogou-chosen-price{ font-size:16px; font-weight:600; color:#374151; }
.ogou-pay-h{ margin:0 0 10px; font-size:16px; }

/* ---- Vote quantity modal (TikTok-style) ---- */
.ogou-votebox{ text-align:center; }
.ogou-votebox h3{ margin:0 0 6px; }
.ogou-vote-bal{ color:#6b7280; font-size:14px; margin:0 0 14px; }
.ogou-chips{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-bottom:14px; }
.ogou-chip{
	background:#fff; border:1.5px solid #e6e8ec; border-radius:999px; padding:8px 16px;
	font-weight:700; cursor:pointer; font-size:14px; color:#374151; transition:all .12s ease;
}
.ogou-chip:hover{ border-color:var(--ogou-primary); }
.ogou-chip.is-active{ background:var(--ogou-primary); color:#fff; border-color:var(--ogou-primary); }
.ogou-vote-input{ text-align:center; font-size:20px; font-weight:800; margin-bottom:12px; }
.ogou-vote-go{ font-size:16px; }
.ogou-buy-more{ display:block; width:100%; text-align:center; }

/* gateway charge amount */
.ogou-gw-amt{ margin-left:auto; font-weight:700; color:var(--ogou-primary); white-space:nowrap; font-size:14px; }

/* ---- Share button on card + share sheet ---- */
.ogou-share-btn{
	position:absolute; top:12px; right:12px; z-index:3;
	display:inline-flex; align-items:center; gap:6px;
	padding:8px 13px 8px 11px; border-radius:999px; border:none; cursor:pointer;
	background:rgba(255,255,255,.94); color:var(--ogou-primary);
	font-weight:800; font-size:13px; line-height:1; letter-spacing:.2px;
	box-shadow:0 3px 14px rgba(0,0,0,.22); backdrop-filter:blur(4px);
	transition:transform .12s ease, box-shadow .12s ease;
}
.ogou-share-btn:hover{ transform:translateY(-1px) scale(1.04); box-shadow:0 6px 18px rgba(0,0,0,.30); }
.ogou-share-btn:active{ transform:scale(.98); }
.ogou-share-label{ font-weight:800; }

.ogou-sharebox{ text-align:center; }
.ogou-sharebox h3{ margin:0 0 4px; }
.ogou-share-sub{ color:#6b7280; font-weight:700; margin:0 0 16px; }
.ogou-share-targets{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-bottom:14px; }
.ogou-share-target{ color:#fff; text-decoration:none; padding:12px; border-radius:12px; font-weight:700; text-align:center; }
.ogou-share-target:hover{ filter:brightness(1.08); }
.ogou-share-link{ display:flex; gap:8px; }
.ogou-share-link input{ flex:1; min-width:0; padding:10px 12px; border:1px solid #dfe3e8; border-radius:10px; font-size:13px; box-sizing:border-box; }
.ogou-copy-link{ background:var(--ogou-primary); color:#fff; border:none; border-radius:10px; padding:0 16px; font-weight:700; cursor:pointer; }
.ogou-details-share{ display:block; width:100%; text-align:center; margin-top:14px; }

/* deeplink highlight */
.ogou-card-highlight{ animation:ogouPulse 1.4s ease 2; }
@keyframes ogouPulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(180,22,27,0); } 50%{ box-shadow:0 0 0 5px rgba(180,22,27,.35); } }

/* ============ Results / Winners ============ */
.ogou-results{ max-width:760px; margin:0 auto; }
.ogou-champ{
	display:flex; align-items:center; gap:20px; position:relative;
	padding:26px 28px; border-radius:22px; margin-bottom:34px;
	background:linear-gradient(120deg, color-mix(in srgb, var(--ogou-primary) 22%, transparent), color-mix(in srgb, var(--ogou-accent) 18%, transparent));
	border:1px solid color-mix(in srgb, var(--ogou-accent) 40%, transparent);
	box-shadow:0 18px 50px color-mix(in srgb, var(--ogou-primary) 30%, transparent);
}
.ogou-champ-crown{ position:absolute; top:-16px; left:50%; transform:translateX(-50%); font-size:30px; filter:drop-shadow(0 3px 6px rgba(0,0,0,.3)); }
.ogou-champ-photo{ width:92px; height:92px; border-radius:50%; background-size:cover; background-position:center; border:3px solid var(--ogou-accent); flex:0 0 auto; box-shadow:0 0 24px color-mix(in srgb, var(--ogou-accent) 55%, transparent); }
.ogou-champ-photo-empty{ background:rgba(0,0,0,.15); }
.ogou-champ-meta{ display:flex; flex-direction:column; gap:4px; }
.ogou-champ-label{ font-size:12px; text-transform:uppercase; letter-spacing:2px; opacity:.8; font-weight:700; }
.ogou-champ-name{ font-size:26px; font-weight:800; line-height:1.1; }
.ogou-champ-votes{ font-size:15px; font-weight:600; opacity:.9; }

.ogou-podium{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; align-items:end; margin-bottom:28px; }
.ogou-podium-col{ text-align:center; }
.ogou-podium-medal{ font-size:30px; }
.ogou-podium-name{ font-weight:700; font-size:14px; margin:6px 0 2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ogou-podium-votes{ font-size:13px; opacity:.85; margin-bottom:8px; }
.ogou-podium-bar{
	display:flex; align-items:flex-start; justify-content:center; padding-top:10px;
	border-radius:12px 12px 0 0; font-weight:800; color:#fff;
	background:linear-gradient(180deg, var(--ogou-primary), color-mix(in srgb, var(--ogou-primary) 60%, #000));
}
.ogou-podium-1 .ogou-podium-bar{ height:120px; background:linear-gradient(180deg, var(--ogou-accent), color-mix(in srgb, var(--ogou-accent) 55%, var(--ogou-primary))); }
.ogou-podium-2 .ogou-podium-bar{ height:86px; }
.ogou-podium-3 .ogou-podium-bar{ height:64px; }

.ogou-results-list{ list-style:none; margin:0; padding:0; }
.ogou-results-list li{ display:flex; align-items:center; gap:12px; padding:12px 16px; border-radius:12px; }
.ogou-results-list li:nth-child(odd){ background:rgba(127,127,127,.06); }
.ogou-rl-rank{ font-weight:800; opacity:.6; width:44px; }
.ogou-rl-name{ font-weight:600; flex:1; }
.ogou-rl-votes{ font-weight:700; }

/* ---- Payment result modal ---- */
.ogou-payresult{ text-align:center; padding:8px 4px; }
.ogou-payresult-ico{
	width:64px; height:64px; border-radius:50%; margin:0 auto 14px;
	display:flex; align-items:center; justify-content:center; font-size:34px; font-weight:800; color:#fff;
}
.ogou-payresult-ok .ogou-payresult-ico{ background:linear-gradient(135deg,#22c55e,#16a34a); box-shadow:0 10px 30px rgba(34,197,94,.4); }
.ogou-payresult-fail .ogou-payresult-ico{ background:linear-gradient(135deg,#f59e0b,#ef4444); box-shadow:0 10px 30px rgba(239,68,68,.35); }
.ogou-payresult h3{ margin:0 0 8px; font-size:20px; }
.ogou-payresult p{ color:#6b7280; margin:0 0 18px; }
.ogou-payresult-go{ min-width:160px; }

/* gateway fee note under the charge amount */
.ogou-gw-amt{ display:flex; flex-direction:column; align-items:flex-end; line-height:1.2; }
.ogou-gw-fee{ font-size:11px; font-weight:600; color:#9aa0aa; }

/* payment "confirming" state */
.ogou-payresult-wait .ogou-payresult-ico{ background:linear-gradient(135deg,#f59e0b,#f97316); box-shadow:0 10px 30px rgba(245,158,11,.35); }
.ogou-spin{ animation:ogou-spin 1.1s linear infinite; }
@keyframes ogou-spin{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }

/* ============ TV / Broadcast mode ============ */
.ogou-tv{ background:#0b1020; color:#fff; border-radius:20px; padding:28px 32px; font-family:'Space Grotesk',Inter,sans-serif;
	background-image:radial-gradient(1200px 400px at 80% -10%, rgba(124,58,237,.35), transparent), radial-gradient(900px 400px at 0% 110%, rgba(20,184,166,.25), transparent); }
.ogou-tv-head{ display:flex; align-items:center; gap:20px; margin-bottom:22px; }
.ogou-tv-title{ font-size:34px; font-weight:800; letter-spacing:.5px; flex:1; text-shadow:0 2px 20px rgba(0,0,0,.5); }
.ogou-tv-live{ display:inline-flex; align-items:center; gap:8px; font-weight:800; letter-spacing:2px; color:#fff; background:linear-gradient(135deg,#ef4444,#dc2626); padding:6px 14px; border-radius:999px; font-size:14px; }
.ogou-tv-dot{ width:9px; height:9px; border-radius:50%; background:#fff; animation:ogou-pulse 1.2s infinite; }
@keyframes ogou-pulse{ 0%,100%{ opacity:1 } 50%{ opacity:.25 } }
.ogou-tv-total{ font-size:16px; color:#c7cfdd; } .ogou-tv-total b{ font-size:24px; color:#fff; }
.ogou-tv-board{ display:flex; flex-direction:column; gap:12px; }
.ogou-tv-row{ display:flex; align-items:center; gap:18px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08);
	border-radius:16px; padding:12px 18px; transition:order .6s ease, transform .4s ease, background .4s ease; backdrop-filter:blur(6px); }
.ogou-tv-rank{ font-size:26px; font-weight:800; width:48px; text-align:center; color:#c7cfdd; }
.ogou-tv-photo img,.ogou-tv-noimg{ width:64px; height:64px; border-radius:14px; object-fit:cover; display:flex; align-items:center; justify-content:center;
	background:rgba(255,255,255,.1); font-size:26px; color:#fff; }
.ogou-tv-main{ flex:1; min-width:0; }
.ogou-tv-name{ font-size:24px; font-weight:700; margin-bottom:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ogou-tv-bar{ height:12px; border-radius:999px; background:rgba(255,255,255,.1); overflow:hidden; }
.ogou-tv-bar span{ display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,#22d3ee,#7c3aed); transition:width .8s ease; }
.ogou-tv-votes{ font-size:30px; font-weight:800; min-width:120px; text-align:right; font-variant-numeric:tabular-nums; }
.ogou-tv-medal-1{ background:linear-gradient(135deg,rgba(250,204,21,.28),rgba(255,255,255,.06)); border-color:rgba(250,204,21,.6); transform:scale(1.02); }
.ogou-tv-medal-1 .ogou-tv-rank{ color:#facc15; } .ogou-tv-medal-1 .ogou-tv-rank::before{ content:'🥇 '; }
.ogou-tv-medal-2{ border-color:rgba(203,213,225,.55); } .ogou-tv-medal-2 .ogou-tv-rank{ color:#cbd5e1; } .ogou-tv-medal-2 .ogou-tv-rank::before{ content:'🥈 '; }
.ogou-tv-medal-3{ border-color:rgba(217,119,6,.5); } .ogou-tv-medal-3 .ogou-tv-rank{ color:#f59e0b; } .ogou-tv-medal-3 .ogou-tv-rank::before{ content:'🥉 '; }
@media(max-width:640px){ .ogou-tv-title{ font-size:24px } .ogou-tv-name{ font-size:18px } .ogou-tv-votes{ font-size:22px; min-width:80px } .ogou-tv-photo img,.ogou-tv-noimg{ width:48px; height:48px } }

/* live grid: smooth reorder + count pop */
.ogou-grid .ogou-card{ transition:order .6s ease, transform .3s ease; }
.ogou-count-bump{ animation:ogou-count-pop .7s ease; }
@keyframes ogou-count-pop{ 0%{ transform:scale(1) } 40%{ transform:scale(1.18); color:var(--ogou-primary,#7c3aed) } 100%{ transform:scale(1) } }

/* ---- Eliminated candidates (rounds) ---- */
.ogou-card.is-eliminated{
	opacity:.55;
	filter:grayscale(.85);
	position:relative;
}
.ogou-card.is-eliminated .ogou-media img{ filter:grayscale(1); }
.ogou-card.is-eliminated .ogou-name{ text-decoration:line-through; text-decoration-thickness:1px; }
.ogou-badge.ogou-badge-out{
	background:#3a3f4b;
	color:#fff;
	letter-spacing:.03em;
	text-transform:uppercase;
	font-size:11px;
}
.ogou-card.is-eliminated:hover{ opacity:.75; }

/* ---- Judge scoring panel ---- */
.ogou-judge{ max-width:640px; }
.ogou-judge-title{ font-size:20px; font-weight:700; margin:0 0 4px; }
.ogou-judge-form{ margin-top:14px; display:flex; flex-direction:column; gap:10px; }
.ogou-judge-row{
	display:flex; align-items:center; gap:14px;
	background:var(--ogou-card,#fff);
	border:1px solid rgba(0,0,0,.08);
	border-radius:14px; padding:10px 14px;
}
.ogou-judge-ava{
	width:46px; height:46px; border-radius:50%;
	background-size:cover; background-position:center; flex:0 0 auto;
	background-color:#e6e8ec;
}
.ogou-judge-ava-empty{ background:linear-gradient(135deg,#c9ccd3,#e6e8ec); }
.ogou-judge-name{ flex:1 1 auto; font-weight:600; }
.ogou-judge-score{
	width:84px; text-align:center; font-size:16px; font-weight:700;
	padding:8px 10px; border-radius:10px; border:1px solid rgba(0,0,0,.18);
}
.ogou-judge-max{ color:#8a93a3; font-size:13px; }
.ogou-judge-save{ align-self:flex-start; margin-top:6px; }
.ogou-flash-ok{
	background:#e6f6ec; color:#166534; border:1px solid #bbe6c9;
	padding:10px 14px; border-radius:10px; margin:10px 0;
}


/* ---- Presenter / live-event mode ---- */
.ogou-tv-fs{
	background:rgba(255,255,255,.14); color:#fff; border:0;
	width:44px; height:44px; border-radius:12px; cursor:pointer;
	margin-left:12px; transition:background .15s ease;
	display:inline-flex; align-items:center; justify-content:center;
	flex:0 0 auto;
}
.ogou-tv-fs svg{ display:block; pointer-events:none; }
.ogou-tv-fs:hover{ background:rgba(255,255,255,.26); }

.ogou-tv-presenter{ padding:clamp(16px,3vw,40px); }
.ogou-tv-presenter .ogou-tv-title{ font-size:clamp(24px,4vw,52px); font-weight:800; }
.ogou-tv-presenter .ogou-tv-live{ font-size:clamp(14px,1.6vw,22px); }
.ogou-tv-presenter .ogou-tv-total{ font-size:clamp(16px,1.8vw,26px); }
.ogou-tv-presenter .ogou-tv-name{ font-size:clamp(18px,2.4vw,34px); font-weight:700; }
.ogou-tv-presenter .ogou-tv-votes{ font-size:clamp(18px,2.6vw,38px); font-weight:800; }
.ogou-tv-presenter .ogou-tv-rank{ font-size:clamp(20px,2.6vw,40px); }
.ogou-tv-presenter .ogou-tv-photo{ width:clamp(56px,6vw,96px); height:clamp(56px,6vw,96px); }
.ogou-tv-presenter .ogou-tv-row{ padding:clamp(10px,1.4vw,20px); gap:clamp(12px,1.6vw,24px); }
.ogou-tv-presenter .ogou-tv-bar{ height:clamp(8px,1vw,16px); }

/* When actually in the browser fullscreen, fill the screen with a dark stage. */
.ogou-tv-presenter:fullscreen{
	background:radial-gradient(circle at 50% 0%, #1a1f2e 0%, #0a0d14 70%);
	display:flex; flex-direction:column; justify-content:flex-start;
	overflow-y:auto;
}
.ogou-tv-presenter:-webkit-full-screen{ background:#0a0d14; }

/* CSS fallback for presenter fullscreen when the Fullscreen API is blocked. */
.ogou-tv-presenter.ogou-tv-faux-fs{
	position:fixed; inset:0; z-index:99999;
	margin:0; border-radius:0; overflow-y:auto;
	background:radial-gradient(circle at 50% 0%, #1a1f2e 0%, #0a0d14 70%);
}


/* ---- Promo code field in the purchase modal ---- */
.ogou-promo{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:12px 0; }
.ogou-promo-input{
	flex:1 1 auto; min-width:140px;
	padding:9px 12px; border-radius:10px; border:1px solid rgba(0,0,0,.18);
	font-size:14px;
}
.ogou-promo-apply{
	padding:9px 16px; border-radius:10px; border:0; cursor:pointer;
	background:var(--ogou-accent,#B4161B); color:#fff; font-weight:600;
}
.ogou-promo-apply:hover{ filter:brightness(1.08); }
.ogou-promo-msg{ flex:1 1 100%; font-size:13px; margin-top:2px; }
.ogou-promo-msg.is-ok{ color:#16a34a; }
.ogou-promo-msg.is-err{ color:#dc2626; }


/* ---- Pro upsell block (front-end) ---- */
.ogou-upsell{
	max-width:640px; margin:16px auto; padding:28px 32px;
	border-radius:18px; position:relative;
	background:linear-gradient(135deg,#1a1030 0%,#2a1550 60%,#3a1a5a 100%);
	color:#fff; box-shadow:0 12px 40px rgba(40,10,80,.28);
}
.ogou-upsell-badge{
	display:inline-block; font-weight:800; letter-spacing:.08em; font-size:12px;
	background:linear-gradient(90deg,#f5c542,#f59e0b); color:#3a1a00;
	padding:4px 12px; border-radius:999px; margin-bottom:12px;
}
.ogou-upsell-title{ color:#fff; font-size:24px; font-weight:800; margin:0 0 6px; }
.ogou-upsell-blurb{ color:#e7dcff; font-size:15px; margin:0 0 16px; }
.ogou-upsell-more{ color:#c9b8ee; font-weight:600; margin:0 0 6px; }
.ogou-upsell-list{ margin:0 0 20px; padding:0; list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:6px 18px; }
.ogou-upsell-list li{ color:#e7dcff; font-size:13px; padding-left:20px; position:relative; }
.ogou-upsell-list li:before{ content:"\2713"; position:absolute; left:0; color:#7ee0a0; font-weight:800; }
.ogou-upsell-cta{
	display:inline-block; text-decoration:none; font-weight:700; font-size:15px;
	background:linear-gradient(90deg,#f5c542,#f59e0b); color:#3a1a00 !important;
	padding:12px 24px; border-radius:12px; transition:transform .12s ease, filter .12s ease;
}
.ogou-upsell-cta:hover{ transform:translateY(-1px); filter:brightness(1.06); }
@media (max-width:520px){ .ogou-upsell-list{ grid-template-columns:1fr; } }

/* ---- VIP ---- */
.ogou-vip{
	max-width:420px; margin:16px auto; padding:28px 26px; text-align:center;
	border-radius:20px; color:#fff;
	background:linear-gradient(150deg,#2a1550 0%,#4a1d6e 55%,#6b2478 100%);
	box-shadow:0 14px 44px rgba(60,20,90,.32);
}
.ogou-vip.is-active{ background:linear-gradient(150deg,#0f3d2e 0%,#1d6e4a 60%,#249a5e 100%); }
.ogou-vip-crown{ font-size:44px; line-height:1; margin-bottom:6px; }
.ogou-vip-title{ color:#fff; font-size:24px; font-weight:800; margin:0 0 10px; }
.ogou-vip-price{ font-size:26px; font-weight:800; margin-bottom:14px; }
.ogou-vip-price span{ display:block; font-size:13px; font-weight:500; opacity:.85; }
.ogou-vip-perks{ list-style:none; margin:0 0 18px; padding:0; text-align:left; display:inline-block; }
.ogou-vip-perks li{ padding:5px 0 5px 26px; position:relative; font-size:15px; }
.ogou-vip-perks li:before{ content:"\2713"; position:absolute; left:0; color:#ffd36b; font-weight:800; }
.ogou-vip-expiry{ font-size:14px; opacity:.9; margin-bottom:14px; }
.ogou-vip .ogou-btn{
	background:linear-gradient(90deg,#f5c542,#f59e0b); color:#3a1a00; font-weight:800;
	border:0; padding:12px 28px; border-radius:12px; cursor:pointer; font-size:16px;
}
.ogou-vip .ogou-btn:hover{ filter:brightness(1.06); }
.ogou-vip-slot{ margin-top:14px; display:grid; gap:8px; }

/* VIP badge on names */
.ogou-vip-badge{
	display:inline-block; vertical-align:middle; margin-left:6px;
	font-size:11px; font-weight:800; letter-spacing:.04em;
	background:linear-gradient(90deg,#f5c542,#f59e0b); color:#3a1a00;
	padding:2px 8px; border-radius:999px;
}

/* ---- Winner badge (closed contest, rank 1) ---- */
.ogou-badge-winner{
	background:linear-gradient(90deg,#f5c542,#f59e0b) !important;
	color:#3a1a00 !important; font-weight:800;
	box-shadow:0 4px 14px rgba(245,158,11,.4);
}
.ogou-card:has(.ogou-badge-winner){
	outline:2px solid #f5c542; outline-offset:2px;
}
/* VIP badge inside the profile block */
.ogou-profile-vip{ margin:10px 0 4px; font-size:14px; opacity:.9; }

/* ---- Deep-link highlight (from OgouTV "Vote" pill) ---- */
.ogou-card:target{
	outline:3px solid #E8A317; outline-offset:3px;
	animation:ogou-target-pulse 1.4s ease-out 2;
}
@keyframes ogou-target-pulse{
	0%{ box-shadow:0 0 0 0 rgba(232,163,23,.55); }
	100%{ box-shadow:0 0 0 18px rgba(232,163,23,0); }
}

/* ============================================================
   Profile page — futuristic dark, balanced grid (2030 look)
   ============================================================ */
.ogou-pf{
	--pf-gap:22px;
	--pf-bg:#0b0e14;
	--pf-panel:rgba(255,255,255,.045);
	--pf-brd:rgba(255,255,255,.09);
	--pf-txt:#eef1f6;
	--pf-dim:#96a0b5;
	--pf-primary:#B4161B;
	--pf-accent:#E8A317;
	--pf-violet:#7c3aed;
	position:relative; max-width:1160px; margin:0 auto; padding:26px;
	border-radius:30px; color:var(--pf-txt);
	font-family:'Space Grotesk','Inter',system-ui,sans-serif;
	background:
		radial-gradient(90% 60% at 12% 0%, rgba(180,22,27,.20), transparent 60%),
		radial-gradient(80% 60% at 100% 0%, rgba(124,58,237,.18), transparent 55%),
		var(--pf-bg);
	box-shadow:0 30px 80px -40px rgba(0,0,0,.8);
	overflow:hidden;
}
.ogou-pf *{ box-sizing:border-box; }
.ogou-pf::before{
	content:""; position:absolute; inset:0; pointer-events:none;
	background:radial-gradient(60% 40% at 50% 120%, rgba(232,163,23,.10), transparent 60%);
}

/* Hero */
.ogou-pf-hero{
	position:relative; z-index:1; display:flex; align-items:center; gap:22px;
	padding:24px; margin-bottom:var(--pf-gap); border-radius:24px;
	background:linear-gradient(120deg, rgba(180,22,27,.9), rgba(124,58,237,.55));
	border:1px solid rgba(255,255,255,.14);
	box-shadow:0 20px 50px -24px rgba(180,22,27,.6), inset 0 1px 0 rgba(255,255,255,.15);
	overflow:hidden;
}
.ogou-pf-hero::after{
	content:""; position:absolute; top:-40%; right:-10%; width:340px; height:340px;
	background:radial-gradient(circle, rgba(232,163,23,.5), transparent 60%); pointer-events:none;
}
.ogou-pf-avatar img{
	width:104px; height:104px; border-radius:26px; object-fit:cover;
	border:2px solid rgba(255,255,255,.5); box-shadow:0 14px 30px rgba(0,0,0,.4);
}
.ogou-pf-id{ position:relative; z-index:1; flex:1; }
.ogou-pf-name{ margin:0 0 10px; font-size:30px; font-weight:700; letter-spacing:-.5px; color:#fff; line-height:1; }
.ogou-pf-roles{ display:flex; flex-wrap:wrap; gap:8px; }
.ogou-pf-role{
	font-size:12px; font-weight:600; padding:6px 13px; border-radius:999px; color:#fff;
	background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.24); backdrop-filter:blur(6px);
}
.ogou-role-candidate{ background:rgba(232,163,23,.95); color:#3a1a00; border-color:transparent; }
.ogou-role-vip{ background:linear-gradient(90deg,#f5c542,#f59e0b); color:#3a1a00; border-color:transparent; }

/* Hero rank chip */
.ogou-pf-herorank{
	position:relative; z-index:1; text-align:center; min-width:160px; padding:16px 20px;
	border-radius:20px; background:rgba(0,0,0,.28); border:1px solid rgba(255,255,255,.2);
	backdrop-filter:blur(10px); box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.ogou-pf-herorank-icon{ font-size:34px; line-height:1; filter:drop-shadow(0 4px 8px rgba(0,0,0,.4)); }
.ogou-pf-herorank-tier{ font-weight:700; font-size:16px; margin-top:6px; color:#fff; }
.ogou-pf-herorank-line{ font-size:11.5px; opacity:.85; margin-top:4px; letter-spacing:.3px; }

/* Grid — dense, balanced (rows align via masonry-like auto rows) */
.ogou-pf-grid{
	position:relative; z-index:1;
	display:grid; grid-template-columns:repeat(12, 1fr); gap:var(--pf-gap);
}
.ogou-pf-card{
	grid-column:span 6;
	background:var(--pf-panel); border:1px solid var(--pf-brd); border-radius:22px; padding:22px;
	backdrop-filter:blur(16px); box-shadow:0 14px 40px -22px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.05);
	transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.ogou-pf-card:hover{ transform:translateY(-3px); border-color:rgba(255,255,255,.18); box-shadow:0 22px 50px -24px rgba(0,0,0,.8); }
.ogou-pf-wide{ grid-column:span 12; }
.ogou-pf-third{ grid-column:span 4; }

@media (max-width:900px){
	.ogou-pf-card, .ogou-pf-third{ grid-column:span 12; }
	.ogou-pf-hero{ flex-direction:column; text-align:center; }
	.ogou-pf-herorank{ width:100%; }
	.ogou-pf-roles{ justify-content:center; }
}

.ogou-pf-cardhead{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.ogou-pf-cardhead h2{ margin:0; font-size:15px; font-weight:600; color:#fff; letter-spacing:.2px; }
.ogou-pf-subh{ margin:20px 0 12px; font-size:13px; font-weight:600; color:var(--pf-dim); text-transform:uppercase; letter-spacing:.6px; }
.ogou-pf .ogou-muted{ color:var(--pf-dim); }

/* Stat tiles */
.ogou-pf-stats,.ogou-pf-candstats{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.ogou-pf-candstats{ grid-template-columns:auto 1fr 1fr; align-items:center; }
.ogou-pstat{
	background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07);
	border-radius:16px; padding:16px 14px; text-align:center;
}
.ogou-pstat-value{ font-size:26px; font-weight:700; color:#fff; line-height:1; letter-spacing:-.5px; }
.ogou-pstat-label{ font-size:11px; color:var(--pf-dim); margin-top:6px; text-transform:uppercase; letter-spacing:.5px; }
.ogou-pf-money{ margin:16px 0 0; font-size:13px; color:var(--pf-dim); }
.ogou-pf-money strong{ color:#fff; }

/* Candidate */
.ogou-pf-candname{ font-weight:700; color:var(--pf-accent); font-size:14px; }
.ogou-pf-rankbig{ font-size:42px; font-weight:800; color:#fff; line-height:1; white-space:nowrap; letter-spacing:-1px; }
.ogou-pf-rankhash{ color:var(--pf-accent); font-size:26px; }
.ogou-pf-ranktotal{ font-size:16px; color:var(--pf-dim); font-weight:600; }
.ogou-pf-progresswrap{ margin:20px 0 4px; }
.ogou-pf-progress{ height:10px; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; }
.ogou-pf-progress span{ display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,var(--pf-accent),var(--pf-primary)); box-shadow:0 0 14px rgba(232,163,23,.5); transition:width .7s cubic-bezier(.2,.8,.2,1); }
.ogou-pf-progresslabel{ margin-top:9px; font-size:13px; color:var(--pf-dim); }
.ogou-pf-supporters{ display:flex; flex-wrap:wrap; gap:14px; }
.ogou-pf-supporter{ width:60px; text-align:center; }
.ogou-pf-supporter img{ width:52px; height:52px; border-radius:50%; object-fit:cover; border:2px solid rgba(255,255,255,.2); box-shadow:0 4px 12px rgba(0,0,0,.4); }
.ogou-pf-supporter span{ display:block; font-size:10px; color:var(--pf-dim); margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ogou-pf-more{ margin:12px 0 0; font-size:12px; font-weight:600; color:var(--pf-accent); }

/* Embedded widgets inside cards — normalize to dark */
.ogou-pf-card .ogou-daily,.ogou-pf-card .ogou-referral,.ogou-pf-card .ogou-vip{ margin:0; }
.ogou-pf-card .ogou-daily h3,.ogou-pf-card .ogou-referral h3{ color:#fff; }

/* Edit form */
.ogou-pf-editgrid{ display:grid; grid-template-columns:auto 1fr; gap:24px; align-items:start; }
.ogou-pf-editavatar{ text-align:center; }
.ogou-pf-editavatar img{ width:80px; height:80px; border-radius:22px; object-fit:cover; display:block; margin:0 auto 10px; border:2px solid rgba(255,255,255,.2); }
.ogou-pf-file span{ display:inline-block; font-size:12px; font-weight:600; color:var(--pf-accent); padding:6px 14px; border:1px solid var(--pf-accent); border-radius:999px; cursor:pointer; }
.ogou-pf-file input{ display:none; }
.ogou-pf-editfields{ display:flex; flex-direction:column; gap:14px; }
.ogou-pf-editfields label{ display:flex; flex-direction:column; font-size:12px; font-weight:600; gap:6px; color:var(--pf-dim); text-transform:uppercase; letter-spacing:.4px; }
.ogou-pf-editfields input{ padding:12px 14px; border:1px solid rgba(255,255,255,.12); border-radius:13px; font-size:14px; background:rgba(255,255,255,.05); color:#fff; font-family:inherit; }
.ogou-pf-editfields input::placeholder{ color:var(--pf-dim); }
.ogou-pf-editfields input:focus{ outline:none; border-color:var(--pf-accent); box-shadow:0 0 0 3px rgba(232,163,23,.2); }
.ogou-pf-editrow{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.ogou-pf-savebtn{ margin-top:6px; align-self:flex-start; cursor:pointer; color:#fff; font-weight:600; font-size:14px; font-family:inherit; border:0; border-radius:13px; padding:12px 26px; background:linear-gradient(120deg,var(--pf-primary),var(--pf-violet)); box-shadow:0 10px 26px -10px rgba(124,58,237,.6); }
.ogou-pf-savebtn:hover{ filter:brightness(1.1); }
@media (max-width:560px){ .ogou-pf-editgrid{ grid-template-columns:1fr; } .ogou-pf-editrow{ grid-template-columns:1fr; } }
.ogou-pf-notice{ padding:11px 15px; border-radius:13px; font-size:13.5px; margin-bottom:14px; }
.ogou-pf-ok{ background:rgba(31,138,76,.16); color:#4ade80; border:1px solid rgba(74,222,128,.3); }
.ogou-pf-err{ background:rgba(180,22,27,.16); color:#fca5a5; border:1px solid rgba(252,165,165,.3); }

/* History */
.ogou-pf-history{ display:flex; flex-direction:column; }
.ogou-pf-hrow{ display:grid; grid-template-columns:1.4fr 1.2fr .8fr .9fr; gap:12px; align-items:center; padding:13px 4px; border-bottom:1px solid rgba(255,255,255,.06); font-size:13.5px; }
.ogou-pf-hrow:last-child{ border-bottom:0; }
.ogou-pf-hcand{ font-weight:600; color:#fff; }
.ogou-pf-hcontest{ color:var(--pf-dim); }
.ogou-pf-hcoins{ color:var(--pf-accent); font-weight:600; }
.ogou-pf-hdate{ color:var(--pf-dim); font-size:12px; text-align:right; }
@media (max-width:560px){ .ogou-pf-hrow{ grid-template-columns:1fr 1fr; } .ogou-pf-hdate,.ogou-pf-hcontest{ display:none; } }

/* Guest */
.ogou-pf-guest{ display:flex; justify-content:center; }
.ogou-pf-guestcard{ text-align:center; max-width:440px; padding:48px 34px; border-radius:26px; background:var(--pf-panel); border:1px solid var(--pf-brd); }
.ogou-pf-guesticon{ font-size:52px; }
.ogou-pf-guestcard h2{ margin:14px 0 8px; color:#fff; }
.ogou-pf-guestcard p{ color:var(--pf-dim); }

/* Layout: clean 2-column balance. Regular cards span 6 (half), wide cards
   span 12. Candidate, edit and history are wide; stats/vip/daily/referral
   pair up two-per-row and align to equal heights within each row. */

/* =====================================================================
   Ogou Poll — candidate meta, stats bar, display layouts & extra skins
   (added v3.40) — structural pieces work under every visual style.
   ===================================================================== */

/* ---- Candidate meta (tagline + country/category chips), all layouts ---- */
.ogou-tagline{ margin:2px 14px 4px; font-size:13px; color:#6b7280; line-height:1.35; }
.ogou-chips{ display:flex; flex-wrap:wrap; gap:6px; margin:6px 14px 2px; }
.ogou-chip{ display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:600;
	padding:3px 9px; border-radius:999px; background:#f1f3f5; color:#374151; letter-spacing:.02em; }
.ogou-chip-cat{ background:rgba(232,163,23,.16); color:#8a5a00; }
.ogou-flag{ display:inline-flex; align-items:center; justify-content:center; min-width:22px; height:16px;
	padding:0 4px; border-radius:4px; background:var(--ogou-primary); color:#fff; font-size:10px; font-weight:800; letter-spacing:.04em; overflow:hidden; }
/* WordPress swaps emoji characters for <img class="emoji">. Some themes reset
   images with `img{height:auto!important}`, which lets that image render at its
   natural 72px and spill over the card. Pin it to the text size — scoped to our
   own markup so nothing else on the site is affected. */
.ogou-scope .ogou-flag-emoji img,
.ogou-scope .ogou-chip img,
.ogou-scope img.emoji{
	width:1em !important; height:1em !important; max-width:1em !important; min-width:0 !important;
	display:inline-block !important; vertical-align:-.1em !important; margin:0 !important; padding:0 !important;
	border:0 !important; box-shadow:none !important; background:none !important; object-fit:contain !important; }
.ogou-scope .ogou-flag-emoji{ display:inline-flex; align-items:center; line-height:1; }

/* ---- Stats bar ---- */
.ogou-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:0 0 20px; }
.ogou-stat{ background:var(--ogou-card-bg); border:1px solid #e6e8ec; border-radius:var(--ogou-radius);
	padding:15px 18px; display:flex; flex-direction:column; gap:6px; }
.ogou-stat-label{ font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#9aa3af; }
.ogou-stat-value{ font-size:25px; font-weight:800; color:#1c2126; line-height:1.1; }
.ogou-stat-value .ogou-flag{ vertical-align:middle; margin-right:4px; }
.ogou-stat-status.is-open{ color:#1F8A4C; } .ogou-stat-status.is-closed{ color:#9aa3af; }
@media(max-width:640px){ .ogou-stats{ grid-template-columns:repeat(2,1fr); } }

/* ---- Extra column counts (compact) ---- */
.ogou-cols-5{ grid-template-columns:repeat(5,1fr); }
.ogou-cols-6{ grid-template-columns:repeat(6,1fr); }
@media(max-width:960px){ .ogou-cols-5,.ogou-cols-6{ grid-template-columns:repeat(3,1fr);} }

/* ---- Layout: COMPACT (dense, more per row) ---- */
.ogou-layout-compact{ gap:12px; }
.ogou-layout-compact .ogou-name{ font-size:14px; margin:8px 10px 2px; }
.ogou-layout-compact .ogou-tagline{ display:none; }
.ogou-layout-compact .ogou-chips{ margin:2px 10px; }
.ogou-layout-compact .ogou-chip{ font-size:10px; padding:2px 7px; }
.ogou-layout-compact .ogou-count{ font-size:16px; margin:0 10px; }
.ogou-layout-compact .ogou-progress{ margin:6px 10px; }
.ogou-layout-compact .ogou-actions{ padding:0 10px; }
.ogou-layout-compact .ogou-details-btn{ display:none; }

/* ---- Layout: SHOWCASE (large featured cards) ---- */
.ogou-layout-showcase{ gap:26px; }
.ogou-layout-showcase .ogou-card{ border-radius:20px; }
.ogou-layout-showcase .ogou-media{ aspect-ratio:4/5; }
.ogou-layout-showcase .ogou-name{ font-size:21px; margin-top:16px; }
.ogou-layout-showcase .ogou-count{ font-size:28px; }
.ogou-layout-showcase .ogou-vote-btn{ padding:12px 18px; font-size:15px; }

/* ---- Layout: LIST (ranked horizontal rows) ---- */
.ogou-layout-list{ display:flex; flex-direction:column; gap:12px; }
.ogou-row{ display:flex; align-items:center; gap:16px; background:var(--ogou-card-bg);
	border:1px solid #e6e8ec; border-radius:var(--ogou-radius); padding:12px 16px; transition:transform .15s ease, box-shadow .15s ease; }
.ogou-row:hover{ transform:translateX(3px); box-shadow:0 6px 16px rgba(0,0,0,.08); }
.ogou-row.ogou-gold{ border-color:#e8b923; } .ogou-row.ogou-silver{ border-color:#b9c0c9; } .ogou-row.ogou-bronze{ border-color:#cd8a54; }
.ogou-row-rank{ font-size:20px; font-weight:800; min-width:34px; text-align:center; color:var(--ogou-primary); }
.ogou-row-photo{ width:56px; height:56px; border-radius:50%; background-size:cover; background-position:center; flex-shrink:0; background-color:#eef0f3; }
.ogou-row-main{ flex:1; min-width:0; }
.ogou-row-main .ogou-name{ margin:0 0 3px; font-size:16px; }
.ogou-row-main .ogou-tagline{ margin:0 0 5px; }
.ogou-row-main .ogou-chips{ margin:0 0 7px; }
.ogou-row-main .ogou-progress{ margin:0; }
.ogou-row-votes{ display:flex; flex-direction:column; align-items:flex-end; min-width:66px; }
.ogou-row-votes b{ font-size:20px; color:var(--ogou-primary); } .ogou-row-votes small{ font-size:11px; color:#9aa3af; }
.ogou-row-actions{ display:flex; flex-direction:column; gap:6px; }
@media(max-width:640px){
	.ogou-row{ flex-wrap:wrap; row-gap:10px; }
	.ogou-row-main{ order:4; flex-basis:100%; }
	.ogou-row-votes{ align-items:flex-start; }
}

/* ---- Layout: PODIUM (top 3 on a stage + list tail) ---- */
.ogou-layout-podium .ogou-stage{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; align-items:end; margin-bottom:24px; }
.ogou-pod{ background:var(--ogou-card-bg); border:1px solid #e6e8ec; border-radius:18px; padding:20px 16px 22px; text-align:center; }
.ogou-pod-1{ transform:translateY(-18px); border-color:#e8b923; box-shadow:0 14px 34px rgba(232,185,35,.30); }
.ogou-pod-2{ border-color:#b9c0c9; } .ogou-pod-3{ border-color:#cd8a54; }
.ogou-pod-badge{ font-size:30px; line-height:1; margin-bottom:8px; }
.ogou-pod-photo{ width:92px; height:92px; border-radius:50%; margin:0 auto 12px; background-size:cover; background-position:center;
	background-color:#eef0f3; border:3px solid #fff; box-shadow:0 4px 14px rgba(0,0,0,.14); }
.ogou-pod-1 .ogou-pod-photo{ width:112px; height:112px; }
.ogou-pod .ogou-name{ margin:0 0 2px; }
.ogou-pod .ogou-tagline{ margin:2px 0 4px; }
.ogou-pod .ogou-chips{ justify-content:center; margin:4px 0 8px; }
.ogou-pod-votes{ font-size:12px; color:#9aa3af; margin-bottom:12px; }
.ogou-pod-votes b{ font-size:22px; color:var(--ogou-primary); }
.ogou-stage-rest{ display:flex; flex-direction:column; gap:10px; }
@media(max-width:640px){ .ogou-layout-podium .ogou-stage{ grid-template-columns:1fr; } .ogou-pod-1{ transform:none; } }

/* ---- Keyboard focus (quality floor for all new controls) ---- */
.ogou-row .ogou-vote-btn:focus-visible,.ogou-pod .ogou-vote-btn:focus-visible,
.ogou-details-btn:focus-visible{ outline:3px solid var(--ogou-accent); outline-offset:2px; }

/* =====================================================================
   Extra visual skins (styles). Selectable in Settings → Design.
   ===================================================================== */

/* ---- AURORA: soft animated gradient field, frosted cards ---- */
.ogou-style-aurora{ background:linear-gradient(125deg,#f7e8ff,#e7f0ff,#e6fff5,#fff1e6); background-size:320% 320%;
	animation:ogou-aurora 20s ease infinite; padding:22px; border-radius:26px; --ogou-card-bg:rgba(255,255,255,.74); }
.ogou-style-aurora .ogou-card,.ogou-style-aurora .ogou-row,.ogou-style-aurora .ogou-pod,.ogou-style-aurora .ogou-stat{
	background:rgba(255,255,255,.74); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
	border:1px solid rgba(255,255,255,.7); box-shadow:0 10px 32px rgba(90,70,160,.13); }
.ogou-style-aurora .ogou-vote-btn{ background:linear-gradient(90deg,#7c3aed,#db2777); }
.ogou-style-aurora .ogou-progress span{ background:linear-gradient(90deg,#7c3aed,#db2777); }
@keyframes ogou-aurora{ 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }

/* ---- SPOTLIGHT: dark stage, warm spotlight glow (reality-show) ---- */
.ogou-style-spotlight{ background:radial-gradient(120% 90% at 50% -10%, #2a2118 0%, #14100c 55%, #0b0908 100%);
	padding:24px; border-radius:22px; --ogou-card-bg:#1c1712; --ogou-accent:#f5c451; }
.ogou-style-spotlight .ogou-card,.ogou-style-spotlight .ogou-row,.ogou-style-spotlight .ogou-pod,.ogou-style-spotlight .ogou-stat{
	background:linear-gradient(180deg,#221b14,#171209); border:1px solid #3a2f1f; box-shadow:0 12px 34px rgba(0,0,0,.5); }
.ogou-style-spotlight .ogou-name,.ogou-style-spotlight .ogou-stat-value{ color:#f5efe4; }
.ogou-style-spotlight .ogou-tagline{ color:#b9a888; }
.ogou-style-spotlight .ogou-count,.ogou-style-spotlight .ogou-row-votes b,.ogou-style-spotlight .ogou-pod-votes b{ color:#f5c451; }
.ogou-style-spotlight .ogou-vote-btn{ background:linear-gradient(90deg,#f5c451,#d98a1f); color:#231603; }
.ogou-style-spotlight .ogou-chip{ background:#2c2318; color:#e5d5b6; }
.ogou-style-spotlight .ogou-media-empty,.ogou-style-spotlight .ogou-row-photo-empty,.ogou-style-spotlight .ogou-pod-photo-empty{ background:linear-gradient(135deg,#2a2118,#191309); }

/* ---- NEON: near-black arena, electric edges (esports energy) ---- */
.ogou-style-neon{ background:#0a0a12; padding:22px; border-radius:20px; --ogou-card-bg:#111120; --ogou-primary:#ff2d78; --ogou-accent:#22d3ee; }
.ogou-style-neon .ogou-card,.ogou-style-neon .ogou-row,.ogou-style-neon .ogou-pod,.ogou-style-neon .ogou-stat{
	background:#111120; border:1px solid #23233b; box-shadow:0 0 0 1px rgba(34,211,238,.06); transition:box-shadow .2s, transform .2s; }
.ogou-style-neon .ogou-card:hover,.ogou-style-neon .ogou-row:hover{ box-shadow:0 0 22px rgba(34,211,238,.35); border-color:#22d3ee; }
.ogou-style-neon .ogou-name,.ogou-style-neon .ogou-stat-value{ color:#eaf6ff; }
.ogou-style-neon .ogou-tagline{ color:#8a8ab0; }
.ogou-style-neon .ogou-count,.ogou-style-neon .ogou-row-votes b,.ogou-style-neon .ogou-pod-votes b{ color:#22d3ee; text-shadow:0 0 12px rgba(34,211,238,.6); }
.ogou-style-neon .ogou-vote-btn{ background:linear-gradient(90deg,#ff2d78,#a21caf); box-shadow:0 0 18px rgba(255,45,120,.45); }
.ogou-style-neon .ogou-progress{ background:#1c1c30; } .ogou-style-neon .ogou-progress span{ background:linear-gradient(90deg,#22d3ee,#ff2d78); }
.ogou-style-neon .ogou-chip{ background:#1a1a2e; color:#a6a6d0; }

/* ---- EDITORIAL: quiet, refined, magazine typography ---- */
.ogou-style-editorial{ background:#faf8f4; padding:20px; border-radius:0; --ogou-card-bg:#ffffff; --ogou-radius:2px; }
.ogou-style-editorial .ogou-card,.ogou-style-editorial .ogou-row,.ogou-style-editorial .ogou-pod,.ogou-style-editorial .ogou-stat{
	border:1px solid #e7e2d8; border-radius:2px; box-shadow:none; }
.ogou-style-editorial .ogou-card:hover{ transform:none; box-shadow:0 2px 0 #111; }
.ogou-style-editorial .ogou-name{ font-family:Georgia,'Times New Roman',serif; font-weight:700; font-size:19px; letter-spacing:-.01em; }
.ogou-style-editorial .ogou-stat-value{ font-family:Georgia,serif; }
.ogou-style-editorial .ogou-tagline{ font-style:italic; }
.ogou-style-editorial .ogou-vote-btn{ background:#111; border-radius:2px; }
.ogou-style-editorial .ogou-chip{ border-radius:2px; background:#f0ece3; }
.ogou-style-editorial .ogou-flag{ border-radius:2px; }
.ogou-style-editorial .ogou-progress span{ background:#111; }

/* ---- KENTE: pan-African textile bands, warm & celebratory ---- */
.ogou-style-kente{ background:#fbf6ee; padding:22px; border-radius:16px; --ogou-card-bg:#fffdf9; --ogou-primary:#c1121f; --ogou-accent:#f0a202; }
.ogou-style-kente .ogou-card,.ogou-style-kente .ogou-pod{ border:1px solid #ecd9b8; overflow:hidden; }
.ogou-style-kente .ogou-card::before,.ogou-style-kente .ogou-pod::before{ content:""; display:block; height:6px;
	background:repeating-linear-gradient(90deg,#1b7a43 0 14px,#f0a202 14px 28px,#c1121f 28px 42px,#111 42px 46px); }
.ogou-style-kente .ogou-row{ border:1px solid #ecd9b8; border-left:6px solid #f0a202; }
.ogou-style-kente .ogou-stat{ border:1px solid #ecd9b8; border-top:4px solid #c1121f; }
.ogou-style-kente .ogou-name{ color:#3a2a12; font-weight:800; }
.ogou-style-kente .ogou-vote-btn{ background:linear-gradient(90deg,#c1121f,#f0a202); }
.ogou-style-kente .ogou-chip-cat{ background:rgba(27,122,67,.16); color:#1b7a43; }

/* ---- GALA: black-tie, gold on charcoal (awards night) ---- */
.ogou-style-gala{ background:linear-gradient(180deg,#15130f,#0c0b09); padding:24px; border-radius:20px;
	--ogou-card-bg:#1a1712; --ogou-primary:#caa646; --ogou-accent:#caa646; }
.ogou-style-gala .ogou-card,.ogou-style-gala .ogou-row,.ogou-style-gala .ogou-pod,.ogou-style-gala .ogou-stat{
	background:#161310; border:1px solid #3b3221; box-shadow:0 10px 30px rgba(0,0,0,.5); }
.ogou-style-gala .ogou-card{ border-image:linear-gradient(180deg,#caa646,#3b3221) 1; }
.ogou-style-gala .ogou-name,.ogou-style-gala .ogou-stat-value{ color:#f3ecd9; font-family:Georgia,serif; }
.ogou-style-gala .ogou-tagline{ color:#b3a785; }
.ogou-style-gala .ogou-count,.ogou-style-gala .ogou-row-votes b,.ogou-style-gala .ogou-pod-votes b{ color:#caa646; }
.ogou-style-gala .ogou-vote-btn{ background:linear-gradient(90deg,#caa646,#9a7b2e); color:#1a1305; }
.ogou-style-gala .ogou-chip{ background:#241f16; color:#d9c98f; }
.ogou-style-gala .ogou-flag{ background:#caa646; color:#1a1305; }

/* ---- POP: bright, playful, TikTok-generation energy ---- */
.ogou-style-pop{ background:linear-gradient(135deg,#fff4d6,#ffe0ec); padding:22px; border-radius:24px;
	--ogou-card-bg:#ffffff; --ogou-primary:#ff3d81; --ogou-accent:#ffb703; --ogou-radius:20px; }
.ogou-style-pop .ogou-card,.ogou-style-pop .ogou-row,.ogou-style-pop .ogou-pod,.ogou-style-pop .ogou-stat{
	border:2px solid #111; border-radius:20px; box-shadow:5px 5px 0 #111; }
.ogou-style-pop .ogou-card:hover,.ogou-style-pop .ogou-row:hover{ transform:translate(-2px,-2px); box-shadow:7px 7px 0 #111; }
.ogou-style-pop .ogou-name{ font-weight:800; color:#111; }
.ogou-style-pop .ogou-vote-btn{ background:#ff3d81; border:2px solid #111; box-shadow:3px 3px 0 #111; }
.ogou-style-pop .ogou-vote-btn:hover{ transform:translate(-1px,-1px); box-shadow:4px 4px 0 #111; }
.ogou-style-pop .ogou-chip{ border:1.5px solid #111; background:#fff; }
.ogou-style-pop .ogou-chip-cat{ background:#ffb703; }
.ogou-style-pop .ogou-progress{ background:#ffe0ec; border:1px solid #111; } .ogou-style-pop .ogou-progress span{ background:#ff3d81; }

@media(prefers-reduced-motion:reduce){ .ogou-style-aurora{ animation:none; } }

/* Flag emoji beside the ISO badge — uses the OS emoji font so no assets needed. */
.ogou-flag-emoji{
	font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","EmojiOne Color","Twemoji Mozilla",sans-serif;
	font-style:normal; font-weight:normal; line-height:1;
}

/* ================================================================
   SKIN OVERHAUL v3.43.0
   Each skin now changes SHAPE + TYPOGRAPHY + LAYOUT + BUTTONS, not
   just colours, so every style reads as a distinct product. Rules
   live at the end of the file so they win over the earlier blocks.
   ================================================================ */

/* ---- Bigger, clearer flags everywhere (owner request) ---- */
.ogou-flag{ min-width:30px; height:21px; padding:0 6px; font-size:12px; border-radius:5px; }
.ogou-flag-emoji{ font-size:19px; }
.ogou-chip.ogou-chip-country{ font-size:12.5px; padding:4px 10px; }
.ogou-stat-value .ogou-flag{ min-width:38px; height:27px; font-size:14px; }
.ogou-stat-value .ogou-flag-emoji{ font-size:26px; }
.ogou-chip-country > span{ font-weight:700; }

/* =====================================================================
   1) LIQUID GLASS — heavy frost, iridescent sheen, pill everything
   ===================================================================== */
.ogou-style-liquid-glass .ogou-card{
	border-radius:22px; border:1px solid rgba(255,255,255,.55);
	background:linear-gradient(160deg,rgba(255,255,255,.55),rgba(255,255,255,.25));
	backdrop-filter:blur(18px) saturate(140%); -webkit-backdrop-filter:blur(18px) saturate(140%);
	box-shadow:0 10px 30px rgba(31,38,135,.18);
}
.ogou-style-liquid-glass .ogou-card::after{ content:""; position:absolute; inset:0; border-radius:22px; pointer-events:none;
	background:linear-gradient(120deg,rgba(255,255,255,.35),transparent 40%); mix-blend-mode:screen; }
.ogou-style-liquid-glass .ogou-name{ font-weight:700; letter-spacing:-.01em; }
.ogou-style-liquid-glass .ogou-vote-btn{ border-radius:999px; }

/* =====================================================================
   2) GLASSMORPHISM — crisp, high-transparency, thin, NO sheen (airy)
   ===================================================================== */
.ogou-style-glassmorphism{ background:linear-gradient(135deg,#a1c4fd,#c2e9fb); padding:22px; border-radius:20px; }
.ogou-style-glassmorphism .ogou-card{
	border-radius:16px; border:1px solid rgba(255,255,255,.7);
	background:rgba(255,255,255,.18); backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px);
	box-shadow:0 4px 18px rgba(0,0,0,.08);
}
.ogou-style-glassmorphism .ogou-card:hover{ background:rgba(255,255,255,.30); transform:none; }
.ogou-style-glassmorphism .ogou-name{ color:#0f2544; font-weight:600; }
.ogou-style-glassmorphism .ogou-count{ color:#0b3a67; }
.ogou-style-glassmorphism .ogou-vote-btn{ background:rgba(15,37,68,.9); border-radius:12px; }

/* =====================================================================
   3) NEUMORPHISM — soft embossed monochrome, no borders, no colour cards
   ===================================================================== */
.ogou-style-neumorphism{ background:#e6e9ef; padding:24px; border-radius:22px; }
.ogou-style-neumorphism .ogou-card{
	background:#e6e9ef; border:none; border-radius:22px;
	box-shadow:9px 9px 18px #c5c9d0, -9px -9px 18px #ffffff;
}
.ogou-style-neumorphism .ogou-card:hover{ transform:none; box-shadow:6px 6px 12px #c5c9d0, -6px -6px 12px #ffffff; }
.ogou-style-neumorphism .ogou-media{ border-radius:18px; margin:12px 12px 0; aspect-ratio:1/1; }
.ogou-style-neumorphism .ogou-name{ color:#4b5563; }
.ogou-style-neumorphism .ogou-count{ color:#374151; }
.ogou-style-neumorphism .ogou-progress{ background:#e6e9ef; box-shadow:inset 2px 2px 5px #c5c9d0, inset -2px -2px 5px #fff; }
.ogou-style-neumorphism .ogou-vote-btn{ background:#e6e9ef; color:var(--ogou-primary); font-weight:800;
	box-shadow:5px 5px 10px #c5c9d0, -5px -5px 10px #ffffff; }
.ogou-style-neumorphism .ogou-details-btn{ border:none; box-shadow:4px 4px 8px #c5c9d0, -4px -4px 8px #fff; }

/* =====================================================================
   4) FLAT MODERN — flat, bright, accent top-bar, square-ish, no gradient
   ===================================================================== */
.ogou-style-flat-modern{ background:#f5f7fa; padding:20px; border-radius:14px; }
.ogou-style-flat-modern .ogou-card{ border-radius:12px; border:none; box-shadow:0 1px 4px rgba(0,0,0,.08);
	border-top:4px solid var(--ogou-primary); }
.ogou-style-flat-modern .ogou-card:hover{ transform:none; box-shadow:0 6px 16px rgba(0,0,0,.12); }
.ogou-style-flat-modern .ogou-name{ text-transform:uppercase; letter-spacing:.02em; font-size:15px; font-weight:800; }
.ogou-style-flat-modern .ogou-vote-btn{ border-radius:8px; background:var(--ogou-primary); }
.ogou-style-flat-modern .ogou-details-btn{ border-radius:8px; }
.ogou-style-flat-modern .ogou-progress span{ background:var(--ogou-primary); }

/* =====================================================================
   5) CLASSIC DARK — premium dark, neon accent, glossy
   ===================================================================== */
.ogou-style-classic-dark{ background:#12161c; padding:22px; border-radius:18px; }
.ogou-style-classic-dark .ogou-card{ background:#1a1f27; border:1px solid #2a323d; border-radius:14px; box-shadow:none; }
.ogou-style-classic-dark .ogou-card:hover{ border-color:var(--ogou-accent); box-shadow:0 0 0 1px var(--ogou-accent); }
.ogou-style-classic-dark .ogou-name{ color:#eef2f6; }
.ogou-style-classic-dark .ogou-count{ color:var(--ogou-accent); }
.ogou-style-classic-dark .ogou-tagline{ color:#8a93a0; }
.ogou-style-classic-dark .ogou-details-btn{ color:#cfd6de; border-color:#3a434f; }
.ogou-style-classic-dark .ogou-progress{ background:#2a323d; }

/* =====================================================================
   6) AURORA — airy animated pastel gradient, frosted white cards
   ===================================================================== */
.ogou-style-aurora .ogou-card{ border-radius:20px; background:rgba(255,255,255,.72);
	backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.8); }
.ogou-style-aurora .ogou-name{ color:#3b2360; font-weight:700; }
.ogou-style-aurora .ogou-count{ background:linear-gradient(90deg,#7c3aed,#db2777);
	-webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.ogou-style-aurora .ogou-vote-btn{ border-radius:999px; }

/* =====================================================================
   7) SPOTLIGHT — cinematic dark stage, gold, top card glows on stage
   ===================================================================== */
.ogou-style-spotlight .ogou-card{ border-radius:14px; border:1px solid #2c2318; }
.ogou-style-spotlight .ogou-card.ogou-gold{ box-shadow:0 0 34px rgba(245,196,81,.4); border-color:#f5c451; transform:scale(1.02); }
.ogou-style-spotlight .ogou-name{ letter-spacing:.01em; }
.ogou-style-spotlight .ogou-count{ font-size:24px; }
.ogou-style-spotlight .ogou-vote-btn{ border-radius:10px; font-weight:800; }

/* =====================================================================
   8) NEON — esports, uppercase mono, glow, near-black
   ===================================================================== */
.ogou-style-neon .ogou-card{ border-radius:12px; }
.ogou-style-neon .ogou-name{ font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
	text-transform:uppercase; letter-spacing:.06em; font-size:14px; }
.ogou-style-neon .ogou-count{ font-family:ui-monospace,Menlo,Consolas,monospace; }
.ogou-style-neon .ogou-vote-btn{ border-radius:6px; text-transform:uppercase; letter-spacing:.08em; font-weight:800; }
.ogou-style-neon .ogou-details-btn{ color:#22d3ee; border-color:#22d3ee; border-radius:6px; }
.ogou-style-neon .ogou-badge{ background:#22d3ee; color:#04121a; }

/* =====================================================================
   9) EDITORIAL — print magazine, serif, square, hairline, no shadow
   ===================================================================== */
.ogou-style-editorial .ogou-card{ border-radius:0; border:1px solid #111; box-shadow:none; padding-bottom:16px; }
.ogou-style-editorial .ogou-media{ aspect-ratio:3/4; }
.ogou-style-editorial .ogou-name{ font-family:Georgia,"Times New Roman",serif; font-weight:700; font-size:22px;
	letter-spacing:-.015em; margin:14px 16px 4px; }
.ogou-style-editorial .ogou-count{ font-family:Georgia,serif; font-size:16px; font-weight:700; color:#111; }
.ogou-style-editorial .ogou-count::after{ content:" votes"; font-size:11px; font-style:italic; color:#666; font-weight:400; }
.ogou-style-editorial .ogou-progress{ height:2px; border-radius:0; }
.ogou-style-editorial .ogou-vote-btn{ border-radius:0; background:#111; text-transform:uppercase; letter-spacing:.1em; font-size:12px; }
.ogou-style-editorial .ogou-details-btn{ border-radius:0; border-color:#111; color:#111; }

/* =====================================================================
   10) KENTE — pan-African textile band, warm, bold
   ===================================================================== */
.ogou-style-kente .ogou-name{ color:#3a2a12; font-weight:800; }
.ogou-style-kente .ogou-count{ color:#c1121f; }
.ogou-style-kente .ogou-vote-btn{ border-radius:10px; font-weight:800; }
.ogou-style-kente .ogou-progress span{ background:linear-gradient(90deg,#1b7a43,#f0a202,#c1121f); }

/* =====================================================================
   11) GALA — black & gold luxe, serif, thin gold hairline, centered
   ===================================================================== */
.ogou-style-gala .ogou-card{ border-radius:6px; }
.ogou-style-gala .ogou-name{ text-align:center; font-family:Georgia,serif; letter-spacing:.02em; }
.ogou-style-gala .ogou-count{ text-align:center; }
.ogou-style-gala .ogou-tagline{ text-align:center; } .ogou-style-gala .ogou-chips{ justify-content:center; }
.ogou-style-gala .ogou-vote-btn{ border-radius:4px; text-transform:uppercase; letter-spacing:.12em; font-size:12px; font-weight:700; }
.ogou-style-gala .ogou-details-btn{ border-radius:4px; border-color:#caa646; color:#caa646; }

/* =====================================================================
   12) POP — neo-brutalist, hard black borders + hard offset shadow
   ===================================================================== */
.ogou-style-pop .ogou-card{ border:3px solid #111; border-radius:8px; box-shadow:6px 6px 0 #111; }
.ogou-style-pop .ogou-media{ border-bottom:3px solid #111; }
.ogou-style-pop .ogou-name{ text-transform:uppercase; font-weight:900; letter-spacing:-.01em; }
.ogou-style-pop .ogou-count{ display:inline-block; margin:2px 14px; padding:2px 10px; border:2px solid #111; border-radius:6px; background:#ffef5c; color:#111; }
.ogou-style-pop .ogou-vote-btn{ border-radius:6px; font-weight:900; text-transform:uppercase; }
.ogou-style-pop .ogou-details-btn{ border:2px solid #111; color:#111; border-radius:6px; }
.ogou-style-pop .ogou-badge{ background:#111; border:2px solid #111; }

/* =====================================================================
   13) TIKAFRICA — poster card, centred uppercase name, boxed vote total,
       orange pill CTA, stacked secondary button, pan-African accents.
       Mirrors the tikafricachallenge.org candidate cards.
   ===================================================================== */
.ogou-style-tikafrica{ background:#eef1f4; padding:22px; border-radius:18px;
	/* brand colours inherit from the site (no forced orange/green) */ }
.ogou-style-tikafrica .ogou-card{
	background:#fff; border:1px solid #e3e7ec; border-radius:18px; box-shadow:0 6px 22px rgba(20,30,45,.08);
	padding:12px 12px 16px; overflow:visible;
}
.ogou-style-tikafrica .ogou-card:hover{ transform:translateY(-2px); box-shadow:0 12px 30px rgba(20,30,45,.14); }
/* poster media: portrait, rounded, tri-colour band under it */
.ogou-style-tikafrica .ogou-media{ aspect-ratio:4/5; border-radius:12px; overflow:hidden; position:relative; }
.ogou-style-tikafrica .ogou-media::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:6px;
	background:linear-gradient(90deg,#1b9e5a 0 33%,#f7c948 33% 66%,#e8730c 66% 100%); }
.ogou-style-tikafrica .ogou-name{ text-align:center; text-transform:uppercase; font-weight:900;
	font-size:20px; letter-spacing:.01em; color:#151b22; margin:16px 10px 4px; }
.ogou-style-tikafrica .ogou-tagline{ text-align:center; }
.ogou-style-tikafrica .ogou-chips{ justify-content:center; }
/* boxed "TOTAL DES VOTES" tile around the plain count number */
.ogou-style-tikafrica .ogou-count{
	text-align:center; margin:12px 12px 6px; padding:12px 10px 10px; border:1px solid #e3e7ec; border-radius:14px;
	font-size:30px; font-weight:900; color:var(--ogou-accent); line-height:1;
}
.ogou-style-tikafrica .ogou-count::before{ content:"TOTAL DES VOTES"; display:block; font-size:10px; font-weight:800;
	letter-spacing:.14em; color:#9aa3af; margin-bottom:7px; }
.ogou-style-tikafrica .ogou-progress{ display:none; }
/* stack the actions: solid orange CTA on top, outline secondary below */
.ogou-style-tikafrica .ogou-actions{ flex-direction:column; gap:9px; margin:10px 12px 0; }
.ogou-style-tikafrica .ogou-vote-btn{ order:1; width:100%; border-radius:999px; background:var(--ogou-primary);
	text-transform:uppercase; letter-spacing:.05em; font-weight:800; padding:13px; }
.ogou-style-tikafrica .ogou-details-btn{ order:2; width:100%; flex:1; border-radius:999px;
	border:1px solid #d5dbe2; color:#3a4652; font-weight:700; }
.ogou-style-tikafrica .ogou-details-btn:hover{ background:#f5f7fa; color:#151b22; border-color:#c2cad3; }
.ogou-style-tikafrica .ogou-badge{ background:#151b22; }
.ogou-style-tikafrica .ogou-vote-locked{ order:1; }

/* ================================================================
   SKIN SYSTEM v3.44.0 — FUTURISTIC, BACKGROUND-FREE
   Owner feedback: no page backgrounds (they look dated / "2015"),
   skins must differ in CANDIDATE LAYOUT (not just colour), and feel
   futuristic / timeless. This block supersedes all earlier skin CSS
   (it is last in the file, so equal-specificity rules win).
   ================================================================ */

/* ---- 0. KILL every scope background/padding from earlier blocks ---- */
.ogou-scope.ogou-style-liquid-glass, .ogou-scope.ogou-style-glassmorphism,
.ogou-scope.ogou-style-neumorphism, .ogou-scope.ogou-style-flat-modern,
.ogou-scope.ogou-style-classic-dark, .ogou-scope.ogou-style-aurora,
.ogou-scope.ogou-style-spotlight, .ogou-scope.ogou-style-neon,
.ogou-scope.ogou-style-editorial, .ogou-scope.ogou-style-kente,
.ogou-scope.ogou-style-gala, .ogou-scope.ogou-style-pop,
.ogou-scope.ogou-style-tikafrica{
	background:none; padding:0; border-radius:0; animation:none; box-shadow:none;
}

/* ---- shared futuristic base tweaks (apply to all skins' cards) ---- */
.ogou-scope[class*="ogou-style-"] .ogou-card{ box-shadow:0 6px 24px rgba(17,24,39,.07); }
.ogou-scope[class*="ogou-style-"] .ogou-card:hover{ transform:translateY(-4px); box-shadow:0 16px 40px rgba(17,24,39,.13); }

/* =====================================================================
   1) LIQUID GLASS — frosted glass CARD on any page (light, airy)
   ===================================================================== */
.ogou-style-liquid-glass .ogou-card{ border-radius:22px; border:1px solid rgba(255,255,255,.6);
	background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(255,255,255,.6));
	backdrop-filter:blur(14px) saturate(150%); -webkit-backdrop-filter:blur(14px) saturate(150%); }
.ogou-style-liquid-glass .ogou-name{ font-weight:700; letter-spacing:-.02em; }
.ogou-style-liquid-glass .ogou-vote-btn{ border-radius:999px; }

/* =====================================================================
   2) GLASSMORPHISM  → MINIMAL LINE layout (ultra-clean, no shadow)
      Distinct layout: no card shadow, single hairline under image,
      name + count on one baseline row, tiny accent dot.
   ===================================================================== */
.ogou-style-glassmorphism .ogou-card{ border-radius:14px; border:1px solid #edf0f3; background:#fff; box-shadow:none; }
.ogou-style-glassmorphism .ogou-card:hover{ box-shadow:0 8px 24px rgba(17,24,39,.08); transform:none; border-color:#e2e6ea; }
.ogou-style-glassmorphism .ogou-media{ border-bottom:1px solid #edf0f3; }
.ogou-style-glassmorphism .ogou-name{ font-weight:600; letter-spacing:-.01em; }
.ogou-style-glassmorphism .ogou-name::before{ content:""; display:inline-block; width:7px; height:7px; border-radius:50%;
	background:var(--ogou-primary); margin-right:8px; vertical-align:middle; }
.ogou-style-glassmorphism .ogou-count{ font-weight:700; }
.ogou-style-glassmorphism .ogou-vote-btn{ border-radius:10px; }
.ogou-style-glassmorphism .ogou-progress{ height:3px; }

/* =====================================================================
   3) NEUMORPHISM — soft embossed CARD (monochrome, no page bg)
   ===================================================================== */
.ogou-style-neumorphism .ogou-card{ background:#eef1f6; border:none; border-radius:22px;
	box-shadow:8px 8px 20px #d3d8e2, -8px -8px 20px #ffffff; }
.ogou-style-neumorphism .ogou-card:hover{ transform:none; box-shadow:5px 5px 12px #d3d8e2, -5px -5px 12px #ffffff; }
.ogou-style-neumorphism .ogou-media{ border-radius:16px; margin:12px 12px 0; }
.ogou-style-neumorphism .ogou-name{ color:#455066; }
.ogou-style-neumorphism .ogou-count{ color:#37415a; }
.ogou-style-neumorphism .ogou-progress{ background:#eef1f6; box-shadow:inset 2px 2px 5px #d3d8e2, inset -2px -2px 5px #fff; }
.ogou-style-neumorphism .ogou-vote-btn{ background:#eef1f6; color:var(--ogou-primary); font-weight:800;
	box-shadow:5px 5px 12px #d3d8e2, -5px -5px 12px #ffffff; }
.ogou-style-neumorphism .ogou-details-btn{ border:none; box-shadow:4px 4px 9px #d3d8e2, -4px -4px 9px #fff; }

/* =====================================================================
   4) FLAT MODERN — clean flat card, accent top rail, uppercase
   ===================================================================== */
.ogou-style-flat-modern .ogou-card{ border-radius:12px; border:none; box-shadow:0 1px 3px rgba(17,24,39,.1);
	border-top:3px solid var(--ogou-primary); }
.ogou-style-flat-modern .ogou-name{ text-transform:uppercase; letter-spacing:.03em; font-size:15px; font-weight:800; }
.ogou-style-flat-modern .ogou-vote-btn{ border-radius:8px; }
.ogou-style-flat-modern .ogou-details-btn{ border-radius:8px; }

/* =====================================================================
   5) CLASSIC DARK — dark GLASS card (portable, sits on any page)
   ===================================================================== */
.ogou-style-classic-dark .ogou-card{ border-radius:16px; border:1px solid #23293a;
	background:linear-gradient(160deg,#1b2130,#141926); }
.ogou-style-classic-dark .ogou-card:hover{ border-color:#3a4560; box-shadow:0 16px 40px rgba(0,0,0,.4); }
.ogou-style-classic-dark .ogou-name{ color:#eef2f8; }
.ogou-style-classic-dark .ogou-count{ color:#7dd3fc; }
.ogou-style-classic-dark .ogou-tagline{ color:#8b95a7; }
.ogou-style-classic-dark .ogou-details-btn{ color:#c7d0dd; border-color:#3a4560; }
.ogou-style-classic-dark .ogou-progress{ background:#23293a; }
.ogou-style-classic-dark .ogou-media-empty{ background:linear-gradient(135deg,#1b2130,#232b3d); }

/* =====================================================================
   6) AURORA — clean white card, aurora GRADIENT accents (no bg, no anim)
   ===================================================================== */
.ogou-style-aurora .ogou-card{ border-radius:20px; border:1px solid #eef0f6; background:#fff; }
.ogou-style-aurora .ogou-name{ color:#2b2350; font-weight:700; }
.ogou-style-aurora .ogou-count{ background:linear-gradient(90deg,#6366f1,#d946ef,#f97316);
	-webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; font-weight:900; }
.ogou-style-aurora .ogou-progress span{ background:linear-gradient(90deg,#6366f1,#d946ef); }
.ogou-style-aurora .ogou-vote-btn{ background:linear-gradient(90deg,#6366f1,#d946ef); border-radius:999px; }

/* =====================================================================
   7) SPOTLIGHT  → OVERLAY layout: name + flag ON the photo (bottom-right)
      The candidate LAYOUT itself changes: fixed-height image with a
      gradient scrim; name overlaid bottom-left, FLAG overlaid bottom-
      right on the photo; votes + button in a slim footer below.
   ===================================================================== */
.ogou-style-spotlight .ogou-card{ border-radius:18px; border:1px solid #ececf1; background:#fff; padding-bottom:14px; }
.ogou-style-spotlight .ogou-media{ height:300px; aspect-ratio:auto; position:relative; border-radius:18px 18px 0 0; }
.ogou-style-spotlight .ogou-media img{ height:100%; }
.ogou-style-spotlight .ogou-media::after{ content:""; position:absolute; inset:0; border-radius:18px 18px 0 0;
	background:linear-gradient(to top, rgba(8,10,18,.88) 0%, rgba(8,10,18,.30) 38%, transparent 62%); }
/* name overlaid near the image bottom-left */
.ogou-style-spotlight .ogou-name{ position:absolute; top:250px; left:16px; right:96px; margin:0; z-index:3;
	color:#fff; font-size:18px; font-weight:800; text-shadow:0 1px 4px rgba(0,0,0,.4); }
/* flag overlaid on the photo, bottom-right */
.ogou-style-spotlight .ogou-chips{ position:absolute; top:256px; right:14px; left:auto; margin:0; z-index:4; justify-content:flex-end; }
.ogou-style-spotlight .ogou-chip-cat{ display:none; }
.ogou-style-spotlight .ogou-chip-country{ background:rgba(255,255,255,.92); backdrop-filter:blur(4px); }
.ogou-style-spotlight .ogou-tagline{ display:none; }
/* votes + actions flow below the image */
.ogou-style-spotlight .ogou-count{ margin-top:14px; }
.ogou-style-spotlight .ogou-vote-btn{ border-radius:12px; font-weight:800; }

/* =====================================================================
   8) NEON — dark glass card + neon glow accent + mono type (portable)
   ===================================================================== */
.ogou-style-neon .ogou-card{ border-radius:14px; border:1px solid #1e2440;
	background:linear-gradient(160deg,#121427,#0d0f1e); }
.ogou-style-neon .ogou-card:hover{ border-color:#22d3ee; box-shadow:0 0 26px rgba(34,211,238,.3); }
.ogou-style-neon .ogou-name{ font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
	text-transform:uppercase; letter-spacing:.06em; font-size:14px; color:#eaf6ff; }
.ogou-style-neon .ogou-tagline{ color:#7c86ad; }
.ogou-style-neon .ogou-count{ font-family:ui-monospace,Menlo,Consolas,monospace; color:#22d3ee;
	text-shadow:0 0 14px rgba(34,211,238,.5); }
.ogou-style-neon .ogou-progress{ background:#1a1f3a; } .ogou-style-neon .ogou-progress span{ background:linear-gradient(90deg,#22d3ee,#a855f7); }
.ogou-style-neon .ogou-vote-btn{ background:linear-gradient(90deg,#22d3ee,#a855f7); color:#04121a;
	border-radius:8px; text-transform:uppercase; letter-spacing:.06em; font-weight:800; }
.ogou-style-neon .ogou-details-btn{ color:#22d3ee; border-color:#22d3ee; border-radius:8px; }
.ogou-style-neon .ogou-media-empty{ background:linear-gradient(135deg,#121427,#1e2440); }

/* =====================================================================
   9) EDITORIAL — timeless serif, hairline, square, portrait media
   ===================================================================== */
.ogou-style-editorial .ogou-card{ border-radius:0; border:1px solid #1a1a1a; box-shadow:none; }
.ogou-style-editorial .ogou-card:hover{ box-shadow:5px 5px 0 #1a1a1a; transform:translate(-2px,-2px); }
.ogou-style-editorial .ogou-media{ aspect-ratio:3/4; }
.ogou-style-editorial .ogou-name{ font-family:Georgia,"Times New Roman",serif; font-weight:700; font-size:22px;
	letter-spacing:-.015em; margin:14px 16px 4px; }
.ogou-style-editorial .ogou-count{ font-family:Georgia,serif; font-size:17px; font-weight:700; color:#111; }
.ogou-style-editorial .ogou-count::after{ content:" votes"; font-size:11px; font-style:italic; color:#666; font-weight:400; }
.ogou-style-editorial .ogou-progress{ height:2px; border-radius:0; }
.ogou-style-editorial .ogou-vote-btn{ border-radius:0; background:#111; text-transform:uppercase; letter-spacing:.1em; font-size:12px; }
.ogou-style-editorial .ogou-details-btn{ border-radius:0; border-color:#111; color:#111; }

/* =====================================================================
   10) KENTE — clean white card, thin pan-African tri-colour top rail
   ===================================================================== */
.ogou-style-kente .ogou-card{ border-radius:14px; border:1px solid #eee3d0; background:#fff; overflow:hidden; }
.ogou-style-kente .ogou-card::before{ content:""; display:block; height:5px;
	background:linear-gradient(90deg,#1b7a43 0 33%,#f0a202 33% 66%,#c1121f 66% 100%); }
.ogou-style-kente .ogou-name{ color:#2a2010; font-weight:800; }
.ogou-style-kente .ogou-count{ color:#c1121f; }
.ogou-style-kente .ogou-vote-btn{ background:linear-gradient(90deg,#1b7a43,#c1121f); border-radius:10px; font-weight:800; }
.ogou-style-kente .ogou-progress span{ background:linear-gradient(90deg,#1b7a43,#f0a202,#c1121f); }

/* =====================================================================
   11) GALA — near-black glass luxe card, gold hairline, serif centred
   ===================================================================== */
.ogou-style-gala .ogou-card{ border-radius:8px; border:1px solid rgba(202,166,70,.5);
	background:linear-gradient(160deg,#16130d,#0c0b08); }
.ogou-style-gala .ogou-card:hover{ border-color:#caa646; box-shadow:0 16px 40px rgba(0,0,0,.5); }
.ogou-style-gala .ogou-name{ text-align:center; font-family:Georgia,serif; color:#f3ecd9; letter-spacing:.02em; }
.ogou-style-gala .ogou-tagline{ text-align:center; color:#a99a72; }
.ogou-style-gala .ogou-chips{ justify-content:center; }
.ogou-style-gala .ogou-count{ text-align:center; color:#caa646; }
.ogou-style-gala .ogou-vote-btn{ background:linear-gradient(90deg,#caa646,#9a7b2e); color:#160f02;
	border-radius:4px; text-transform:uppercase; letter-spacing:.12em; font-size:12px; font-weight:800; }
.ogou-style-gala .ogou-details-btn{ border-radius:4px; border-color:#caa646; color:#caa646; }
.ogou-style-gala .ogou-progress{ background:#2a2417; }
.ogou-style-gala .ogou-media-empty{ background:linear-gradient(135deg,#16130d,#2a2417); }

/* =====================================================================
   12) POP — neo-brutalist card: 3px black border + hard offset shadow
   ===================================================================== */
.ogou-style-pop .ogou-card{ border:3px solid #111; border-radius:8px; box-shadow:6px 6px 0 #111; background:#fff; }
.ogou-style-pop .ogou-card:hover{ transform:translate(-2px,-2px); box-shadow:8px 8px 0 #111; }
.ogou-style-pop .ogou-media{ border-bottom:3px solid #111; }
.ogou-style-pop .ogou-name{ text-transform:uppercase; font-weight:900; letter-spacing:-.01em; }
.ogou-style-pop .ogou-count{ display:inline-block; margin:2px 14px; padding:2px 10px; border:2px solid #111;
	border-radius:6px; background:#ffef5c; color:#111; }
.ogou-style-pop .ogou-vote-btn{ border-radius:6px; font-weight:900; text-transform:uppercase; border:2px solid #111; box-shadow:3px 3px 0 #111; }
.ogou-style-pop .ogou-details-btn{ border:2px solid #111; color:#111; border-radius:6px; }
.ogou-style-pop .ogou-badge{ background:#111; border:2px solid #111; }

/* =====================================================================
   13) TIKAFRICA  → STAT-HERO layout: the big vote number is the hero
       (this is the ONLY thing the owner wanted from the reference —
       NO poster background, NO theme; clean futuristic white card).
   ===================================================================== */
/* Stat-Hero inherits the site brand palette (was: green accent) */
.ogou-style-tikafrica .ogou-card{ border-radius:18px; border:1px solid #eef1f4; background:#fff; }
.ogou-style-tikafrica .ogou-name{ text-align:center; text-transform:uppercase; font-weight:900; font-size:18px;
	letter-spacing:.01em; margin:14px 14px 2px; }
.ogou-style-tikafrica .ogou-tagline{ text-align:center; }
.ogou-style-tikafrica .ogou-chips{ justify-content:center; }
/* big number hero with a small label above it */
.ogou-style-tikafrica .ogou-count{ text-align:center; margin:12px 14px 4px; font-size:34px; font-weight:900;
	color:var(--ogou-accent); line-height:1; letter-spacing:-.02em; }
.ogou-style-tikafrica .ogou-count::before{ content:"TOTAL DES VOTES"; display:block; font-size:10px; font-weight:800;
	letter-spacing:.16em; color:#aab2bd; margin-bottom:6px; }
.ogou-style-tikafrica .ogou-progress{ display:none; }
.ogou-style-tikafrica .ogou-actions{ flex-direction:column; gap:9px; }
.ogou-style-tikafrica .ogou-vote-btn{ order:1; width:100%; border-radius:999px; text-transform:uppercase;
	letter-spacing:.04em; font-weight:800; padding:12px; }
.ogou-style-tikafrica .ogou-details-btn{ order:2; width:100%; flex:1; border-radius:999px; border:1px solid #dde2e8;
	color:#3a4652; }
.ogou-style-tikafrica .ogou-details-btn:hover{ background:#f6f8fa; color:#151b22; border-color:#c9d1da; }

/* ================================================================
   v3.45.2 — RANK BADGE legibility on any photo
   Owner: "#1/#2/#3" numbers blend into the image behind them
   (gold/silver/bronze badge colours sit on warm/light photos).
   Fix: a dark, blurred, bordered pill for EVERY badge, with the
   medal identity carried by the TEXT colour + ring — always
   readable regardless of what's behind it. Last in file → wins.
   ================================================================ */
.ogou-scope .ogou-badge{
	background:rgba(14,16,22,.80); color:#ffffff; font-weight:800; font-size:12.5px;
	padding:3px 10px; border:1px solid rgba(255,255,255,.22); border-radius:999px;
	backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);
	box-shadow:0 2px 8px rgba(0,0,0,.35); text-shadow:0 1px 2px rgba(0,0,0,.55);
}
.ogou-scope .ogou-gold   .ogou-badge{ background:rgba(14,16,22,.82); color:#ffd24a; border-color:rgba(255,210,74,.6); }
.ogou-scope .ogou-silver .ogou-badge{ background:rgba(14,16,22,.82); color:#e3e8ee; border-color:rgba(227,232,238,.55); }
.ogou-scope .ogou-bronze .ogou-badge{ background:rgba(14,16,22,.82); color:#eaa46e; border-color:rgba(234,164,110,.55); }
/* Winner / eliminated keep their own strong colours but stay bold + shadowed */
.ogou-scope .ogou-badge-winner{ background:linear-gradient(90deg,#e8b923,#caa03a); color:#3a2a00; text-shadow:none; }

/* ================================================================
   v3.45.3 — Stat-Hero: neutral accent (was a pan-African tri-colour
   band that read as a specific country's flag, applied to everyone).
   Replace with a soft brand-colour accent glow — no country meaning.
   ================================================================ */
.ogou-style-tikafrica .ogou-media::after{
	background:linear-gradient(90deg, transparent, var(--ogou-primary), transparent);
	height:3px; opacity:.85;
}
.ogou-style-tikafrica .ogou-count{ color:var(--ogou-primary); }