/* ===== Nosta Showdown (layout/nosta/showdown.phtml, javascript/nosta-showdown.js) ===== */
.ns-sd-menu-ico{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:6px;font-size:17px;line-height:1}
.ns-sd{--sd-acc:#9b3cff;--sd-acc2:#33a5ff;--sd-glow:rgba(155,60,255,.45);color:#f3f1ff;max-width:1180px;margin:0 auto}
.ns-sd-ev-sinterklaas{--sd-acc:#e53935;--sd-acc2:#f2b705;--sd-glow:rgba(229,57,53,.45)}
.ns-sd-ev-halloween{--sd-acc:#ff7a00;--sd-acc2:#9b3cff;--sd-glow:rgba(255,122,0,.4)}
.ns-sd-ev-kerst{--sd-acc:#22c55e;--sd-acc2:#ef4444;--sd-glow:rgba(34,197,94,.4)}
.ns-sd-ev-valentijn{--sd-acc:#ff4f9a;--sd-acc2:#ff8cc6;--sd-glow:rgba(255,79,154,.45)}
.ns-sd-card{padding:16px 18px;margin-bottom:14px;border-radius:18px;background:rgba(24,18,66,.72);border:1px solid rgba(155,120,255,.25);box-shadow:0 10px 30px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ns-sd-card h3{margin:0 0 10px;font-size:18px;font-weight:800;color:#fff}
.ns-sd-card h3 small{font-size:12px;font-weight:400;color:#a99cc9;margin-left:6px}
.ns-sd-h4{margin:14px 0 8px;font-size:14px;color:#d9cff0}
.ns-sd-h4 small{font-weight:400;color:#a99cc9}
.ns-sd-btn{padding:8px 16px;border:0;border-radius:999px;background:linear-gradient(90deg,var(--sd-acc),var(--sd-acc2));color:#fff!important;font-weight:700;font-size:13px;white-space:nowrap;cursor:pointer;text-decoration:none!important}
.ns-sd-btn.on{background:rgba(43,214,107,.2);color:#7dffb0!important;border:1px solid rgba(43,214,107,.5)}
.ns-sd-btn:disabled{opacity:.6}
.ns-sd-title{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:linear-gradient(90deg,#ffd86b,#ff9b2f);color:#2a1600;font-style:normal;font-size:11px;font-weight:800}

/* --- Lobby --- */
.ns-sd-hero{position:relative;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin:14px 0;padding:26px 24px;border-radius:24px;overflow:hidden;
	background:radial-gradient(70% 90% at 0% 0%,var(--sd-glow),transparent 60%),radial-gradient(60% 80% at 100% 100%,rgba(51,165,255,.35),transparent 60%),linear-gradient(140deg,#1b0f45,#0b0722);border:1px solid rgba(155,120,255,.35);box-shadow:0 0 40px var(--sd-glow)}
.ns-sd-kicker{display:inline-block;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.1);font-size:12px;font-weight:700}
.ns-sd-hero h1{margin:8px 0 6px;font-size:clamp(30px,6vw,52px);font-weight:900;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#d9c4ff 50%,var(--sd-acc2));-webkit-background-clip:text;background-clip:text;color:transparent}
.ns-sd-hero p{margin:0;max-width:560px;color:#d9cff0;font-size:15px}
.ns-sd-hero-vs{display:flex;align-items:center;gap:10px;font-size:22px}
.ns-sd-hero-vs b{font-size:48px;font-weight:900;color:#fff;text-shadow:0 0 24px var(--sd-glow)}
.ns-sd-hero-vs i{font-style:normal;font-weight:900;color:var(--sd-acc2)}
.ns-sd-hero-btns{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.ns-sd-play{display:inline-flex;align-items:center;justify-content:center;padding:14px 34px;border:0;border-radius:999px;font-size:20px;font-weight:900;letter-spacing:.04em;color:#fff!important;text-decoration:none!important;cursor:pointer;
	background:linear-gradient(90deg,var(--sd-acc),var(--sd-acc2));box-shadow:0 10px 30px var(--sd-glow);animation:ns-sd-pulse 2.6s ease-in-out infinite}
.ns-sd-play:disabled{animation:none;opacity:.7}
@keyframes ns-sd-pulse{50%{box-shadow:0 10px 40px var(--sd-glow),0 0 0 6px rgba(255,255,255,.06)}}
.ns-sd-hero-btns small{color:#a99cc9}
.ns-sd-wait{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);font-weight:700;cursor:pointer}
.ns-sd-wait-info{flex-basis:100%}
.ns-sd-cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px}
.ns-sd-livelist{display:grid;gap:8px}
.ns-sd-liveitem{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.05);color:#fff!important;text-decoration:none!important}
.ns-sd-liveitem img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #ff4f6d}
.ns-sd-liveitem span{flex:1;min-width:0}
.ns-sd-liveitem small{display:block;color:#a99cc9}
.ns-sd-liveitem em{font-style:normal;font-weight:900;color:var(--sd-acc2)}
.ns-sd-sched{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin-bottom:8px;border-radius:14px;background:rgba(255,255,255,.05)}
.ns-sd-sched small{display:block;color:#a99cc9}
.ns-sd-schedhint{margin:6px 0 0;font-size:12px}
.ns-sd-boardtabs{display:flex;gap:6px;margin-bottom:6px}
.ns-sd-boardtabs a{flex:1;padding:6px 0;text-align:center;border-radius:10px;background:rgba(255,255,255,.06);font-size:18px;text-decoration:none!important}
.ns-sd-boardtabs a.on{background:linear-gradient(90deg,var(--sd-acc),var(--sd-acc2))}
.ns-sd-boardname{margin:0 0 8px;font-size:13px;color:#d9cff0}
.ns-sd-board{list-style:none;margin:0;padding:0}
.ns-sd-board li{display:flex;align-items:center;gap:10px;padding:7px 4px;border-top:1px solid rgba(255,255,255,.06)}
.ns-sd-rank{width:28px;text-align:center;font-weight:800}
.ns-sd-board a{flex:1;min-width:0;display:flex;align-items:center;gap:8px;color:#fff!important}
.ns-sd-board img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.ns-sd-board strong{color:#ffc83d}
.ns-sd-mystats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ns-sd-mystats div{padding:8px 4px;border-radius:12px;background:rgba(255,255,255,.06);text-align:center}
.ns-sd-mystats b{display:block;font-size:20px;color:#fff}
.ns-sd-mystats small{color:#a99cc9;font-size:11px}
.ns-sd-mypoints{margin:10px 0;font-size:13px;color:#d9cff0}
.ns-sd-titlepick{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;font-size:13px}
.ns-sd-titlepick select{padding:6px 10px;border-radius:10px;background:#1b1240;color:#fff;border:1px solid rgba(255,255,255,.15)}
.ns-sd-achs,.ns-sd-items{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ns-sd-ach,.ns-sd-item{padding:8px;border-radius:12px;background:rgba(255,255,255,.04);opacity:.5;filter:grayscale(.8)}
.ns-sd-ach.on,.ns-sd-item.on{opacity:1;filter:none;background:linear-gradient(160deg,rgba(155,60,255,.25),rgba(51,165,255,.15));border:1px solid rgba(155,120,255,.4)}
.ns-sd-ach span,.ns-sd-item span{font-size:20px}
.ns-sd-ach b,.ns-sd-item b{display:block;font-size:12px;color:#fff}
.ns-sd-ach small,.ns-sd-item small{display:block;font-size:11px;color:#a99cc9;line-height:1.3}
.ns-sd-shop{display:grid;gap:8px}
.ns-sd-shopitem{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;background:rgba(255,255,255,.05)}
.ns-sd-shopitem>span{font-size:22px}
.ns-sd-shopitem div{flex:1;min-width:0}
.ns-sd-shopitem b{display:block;font-size:13px}
.ns-sd-shopitem small{display:block;font-size:11px;color:#a99cc9}
.ns-sd-owned{font-style:normal;font-size:12px;color:#7dffb0}
.ns-sd-how details{margin-bottom:8px}
.ns-sd-how summary{cursor:pointer;font-weight:700}
.ns-sd-how p{margin:6px 0 0;font-size:13px;color:#d9cff0}
.ns-sd-ladder{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:3px}
.ns-sd-ladder li{display:flex;justify-content:space-between;padding:3px 10px;border-radius:8px;background:rgba(255,255,255,.04);font-size:13px}
.ns-sd-ladder li:first-child{background:linear-gradient(90deg,rgba(255,200,61,.3),rgba(255,155,47,.2))}
.ns-sd-ladder b{color:#ffc83d}

/* --- De game --- */
.ns-sd-loading{padding:60px 20px;text-align:center;font-size:18px}
.ns-sd-stage{position:relative;margin:14px 0;padding:18px;border-radius:24px;overflow:hidden;transition:box-shadow .6s,background .6s;
	background:radial-gradient(70% 60% at 50% 0%,var(--sd-glow),transparent 65%),linear-gradient(180deg,#140a38,#07051a);border:1px solid rgba(155,120,255,.35);box-shadow:0 0 40px rgba(155,60,255,.25)}
.ns-sd-last10 .ns-sd-stage{background:radial-gradient(70% 60% at 50% 0%,rgba(155,60,255,.7),transparent 65%),linear-gradient(180deg,#0a0420,#020108);box-shadow:0 0 70px rgba(155,60,255,.55)}
.ns-sd-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.ns-sd-cand{display:flex;align-items:center;gap:10px;min-width:0}
.ns-sd-cand img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid var(--sd-acc);box-shadow:0 0 18px var(--sd-glow)}
.ns-sd-cand b{display:block;font-size:17px}
.ns-sd-cand small{color:#a99cc9;font-size:12px}
.ns-sd-streak{margin-left:auto;padding:4px 10px;border-radius:999px;background:linear-gradient(90deg,#ff7a00,#ff3b3b);font-weight:900;animation:ns-sd-pop 1.2s ease-in-out infinite}
@keyframes ns-sd-pop{50%{transform:scale(1.08)}}
.ns-sd-vs{display:flex;align-items:center;gap:10px;font-weight:900}
.ns-sd-vs b{font-size:clamp(34px,7vw,60px);line-height:1;color:#fff;text-shadow:0 0 22px var(--sd-glow)}
.ns-sd-vs i{font-style:normal;font-size:18px;color:var(--sd-acc2)}
.ns-sd-pot{justify-self:end;text-align:right}
.ns-sd-pot small{display:block;color:#a99cc9;font-size:12px}
.ns-sd-pot b{display:block;font-size:26px;font-weight:900;color:#ffc83d;text-shadow:0 0 14px rgba(255,200,61,.5)}
.ns-sd-pot .ns-sd-next{color:#d9cff0}
.ns-sd-sub{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;margin:10px 0 6px;font-size:12px;color:#d9cff0}
.ns-sd-practice{color:#ffc83d}
.ns-sd-timer{position:relative;height:8px;border-radius:8px;background:rgba(255,255,255,.08);overflow:hidden}
.ns-sd-timer i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--sd-acc2),var(--sd-acc));transition:width 1.1s linear}
.ns-sd-timer i.low{background:linear-gradient(90deg,#ff3b3b,#ff7a00)}
.ns-sd-timer span{position:absolute;right:6px;top:-18px;font-size:12px;font-weight:800}
.ns-sd-role{margin:10px 0 0;text-align:center;font-size:13px;color:#d9cff0}
.ns-sd-center{min-height:220px;margin-top:12px}
.ns-sd-q{text-align:center;margin-bottom:14px}
.ns-sd-q small{color:#a99cc9}
.ns-sd-q h2{margin:6px auto 0;max-width:760px;font-size:clamp(19px,3.4vw,28px);font-weight:800;color:#fff;line-height:1.25}
.ns-sd-answers{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:820px;margin:0 auto}
.ns-sd-ans{position:relative;display:flex;align-items:center;gap:12px;min-height:62px;padding:12px 16px;border-radius:16px;border:1px solid rgba(155,120,255,.35);color:#fff;text-align:left;font-size:16px;font-weight:700;cursor:pointer;
	background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .15s,box-shadow .15s,background .2s}
.ns-sd-ans:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--sd-glow);border-color:var(--sd-acc)}
.ns-sd-ans i{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--sd-acc),var(--sd-acc2));font-style:normal;font-weight:900}
.ns-sd-ans span{flex:1}
.ns-sd-ans:disabled{cursor:default}
.ns-sd-ans.picked{border-color:#ffc83d;box-shadow:0 0 18px rgba(255,200,61,.45);background:linear-gradient(160deg,rgba(255,200,61,.25),rgba(255,155,47,.1))}
.ns-sd-ans.correct{border-color:#2bd66b;background:linear-gradient(160deg,rgba(43,214,107,.4),rgba(43,214,107,.12));box-shadow:0 0 22px rgba(43,214,107,.5)}
.ns-sd-ans.wrong{border-color:#ff3b4e;background:linear-gradient(160deg,rgba(255,59,78,.38),rgba(255,59,78,.1))}
.ns-sd-ans.gone{opacity:.15;filter:grayscale(1)}
.ns-sd-pct{font-style:normal;font-size:13px;padding:2px 8px;border-radius:999px;background:rgba(0,0,0,.35)}
.ns-sd-verdict{margin:14px 0 0;text-align:center;font-size:17px;font-weight:800;color:#7dffb0}
.ns-sd-verdict.bad{color:#ff8a95}
.ns-sd-helps{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px}
.ns-sd-help{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;border:1px solid rgba(155,120,255,.45);background:rgba(155,60,255,.18);color:#fff;font-weight:700;cursor:pointer}
.ns-sd-help span{font-size:18px}
.ns-sd-help.used{opacity:.35;text-decoration:line-through}
.ns-sd-help.armed{background:linear-gradient(90deg,#ffb300,#ff7a00);border-color:transparent}
.ns-sd-help:disabled{cursor:default}
.ns-sd-restore{border:0;background:none;font-size:18px;cursor:pointer}
.ns-sd-extra{color:#a99cc9}
.ns-sd-reactbtns{display:flex;justify-content:center;gap:6px;margin-top:12px}
.ns-sd-reactbtns button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);font-size:22px;cursor:pointer;transition:transform .15s}
.ns-sd-reactbtns button:hover{transform:scale(1.15)}
.ns-sd-bottom{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px;margin-top:16px}
.ns-sd-grid{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:4px}
.ns-sd-p{position:relative;aspect-ratio:1;border-radius:50%;transition:opacity .6s,transform .6s,filter .6s}
.ns-sd-p img,.ns-sd-botface{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;object-fit:cover;font-size:11px;font-weight:800;color:#fff;border:2px solid rgba(255,255,255,.15)}
.ns-sd-p.real img{border-color:var(--sd-acc2)}
.ns-sd-bot{position:absolute;right:-3px;bottom:-3px;font-style:normal;font-size:9px;line-height:1}
.ns-sd-p.out{opacity:.16;filter:grayscale(1);transform:scale(.82)}
.ns-sd-p.justout{animation:ns-sd-out 1.4s ease-out}
@keyframes ns-sd-out{0%{opacity:1;filter:none;transform:scale(1.15);box-shadow:0 0 14px #ff3b4e}30%{opacity:1;filter:none;box-shadow:0 0 18px #ff3b4e}100%{opacity:.16;filter:grayscale(1);transform:scale(.82)}}
.ns-sd-feed{display:flex;flex-direction:column;gap:4px;max-height:220px;overflow:hidden}
.ns-sd-react{padding:5px 10px;border-radius:12px;background:rgba(255,255,255,.07);font-size:13px;font-weight:700;animation:ns-sd-in .3s ease-out}
@keyframes ns-sd-in{from{opacity:0;transform:translateX(12px)}}
.ns-sd-floats{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ns-sd-float{position:absolute;bottom:10px;font-size:30px;animation:ns-sd-float 2.5s ease-out forwards}
@keyframes ns-sd-float{to{transform:translateY(-320px) scale(1.4);opacity:0}}
.ns-sd-banner{position:absolute;left:50%;top:38%;z-index:5;transform:translate(-50%,-50%) scale(.6);padding:18px 28px;border-radius:20px;text-align:center;opacity:0;pointer-events:none;
	background:linear-gradient(135deg,rgba(155,60,255,.95),rgba(51,165,255,.9));box-shadow:0 0 60px var(--sd-glow)}
.ns-sd-banner.go{animation:ns-sd-banner 2.6s ease-out forwards}
.ns-sd-banner b{display:block;font-size:clamp(22px,5vw,38px);font-weight:900;white-space:nowrap}
.ns-sd-banner small{font-size:15px}
@keyframes ns-sd-banner{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}25%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
.ns-sd-intro{padding:30px 0;text-align:center}
.ns-sd-introvs,.ns-sd-finalist{display:flex;align-items:center;justify-content:center;gap:24px}
.ns-sd-introvs span,.ns-sd-finalist>span{display:flex;flex-direction:column;align-items:center;gap:6px}
.ns-sd-introvs img,.ns-sd-finalist img,.ns-sd-botface.big{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--sd-acc);box-shadow:0 0 30px var(--sd-glow);font-size:44px}
.ns-sd-introvs i,.ns-sd-finalist i{font-style:normal;font-size:30px;font-weight:900;color:var(--sd-acc2)}
.ns-sd-big{font-size:80px;line-height:1;font-weight:900;text-shadow:0 0 30px var(--sd-glow)}
.ns-sd-finalist{margin:14px 0 0;padding:12px;border-radius:18px;background:rgba(155,60,255,.15);border:1px solid rgba(155,120,255,.45);animation:ns-sd-in .5s}
.ns-sd-mystery{text-align:center;padding:20px 0}
.ns-sd-mystery h2{font-size:32px;font-weight:900;background:linear-gradient(90deg,#ffd86b,#ff9b2f,#ff4f9a);-webkit-background-clip:text;background-clip:text;color:transparent}
.ns-sd-boxes{display:flex;justify-content:center;gap:16px;margin-top:14px}
.ns-sd-boxes button{width:96px;height:96px;border-radius:20px;border:2px solid rgba(255,216,107,.6);background:linear-gradient(160deg,rgba(255,216,107,.25),rgba(155,60,255,.25));font-size:48px;cursor:pointer;animation:ns-sd-pop 1.6s ease-in-out infinite}
.ns-sd-boxes button:nth-child(2){animation-delay:-.5s}
.ns-sd-boxes button:nth-child(3){animation-delay:-1s}
.ns-sd-boxes button.opening{animation:ns-sd-shake .5s infinite}
@keyframes ns-sd-shake{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}
.ns-sd-boxwon{display:inline-block;margin-top:16px;padding:14px 22px;border-radius:16px;background:linear-gradient(90deg,#ffd86b,#ff9b2f);color:#2a1600;font-size:20px;font-weight:900;animation:ns-sd-in .4s}
.ns-sd-end{text-align:center;padding:10px 0}
.ns-sd-end h2{font-size:clamp(28px,6vw,48px);font-weight:900;margin:0 0 12px}
.ns-sd-end.perfect h2{background:linear-gradient(90deg,#fff36b,#ffd86b,#ff9b2f);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.ns-sd-endcand{display:flex;flex-direction:column;align-items:center;gap:6px}
.ns-sd-endcand img{width:110px;height:110px;border-radius:50%;object-fit:cover;border:4px solid #ffc83d;box-shadow:0 0 40px rgba(255,200,61,.5)}
.ns-sd-endcand b{font-size:20px}
.ns-sd-endstats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:620px;margin:16px auto}
.ns-sd-endstats div{padding:10px 4px;border-radius:14px;background:rgba(255,255,255,.07)}
.ns-sd-endstats b{display:block;font-size:24px;color:#ffc83d}
.ns-sd-endstats small{color:#d9cff0;font-size:12px}
.ns-sd-end h4{margin:12px 0 4px}
.ns-sd-endlist{margin:0;color:#d9cff0}
.ns-sd-endme{color:#7dffb0;font-weight:700}
.ns-sd-endbtns{margin-top:16px}

/* --- telefoon: alles onder elkaar, grote knoppen voor één hand --- */
@media (max-width:900px){
	.ns-sd-cols{grid-template-columns:1fr}
	.ns-sd-bottom{grid-template-columns:1fr}
	.ns-sd-feed{flex-direction:row;flex-wrap:wrap;max-height:none}
}
@media (max-width:600px){
	.ns-sd-hero{grid-template-columns:1fr;padding:20px 16px}
	.ns-sd-hero-vs{justify-content:center}
	.ns-sd-play{width:100%}
	.ns-sd-stage{padding:12px;border-radius:18px;margin:8px 0}
	.ns-sd-top{grid-template-columns:1fr auto}
	.ns-sd-cand{grid-column:1/-1;order:2}
	.ns-sd-vs{order:0}
	.ns-sd-pot{order:1}
	.ns-sd-answers{grid-template-columns:1fr}
	.ns-sd-ans{min-height:58px;font-size:16px}
	.ns-sd-grid{grid-template-columns:repeat(10,minmax(0,1fr))}
	.ns-sd-endstats{grid-template-columns:repeat(2,1fr)}
	.ns-sd-introvs img,.ns-sd-finalist img,.ns-sd-botface.big{width:72px;height:72px}
	.ns-sd-achs,.ns-sd-items{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.ns-sd-play,.ns-sd-streak,.ns-sd-boxes button,.ns-sd-p.justout,.ns-sd-float{animation:none}}

/* --- Showdown op het profiel (profile-dash.phtml) --- */
.ns-sdprof-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:6px}
.ns-sdprof-stats div{padding:8px;border-radius:12px;background:rgba(255,255,255,.06);text-align:center}
.ns-sdprof-stats b{display:block;font-size:20px;color:#fff}
.ns-sdprof-stats small{font-size:11px;color:#a99cc9}
.ns-sdprof-achs{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ns-sdprof-achs span{padding:4px 10px;border-radius:999px;background:linear-gradient(90deg,rgba(155,60,255,.3),rgba(51,165,255,.2));border:1px solid rgba(155,120,255,.4);font-size:12px;font-weight:700}
.ns-sdprof-achs .ns-sdprof-badge{background:linear-gradient(90deg,rgba(255,216,107,.35),rgba(255,155,47,.25));border-color:rgba(255,216,107,.6)}

/* ===== De zaal, Nova en het keuzemoment ===== */
/* De 100 als zaal: rijen met hoofdjes. Staat na de oude rasterregels, dus die worden hier overschreven. */
/* computerspelers: een hoofd-pictogram in eigen kleur, om en om met kort en lang haar. Echte leden hebben hun profielfoto. */.ns-sd-head{display:block;width:24px;height:26px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 26'%3E%3Ccircle cx='12' cy='8' r='7'/%3E%3Cpath d='M1 26c0-7 5-10 11-10s11 3 11 10z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 26'%3E%3Ccircle cx='12' cy='8' r='7'/%3E%3Cpath d='M1 26c0-7 5-10 11-10s11 3 11 10z'/%3E%3C/svg%3E") center/contain no-repeat}.ns-sd-head.alt{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 26'%3E%3Cpath d='M12 0c5 0 8 4 8 9 0 4 1 6 2 8h-6v-1c-2 1-6 1-8 0v1H2c1-2 2-4 2-8 0-5 3-9 8-9z'/%3E%3Cpath d='M1 26c0-5 5-8 11-8s11 3 11 8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 26'%3E%3Cpath d='M12 0c5 0 8 4 8 9 0 4 1 6 2 8h-6v-1c-2 1-6 1-8 0v1H2c1-2 2-4 2-8 0-5 3-9 8-9z'/%3E%3Cpath d='M1 26c0-5 5-8 11-8s11 3 11 8z'/%3E%3C/svg%3E")}@media (max-width:767px){.ns-sd-head{width:20px;height:22px}}
/* Nova */
.ns-sd-nova{display:flex;align-items:center;gap:8px;margin:10px 0 4px;padding:8px 12px;border-radius:14px;font-size:14px;line-height:1.35;color:#f3f1ff;background:linear-gradient(90deg,rgba(255,216,107,.16),rgba(155,60,255,.14));border:1px solid rgba(255,216,107,.3)}
.ns-sd-nova i{flex:none;font-style:normal;font-size:18px}
.ns-sd-nova b{flex:none;color:#ffd86b;font-weight:800}
.ns-sd-nova span.in{animation:ns-sd-in .3s ease-out}
/* geluidsknop */
.ns-sd-soundbtn{margin-left:8px;padding:0 4px;border:0;background:none;font-size:16px;line-height:1;cursor:pointer}
/* spanning: gekozen antwoord pulseert tot de uitslag */
.ns-sd-ans.waiting{animation:ns-sd-wait .42s ease-in-out infinite alternate;border-color:#ffd86b!important}
@keyframes ns-sd-wait{to{box-shadow:0 0 22px rgba(255,216,107,.75)}}
/* keuzemoment */
.ns-sd-choice{padding:10px 6px;text-align:center}
.ns-sd-choice h2{margin:0 0 4px;font-size:clamp(20px,3.6vw,28px);font-weight:800;color:#fff}
.ns-sd-stake{font-size:clamp(38px,8vw,58px);font-weight:900;line-height:1.1;color:#ffd86b;text-shadow:0 0 22px rgba(255,216,107,.55);animation:ns-sd-pop 1.2s ease-in-out infinite}
.ns-sd-stake small{font-size:15px;font-weight:600;color:#e9e3ff;text-shadow:none}
.ns-sd-choice p{max-width:520px;margin:8px auto 12px;color:#e9e3ff;font-size:14.5px}
.ns-sd-choicebtns{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:520px;margin:0 auto}
.ns-sd-choicebtns button{min-height:58px;padding:10px;border:0;border-radius:16px;color:#fff;font-size:17px;font-weight:800;cursor:pointer}
.ns-sd-choicebtns .take{color:#2a1600;background:linear-gradient(135deg,#ffd86b,#ff9b2f);box-shadow:0 6px 20px rgba(255,155,47,.4)}
.ns-sd-choicebtns .go{background:linear-gradient(135deg,#33a5ff,#9b3cff);box-shadow:0 6px 20px rgba(120,80,255,.45)}
.ns-sd-choicebtns button:disabled{opacity:.5;cursor:default}
.ns-sd-choicehint{display:block;margin-top:8px;font-size:12px;color:#a99cc9}
@media (prefers-reduced-motion:reduce){
.ns-sd-stake,.ns-sd-ans.waiting{animation:none}
}
.ns-sd-sky{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:6px 3px;padding:14px 8px;border-radius:18px;overflow:hidden;background:radial-gradient(70% 90% at 50% -10%,rgba(255,216,107,.22),transparent 65%),linear-gradient(180deg,#160c44,#0a0524);border:1px solid rgba(155,120,255,.25)}
.ns-sd-sky .ns-sd-p{display:flex;align-items:center;justify-content:center;aspect-ratio:auto;border-radius:0;transition:opacity .5s,transform .5s;cursor:pointer}
.ns-sd-sky .ns-sd-p.out{opacity:.12;filter:grayscale(1);transform:scale(.8)}
.ns-sd-sky .ns-sd-p.real img{display:block;width:100%;max-width:32px;height:auto;aspect-ratio:1;padding:0;border:2px solid #ffd86b;border-radius:50%;box-shadow:0 0 8px rgba(255,216,107,.7);object-fit:cover}
.ns-sd-sky .ns-sd-head{width:100%;max-width:28px;height:auto;aspect-ratio:24/26}
/* afvallers: fel oplichten en dan uit de rij naar beneden */
.ns-sd-sky .ns-sd-p.justout{opacity:1;filter:none;animation:ns-sd-seatfall 1.1s cubic-bezier(.5,0,.9,.6) both}
@keyframes ns-sd-seatfall{0%{opacity:1;filter:none;transform:none}15%{opacity:1;filter:brightness(1.8);transform:scale(1.4)}100%{opacity:0;filter:none;transform:translate(var(--dx,0px),260px) scale(.5) rotate(25deg)}}
/* minder tegenstanders: wie er nog zit, valt meer op */
.ns-sd-last10 .ns-sd-sky .ns-sd-p:not(.out):not(.justout){transform:scale(1.3);z-index:1}
.ns-sd-last10 .ns-sd-sky{box-shadow:inset 0 0 50px rgba(155,60,255,.45)}
@media (max-width:767px){.ns-sd-sky{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px 8px}}
@media (prefers-reduced-motion:reduce){.ns-sd-sky .ns-sd-p.justout{animation-duration:.01s;animation-delay:0s!important}}