/* Nosta: Snel stemmen + Hall of Fame */
.nv-card{position:relative;border-radius:18px;padding:20px 18px 18px;margin-bottom:16px;color:#fff;background:radial-gradient(110% 70% at 0% 0%,rgba(255,59,141,.5),transparent 55%),radial-gradient(80% 60% at 100% 0%,rgba(255,179,0,.35),transparent 60%),radial-gradient(90% 70% at 100% 100%,rgba(30,160,255,.5),transparent 60%),radial-gradient(70% 60% at 0% 100%,rgba(43,214,107,.3),transparent 60%),linear-gradient(160deg,#3a1d8a 0%,#1d0f52 60%,#12093a 100%);box-shadow:0 10px 30px rgba(58,29,138,.35);overflow:hidden;container-type:inline-size;font-family:inherit}
.nv-card::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#ff3b3b,#ffb300,#ffe600,#2bd66b,#1ea0ff,#9b3cff,#ff3bd0)}
.nv-card h3{margin:0;font-size:22px;font-weight:800;display:flex;align-items:center;gap:6px;color:#fff}
.nv-card h3 span{background:linear-gradient(90deg,#ff6b6b,#ffc83d,#7dffb0,#56c8ff,#c79bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.nv-card h3 svg{width:20px;height:20px}
.nv-sub{margin:4px 0 0;color:rgba(255,255,255,.85);font-size:14px}
.nv-balance{margin:12px 0 14px;font-size:14px;color:rgba(255,255,255,.8)}
.nv-balance b{display:inline-block;margin-left:4px;padding:1px 12px;border-radius:20px;color:#3a2600;font-size:17px;background:linear-gradient(90deg,#ffe27a,#ffb300);box-shadow:0 0 14px rgba(255,190,0,.45)}

/* amount buttons */
.nv-amounts{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.nv-amt{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;border:0;border-radius:14px;color:#fff;font-size:24px;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .12s,box-shadow .12s,opacity .12s;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 16px rgba(0,0,0,.3)}
.nv-amt:hover{color:#fff;text-decoration:none;transform:translateY(-2px)}
.nv-amt.nv-active{outline:3px solid #fff;outline-offset:2px;transform:scale(1.04)}
.nv-amt:disabled,.nv-amt.nv-cant{opacity:.4;cursor:not-allowed;transform:none}
.nv-blue{background:linear-gradient(180deg,#56c8ff,#1f7bff)}
.nv-red{background:linear-gradient(180deg,#ff7a5c,#e8344e)}
.nv-gold{background:linear-gradient(180deg,#ffc21a,#ff7a00);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 22px rgba(255,150,0,.55)}
.nv-dark{background:#2a2156;border:1px solid rgba(255,255,255,.14)}
.nv-green{background:linear-gradient(180deg,#5dea8f,#0fa968)}
.nv-pink{background:linear-gradient(180deg,#ff7ec5,#e8348f);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 18px rgba(255,60,160,.45)}
.nv-turbo{background:linear-gradient(135deg,#8f4bff,#5b2bd6 50%,#2f6bff);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 18px rgba(130,80,255,.5)}
.nv-small{font-size:12px;font-weight:600}
.nv-small svg{width:22px;height:22px}
.nv-small b{font-size:18px}
.nv-locked{opacity:.7}
.nv-tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);padding:1px 8px;border-radius:8px;background:#ffc83d;color:#3a2600;font-size:11px;font-weight:700;white-space:nowrap}
.nv-hint{min-height:18px;margin:8px 0 0;color:#ff9aa8;font-size:13px}

/* member picker */
.nv-members{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:12px 8px;margin:8px 0 16px}
.nv-member{background:none;border:0;padding:0;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.nv-avatar{position:relative;width:60px;height:60px;border-radius:50%;padding:3px;background:#56c8ff;transition:background .12s,transform .12s}
.nv-member:nth-child(6n+2) .nv-avatar{background:#ffb300}
.nv-member:nth-child(6n+3) .nv-avatar{background:#2bd66b}
.nv-member:nth-child(6n+4) .nv-avatar{background:#ff5ca8}
.nv-member:nth-child(6n+5) .nv-avatar{background:#b48cff}
.nv-member:nth-child(6n+6) .nv-avatar{background:#ff7a5c}
.nv-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.nv-avatar i{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:#ff2d7a;border:2px solid #170f3d;font-style:normal;font-size:12px;line-height:18px;text-align:center;display:none}
.nv-member.nv-selected .nv-avatar{background:conic-gradient(#ff3b3b,#ffb300,#ffe600,#2bd66b,#1ea0ff,#9b3cff,#ff3bd0,#ff3b3b)!important;transform:scale(1.08);box-shadow:0 0 16px rgba(255,255,255,.35)}
.nv-member.nv-selected .nv-avatar i{display:block}
.nv-name{max-width:100%;font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nv-submit{width:100%;height:54px;border:0;border-radius:14px;color:#fff;font-size:17px;font-weight:700;background:linear-gradient(90deg,#ff2d7a,#ff7a00 30%,#b53cff 65%,#1ea0ff);box-shadow:0 8px 22px rgba(255,45,122,.4);cursor:pointer}
.nv-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.nv-msg{min-height:20px;margin-top:10px;font-size:14px;color:#ff9aa8;text-align:center}
.nv-msg.nv-ok{color:#7dffb0}
.nv-rules{font-size:13px;color:#777;margin:0 4px 16px}

/* podium */
.nv-podium{background:radial-gradient(circle at 12% 18%,#ffc83d 0 3px,transparent 4px),radial-gradient(circle at 85% 12%,#ff5ca8 0 3px,transparent 4px),radial-gradient(circle at 70% 30%,#56c8ff 0 3px,transparent 4px),radial-gradient(circle at 25% 40%,#7dffb0 0 3px,transparent 4px),radial-gradient(circle at 92% 45%,#ffc83d 0 3px,transparent 4px),radial-gradient(circle at 40% 8%,#b48cff 0 3px,transparent 4px),radial-gradient(circle at 6% 55%,#ff7a5c 0 3px,transparent 4px),radial-gradient(90% 60% at 50% 0%,rgba(255,179,0,.35),transparent 60%),radial-gradient(80% 70% at 0% 100%,rgba(255,59,141,.4),transparent 60%),radial-gradient(80% 70% at 100% 100%,rgba(30,160,255,.4),transparent 60%),linear-gradient(170deg,#3a1d8a,#160c45)}
.nv-podium-head{text-align:center;margin-bottom:12px}
.nv-podium-head h3{justify-content:center;font-size:22px}
.nv-podium-head > span{font-size:13px;color:rgba(255,255,255,.9)}
.nv-podium-empty{text-align:center;color:rgba(255,255,255,.75);margin:18px 0}
.nv-podium-row{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:6px;margin-top:30px}
.nv-place{display:flex;flex-direction:column;align-items:center;min-width:0}
.nv-place-avatar{position:relative;display:block;width:58px;height:58px;border-radius:50%;padding:3px;margin-bottom:14px;color:#fff}
.nv-place-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.nv-place-1 .nv-place-avatar{width:72px;height:72px;background:linear-gradient(135deg,#ffe27a,#ffb300);box-shadow:0 0 20px rgba(255,190,0,.5)}
.nv-place-2 .nv-place-avatar{background:linear-gradient(135deg,#eef2fa,#9aa6bd)}
.nv-place-3 .nv-place-avatar{background:linear-gradient(135deg,#ffb27a,#e0661f)}
.nv-place-free{background:rgba(255,255,255,.12)!important;box-shadow:none!important}
.nv-rank{position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);width:22px;height:22px;border-radius:50%;font-size:12px;line-height:22px;text-align:center;color:#fff;background:#8a93a8;border:2px solid #140c35}
.nv-place-1 .nv-rank{background:#ff9f00}
.nv-place-3 .nv-rank{background:#e0661f}
.nv-crown{position:absolute;top:-24px;left:50%;transform:translateX(-50%);width:32px;height:32px;color:#ffc83d;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
.nv-star{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:16px;height:16px;color:#fff}
.nv-place-3 .nv-star{color:#ff8fc4}
.nv-block{width:100%;border-radius:10px 10px 4px 4px;padding:8px 4px;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.12)}
.nv-place-1 .nv-block{min-height:78px;background:linear-gradient(180deg,#ffb300,#ff5a3c);border-color:rgba(255,255,255,.35);box-shadow:0 0 20px rgba(255,150,0,.4)}
.nv-place-2 .nv-block{min-height:62px;background:linear-gradient(180deg,#56c8ff,#3a5bff);border-color:rgba(255,255,255,.3)}
.nv-place-3 .nv-block{min-height:52px;background:linear-gradient(180deg,#ff7ec5,#b53cff);border-color:rgba(255,255,255,.3)}
.nv-block-name{display:block;font-weight:700;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nv-block-points{display:block;font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.nv-podium-btn{display:block;margin-top:14px;padding:10px;border-radius:12px;text-align:center;color:#fff;font-weight:600;background:linear-gradient(90deg,#ff3bd0,#9b3cff 50%,#1ea0ff);box-shadow:0 6px 18px rgba(155,60,255,.4)}
.nv-podium-btn:hover{color:#fff;text-decoration:none;filter:brightness(1.1)}
@container (min-width:420px){
	.nv-place-avatar{width:78px;height:78px}
	.nv-place-1 .nv-place-avatar{width:96px;height:96px}
	.nv-block-name{font-size:15px}
	.nv-block-points{font-size:14px}
	.nv-place-1 .nv-block{min-height:100px}
	.nv-place-2 .nv-block{min-height:80px}
	.nv-place-3 .nv-block{min-height:66px}
}

/* Hall of Fame page */
.nv-page{max-width:980px;margin-left:auto;margin-right:auto}
.nv-hof-nav{display:flex;justify-content:space-between;margin:0 4px 10px;font-weight:700}
.nv-hof-nav a{padding:4px 14px;border-radius:20px;color:#fff;background:linear-gradient(90deg,#9b3cff,#ff3bd0)}
.nv-hof-nav a:hover{color:#fff;text-decoration:none;filter:brightness(1.1)}
.nv-ranking{padding:8px}
.nv-rank-row{display:flex;align-items:center;gap:12px;padding:10px;margin:4px 0;border-radius:12px;color:#fff;background:rgba(255,255,255,.06);border-left:5px solid #56c8ff}
.nv-rank-row:nth-child(6n+2){border-left-color:#ffb300}
.nv-rank-row:nth-child(6n+3){border-left-color:#2bd66b}
.nv-rank-row:nth-child(6n+4){border-left-color:#ff5ca8}
.nv-rank-row:nth-child(6n+5){border-left-color:#b48cff}
.nv-rank-row:nth-child(6n+6){border-left-color:#ff7a5c}
.nv-rank-row:hover{color:#fff;text-decoration:none;background:rgba(255,255,255,.07)}
.nv-rank-row b{width:24px;text-align:center;color:rgba(255,255,255,.6)}
.nv-rank-row img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.nv-rank-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.nv-rank-stars{color:#ffc83d;font-size:13px}
.nv-rank-points{padding:2px 12px;border-radius:20px;color:#3a2600;font-weight:800;background:linear-gradient(90deg,#ffe27a,#ffb300)}

@media (max-width:600px){
	.nv-amounts{grid-template-columns:repeat(3,1fr)}
}