:root{--plum:#25143f;--deep:#170c30;--pink:#ff4fa3;--teal:#1ed6c1;--purple:#9b73ff;--yellow:#ffd84d;--cream:#fff8ef;--ink:#201534;--muted:#736b85;--edge:#3f2a63;--shadow:0 16px 50px #0b072a55}
*{box-sizing:border-box}html{min-height:100%;background:var(--deep)}body{margin:0;min-height:100vh;font:16px/1.5 'Trebuchet MS',Verdana,Arial,sans-serif;color:var(--cream);background:radial-gradient(ellipse at 5% 3%,#58328b 0%,transparent 35%),radial-gradient(ellipse at 100% 90%,#393484 0%,transparent 40%),var(--deep)}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.wrap{max-width:1160px;margin:0 auto;padding:18px 22px 45px}.header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:3px 0 22px;flex-wrap:wrap}.brand{text-decoration:none;font-size:.77rem;font-weight:900;letter-spacing:.2em}.chip,.round{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#ffc850;color:#27143f;font-weight:900;font-size:.72rem;letter-spacing:.1em;padding:8px 13px;text-transform:uppercase}.chip{background:#423368;color:#ffda8f}.paper{position:relative;isolation:isolate;overflow:hidden;border:3px solid #5e418f;border-radius:26px;background:linear-gradient(145deg,#2a1851,#29194b 63%,#31195e);min-height:490px;padding:clamp(22px,4vw,44px);box-shadow:var(--shadow)}.paper:before{content:'';position:absolute;z-index:-1;right:-110px;top:-130px;width:340px;height:340px;border:40px solid #ff4fa31d;border-radius:50%;transform:rotate(30deg)}.paper:after{content:'';position:absolute;z-index:-1;left:-120px;bottom:-160px;width:270px;height:270px;border:35px solid #1ed6c115;border-radius:40px;transform:rotate(25deg)}.eyebrow,.smallcaps{font-size:.76rem;font-weight:900;letter-spacing:.16em;color:var(--teal);text-transform:uppercase}.display,.hero,.question,h1,h2,h3{font-family:Impact,'Arial Black',sans-serif;letter-spacing:.015em;font-weight:900;line-height:1.06}.display{font-size:clamp(3.3rem,8vw,7rem);text-transform:uppercase;margin:16px 0 20px;text-shadow:6px 6px 0 #160e33}.display em{color:var(--pink);font-style:normal}.hero{font-size:clamp(2.3rem,5.2vw,4.1rem);margin:18px 0}.question{font-size:clamp(1.95rem,3.6vw,3.25rem);max-width:1000px;margin:17px 0 25px;line-height:1.2}h2{font-size:2rem}h3{font-size:1.55rem}p{max-width:780px;margin:10px 0 20px}.muted,.note{color:#dbd0ed}.note{font-size:.88rem}.label{font-weight:800;font-size:.84rem;color:#ddd1ef}.button{border:0;min-height:49px;border-radius:12px;background:var(--pink);color:#24103d;font-weight:900;letter-spacing:.01em;padding:13px 20px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .16s,filter .16s}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.button.alt{background:var(--teal);color:#1b1738}.button.purple{background:var(--purple);color:#1d1238}.button.light{background:#fff4e7;color:var(--plum)}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.row{display:flex;align-items:center;justify-content:space-between;gap:15px}.wraprow{flex-wrap:wrap}.badge-number{font-size:1rem;color:var(--yellow);font-weight:900}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tile{background:#3b2964;border:2px solid #8264b1;border-radius:20px;padding:24px}.tile h2{margin:10px 0;font-size:2rem;color:var(--yellow)}.tile .icon{font-size:3rem}.tile p{font-size:.96rem}.home-tiles{margin-top:30px}.code{display:block;color:var(--yellow);font-size:clamp(3rem,8vw,6rem);font-weight:1000;letter-spacing:.15em;line-height:1.15;font-family:'Arial Black',Impact,sans-serif;text-shadow:3px 4px var(--deep)}.taglist{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.tag{background:#4d3778;border:1px solid #947ab9;padding:9px 14px;border-radius:999px;font-weight:800;font-size:.89rem}.stage{background:#160d2f94;border:1px solid #694d91;border-radius:18px;padding:23px;margin:22px 0}.stage h2{margin-top:0}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.option{background:#47346e;border:2px solid #8164aa;border-radius:15px;padding:16px 17px;min-height:77px;text-align:left;display:flex;align-items:center;gap:12px;font-weight:800;line-height:1.3;color:var(--cream);overflow-wrap:anywhere}.option b{width:35px;height:35px;min-width:35px;border-radius:10px;display:inline-grid;place-items:center;background:var(--yellow);color:var(--plum)}.option.tap:hover{border-color:var(--teal);transform:translateY(-2px)}.option.tap:focus-visible,.button:focus-visible,.sortbtn:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.option.selected{background:#65458d;border-color:var(--yellow)}.option.correct{background:#176e67;border-color:var(--teal)}.option.wrong{opacity:.7}.message{padding:15px 18px;background:#4b3467;border:2px solid #9a7abd;border-radius:14px;margin:19px 0;font-weight:700}.message.error{background:#5a233f;border-color:#ff6b81}.votebar{height:10px;background:#251839;border-radius:12px;overflow:hidden;margin-top:8px}.votebar i{height:100%;display:block;background:linear-gradient(90deg,var(--teal),var(--pink));transition:width .6s}.score-line{display:flex;justify-content:space-between;gap:10px;padding:12px 7px;border-bottom:1px solid #6c4c85;font-size:1.04rem}.score-line:first-child{color:var(--yellow)}.footer{text-align:center;font-size:.78rem;color:#c6b3d8;padding:20px}.login{max-width:470px}.login label{display:block;margin-top:12px}.login input{background:var(--cream);color:var(--ink);display:block;width:100%;border:3px solid #a68aca;border-radius:12px;padding:14px;margin-top:7px}.login .button{margin-top:16px;width:100%}.intro-label{display:inline-block;color:var(--plum);background:var(--teal);padding:8px 13px;font-size:.82rem;font-weight:900;transform:rotate(-2deg);border-radius:5px}.round-number{font-size:clamp(5rem,13vw,11rem);position:absolute;right:25px;top:20px;opacity:.15;line-height:1;font-family:Impact,'Arial Black',sans-serif}.intro-quip{font-size:1.2rem;background:#382357;border-left:7px solid var(--pink);padding:14px 20px;max-width:650px}.progress-top{display:flex;align-items:center;gap:16px;margin:12px 0}.timer-number{color:var(--yellow);font-size:2rem;font-family:Impact,'Arial Black',sans-serif;min-width:55px;text-align:center}.timer-track{height:12px;background:#5e437c;border-radius:10px;overflow:hidden;flex:1}.timer-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--teal),var(--yellow),var(--pink));transition:width .14s linear}.visual-frame{max-width:790px;margin:15px auto 25px;position:relative;overflow:hidden;border:8px solid #fff7dd;border-radius:16px;box-shadow:12px 14px 0 #15102e;animation:pop .4s ease both}.visual-frame img{width:100%;height:auto;display:block}.visual-frame.obscured{min-height:180px;background:#473465;display:grid;place-items:center}.visual-frame.obscured img{display:none}.visual-frame .gone{display:none}.visual-frame.obscured .gone{display:block;text-align:center;padding:30px;font-size:1.5rem;color:var(--yellow);font-family:Impact,sans-serif}.round-art{display:flex;align-items:center;justify-content:center;margin:16px 0;background:linear-gradient(135deg,#ff4fa3,#ffac59);color:var(--deep);border-radius:20px;min-height:125px;transform:rotate(-1deg);box-shadow:10px 12px 0 #1a0c2c;font-family:Impact,'Arial Black',sans-serif;font-size:clamp(2rem,5vw,4.7rem);letter-spacing:.05em}.sort-list{display:grid;gap:10px;margin-top:17px}.sort-item{display:flex;align-items:center;gap:12px;background:#49356f;border:2px solid #9278ba;border-radius:12px;padding:11px}.sort-number{display:inline-grid;place-items:center;min-width:34px;height:34px;background:var(--yellow);color:var(--deep);font-weight:900;border-radius:9px}.sort-text{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:800}.sortbtn{border:1px solid #b89bdd;background:#6b4c92;color:white;border-radius:8px;width:36px;height:37px}.wager{border:2px dashed #f2a5d6;background:#523467;border-radius:15px;padding:15px 18px;margin:15px 0;font-size:.95rem}.wager label{display:flex;align-items:center;gap:10px;cursor:pointer}.wager input{width:22px;height:22px;accent-color:#ffde58}.social-spotlight{padding:18px 20px;background:#f7da53;color:#261844;border-radius:15px;display:inline-block;font-weight:900;max-width:100%;margin-bottom:14px;font-size:1.15rem;transform:rotate(-1deg)}.awaiting{min-height:130px;display:grid;place-items:center;text-align:center;background:#49316c;border-radius:12px;padding:17px}.reveal-block{animation:pop .5s cubic-bezier(.2,.8,.2,1) both}.rank-card{background:#40265f;border:2px solid #a884cd;border-radius:18px;padding:19px;margin:20px 0}.rank-card .score-line:first-of-type{color:var(--yellow);font-size:1.3rem}.tiny-caps{font-size:.72rem;letter-spacing:.14em;color:var(--teal);font-weight:900}.muted-small{font-size:.78rem;color:#d0bedd}.progress-count{font-size:.92rem;color:#f8e3ff}.sound-switch{background:#3d295c;border:1px solid #7755a2;color:var(--cream);border-radius:9px;padding:6px 11px;font-size:.78rem;font-weight:800}.sparkle{position:absolute;width:65px;height:65px;background:var(--teal);clip-path:polygon(50% 0%,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0% 50%,37% 37%);opacity:.8;pointer-events:none}.sparkle.one{right:9%;top:16%;transform:rotate(14deg)}.sparkle.two{right:26%;bottom:17%;width:30px;height:30px;background:var(--yellow)}.hidden{display:none!important}.answer-intro{color:#d3c3e9;margin-bottom:8px}.overline{color:var(--teal);font-size:.8rem;letter-spacing:.14em;font-weight:900;text-transform:uppercase}.result-note{border-left:6px solid var(--yellow);background:#3c2d60;padding:15px 18px;border-radius:9px;margin:18px 0}.more-info{font-size:.9rem;color:#d9cfe5;max-width:760px}.loading-spin{font-size:1.4rem;animation:spin 2s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:700px){.wrap{padding:11px 11px 35px}.paper{padding:21px 16px;min-height:400px;border-radius:20px}.options,.grid{grid-template-columns:1fr}.option{min-height:64px;padding:13px}.display{font-size:3.7rem}.hero{font-size:2.5rem}.question{font-size:2rem}.round-number{display:none}.visual-frame{border-width:5px}.score-line{font-size:.92rem}.header{margin-bottom:12px}.code{font-size:3.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* V2.1 human-jukebox show-card animation. All audio is performed live by players. */
.hum-stage{margin:18px 0;padding:23px;border:2px solid var(--yellow);border-radius:20px;text-align:center;background:linear-gradient(145deg,rgba(255,79,163,.23),rgba(39,20,68,.54));box-shadow:7px 7px 0 rgba(0,0,0,.2)}
.hum-icon{font-size:70px;line-height:1;color:var(--yellow);text-shadow:4px 4px 0 var(--pink);animation:humdance 1.2s ease-in-out infinite}
.hum-bars{display:flex;gap:8px;justify-content:center;align-items:center;height:65px;margin:10px 0}
.hum-bars i{height:14px;width:12px;border-radius:8px;background:var(--teal);animation:soundwaves .62s ease-in-out infinite alternate}
.hum-bars i:nth-child(2),.hum-bars i:nth-child(6){animation-delay:.1s;background:var(--pink)}
.hum-bars i:nth-child(3),.hum-bars i:nth-child(7){animation-delay:.22s;background:var(--yellow)}
.hum-bars i:nth-child(4){animation-delay:.31s;background:var(--purple)}
.hum-bars i:nth-child(5){animation-delay:.13s}
@keyframes soundwaves{from{height:10px}to{height:58px}}
@keyframes humdance{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
@media (prefers-reduced-motion:reduce){.hum-bars i,.hum-icon{animation:none}}