:root{--bg:#0b0912;--bg2:#141020;--ink:#ece6ff;--mut:#a59cc0;--holo:linear-gradient(110deg,#ff5fd2,#ffb74d,#7cff9e,#4fd8ff,#a46bff,#ff5fd2)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.5;-webkit-tap-highlight-color:transparent}
img{max-width:100%;display:block}
.nav{position:relative;z-index:20;display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:rgba(11,9,18,.85);backdrop-filter:blur(10px);border-bottom:1px solid #2a2240}
.logo{font-family:Bungee,sans-serif;text-decoration:none;font-size:1.1rem;color:inherit}.logo span{background:var(--holo);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav .live{margin-left:auto;color:var(--mut);text-decoration:none;border:1px solid #3a2f58;border-radius:999px;padding:.35rem .9rem;font-size:.9rem}
main{max-width:980px;margin:auto;padding:0 1rem 3rem}
.hero{position:relative;overflow:hidden;text-align:center;padding:2.2rem .5rem 1rem}
.hero-bg{position:absolute;inset:-20%;background:radial-gradient(circle at 20% 30%,#ff5fd255,transparent 40%),radial-gradient(circle at 80% 20%,#4fd8ff44,transparent 40%),radial-gradient(circle at 50% 90%,#a46bff55,transparent 45%);filter:blur(40px);z-index:-1}
.eyebrow{color:var(--mut);letter-spacing:.15em;text-transform:uppercase;font-size:.75rem;margin:0}
.holo-text{font-family:Bungee,sans-serif;font-size:clamp(2.3rem,10vw,4.6rem);line-height:1;margin:.4rem 0;background:var(--holo);background-size:300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 8s linear infinite;filter:drop-shadow(0 0 24px #a46bff66)}
@keyframes shine{to{background-position:300%}}
.lede{max-width:560px;margin:.6rem auto;color:#cfc6ea}
.q{background:var(--bg2);border:1px solid #2a2240;border-radius:22px;padding:1.1rem;margin:1.2rem 0}
.q h2{font-family:Bungee,sans-serif;font-weight:400;font-size:clamp(1.15rem,4.6vw,1.6rem);margin:.1rem 0 .8rem;display:flex;align-items:center;gap:.6rem}
.num{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--holo);color:#140b20;font-size:1rem;flex:none}
.note{color:var(--mut);font-size:.92rem;margin:-.3rem 0 .9rem}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.opt{appearance:none;font:inherit;color:inherit;text-align:center;background:#1b1530;border:2px solid #3a2f58;border-radius:18px;padding:.6rem .6rem .8rem;cursor:pointer;display:flex;flex-direction:column;align-items:stretch;gap:.25rem;transition:transform .12s,border-color .2s,box-shadow .2s;min-height:120px}
.opt:active{transform:scale(.98)}
.opt:hover{border-color:#6b58a8}
.opt img{border-radius:14px;width:100%;height:auto;filter:drop-shadow(0 6px 18px #0009)}
.lbl{font-family:Bungee,sans-serif;font-size:clamp(1rem,4.4vw,1.35rem);margin-top:.4rem}
.sub{color:var(--mut);font-size:.82rem;line-height:1.25}
.tex{position:relative;display:block}
.tex em{position:absolute;left:50%;bottom:10%;transform:translateX(-50%);font-style:normal;font-weight:800;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;background:#0b0912e0;border:1px solid #5a4b86;border-radius:999px;padding:.25rem .7rem;white-space:nowrap}
.bar{display:none;position:relative;height:2.1rem;border-radius:999px;background:#0d0a18;border:1px solid #2f2650;overflow:hidden;margin-top:.5rem}
.bar i{position:absolute;inset:0 auto 0 0;width:0;background:var(--holo);background-size:200%;transition:width .8s cubic-bezier(.2,.8,.2,1)}
.bar b{position:relative;display:block;line-height:2.1rem;font-weight:800;font-size:1rem;text-shadow:0 1px 3px #000}
.voted .bar{display:block}
.voted .opt{cursor:default}
.opt.mine{border-color:transparent;box-shadow:0 0 0 3px #ff5fd2,0 0 26px #a46bff88}
.opt.mine .lbl::after{content:"  ✓";color:#7cff9e}
.voted .opt:not(.mine){opacity:.8}
.msg{min-height:1.3em;text-align:center;color:#cfc6ea;margin:.7rem 0 0;font-weight:600}
.foot{text-align:center;color:var(--mut);font-size:.85rem}
@media (min-width:760px){.opts{gap:1.4rem}.opt{padding:.9rem}}