@import "https://fonts.googleapis.com/css2?family=Anton&family=DM+Sans:wght@400;600;700&display=swap";:root{color:#fff;font-synthesis:none;--yellow:#ffd84d;--pink:#f32d78;--purple:#6d42e8;--ink:#17092d;background:#120729;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0,#482394 0,#1a0b38 48%,#100622 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh;position:relative;overflow:hidden}nav{border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(20px,5vw,72px);display:flex}.logo{filter:drop-shadow(0 8px #861348);flex-direction:column;align-items:center;margin:24px 0;display:flex;transform:rotate(-2deg)}.logo span,.logo strong{letter-spacing:.02em;text-transform:uppercase;font-family:Anton,sans-serif;line-height:.84}.logo span{color:#fff;font-size:clamp(48px,8vw,100px)}.logo strong{color:var(--yellow);text-shadow:4px 4px 0 var(--pink);font-size:clamp(62px,10vw,128px)}.logo i{color:#4b1a78;text-transform:uppercase;letter-spacing:.18em;background:#fff;border-radius:20px;margin-top:14px;padding:5px 16px;font-size:11px;font-style:normal;font-weight:800}.logo--compact{filter:none;align-items:flex-start;margin:0;transform:none}.logo--compact span{font-size:17px}.logo--compact strong{text-shadow:2px 2px 0 var(--pink);font-size:22px}.logo--compact i{display:none}.sound,.icon-button{color:#fff;background:#ffffff10;border:1px solid #ffffff30;border-radius:99px;align-items:center;gap:8px;padding:10px 14px;display:flex}.icon-button{padding:10px}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 150px);padding:30px 20px 90px;display:flex}.eyebrow{color:var(--yellow);letter-spacing:.16em;text-transform:uppercase;justify-content:center;gap:8px;font-size:12px;font-weight:800;display:flex}.hero p{color:#e6d9ff;margin:8px 0 28px;font-size:clamp(18px,2vw,24px)}.hero-actions{gap:12px;display:flex}.primary,.secondary{border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:16px 24px;font-weight:800;display:inline-flex}.primary{color:#271039;background:var(--yellow);box-shadow:0 7px #c58d16}.primary:hover{transform:translateY(2px);box-shadow:0 5px #c58d16}.secondary{color:#fff;background:#ffffff12;border:1px solid #ffffff30}.trust{color:#cdbde9;gap:25px;margin-top:32px;font-size:13px;display:flex}.ticker{background:var(--pink);white-space:nowrap;letter-spacing:.12em;justify-content:center;gap:45px;width:100%;padding:15px;font-size:12px;display:flex;position:absolute;bottom:0;transform:rotate(-1deg)}.ticker b{color:var(--yellow)}.setup{background:radial-gradient(circle at 20% 30%,#5324a5,#0000 35%)}.setup-card{background:#241149;border:1px solid #ffffff24;border-radius:24px;width:min(540px,100% - 32px);margin:45px auto;padding:34px;box-shadow:0 28px 70px #090218aa}.setup-card h1{letter-spacing:.02em;margin:4px 0;font-family:Anton;font-size:48px}.setup-card>p{color:#bfaedc;margin-top:0}.step{color:var(--yellow);letter-spacing:.14em;font-size:12px;font-weight:800}.setup-card label{text-transform:uppercase;letter-spacing:.12em;color:#cdbde9;font-size:11px;font-weight:800;display:block}.setup-card input{color:#fff;background:#14092c;border:1px solid #ffffff30;border-radius:12px;width:100%;margin-top:8px;padding:16px;font-size:18px;font-weight:700;display:block}.versus{text-align:center;color:var(--pink);margin:-3px 0;font-family:Anton;font-size:22px}.setting-row{background:#ffffff0a;border-radius:12px;justify-content:space-between;margin:20px 0;padding:15px;display:flex}.setting-row span{gap:8px;display:flex}.setting-row b{color:var(--yellow)}.wide{width:100%}.intro{background:#120729;place-items:center;height:100vh;display:grid;overflow:hidden}.spotlight{background:conic-gradient(#0000,#ffffff18,#0000,#ffda4a20,#0000);width:90vw;height:90vw;animation:5s linear infinite spin;position:absolute}.intro-content{text-align:center;animation:.5s ease-out pop;position:relative}.intro-content>span{letter-spacing:.4em;color:#fff;font-weight:800}.matchup{justify-content:center;align-items:center;gap:25px;font-size:clamp(20px,3vw,34px);display:flex}.matchup i{color:var(--pink);font-family:Anton;font-size:40px}.scoreboard{border-bottom:1px solid #ffffff1c;align-items:center;gap:20px;min-height:95px;padding:14px 3vw;display:flex}.team{color:#b9a8d7;border-radius:12px;align-items:center;gap:14px;padding:10px 16px;display:flex}.team strong{color:#fff;font-family:Anton;font-size:33px}.team.active{color:var(--yellow);background:#ffffff12}.scoreboard .team:first-of-type{margin-left:auto}.round-pill{background:var(--pink);letter-spacing:.12em;border-radius:30px;padding:8px 12px;font-size:11px;font-weight:800}.question{text-align:center;padding:28px 20px 12px}.question h1{max-width:900px;margin:8px auto;font-family:Anton;font-size:clamp(28px,4vw,52px);font-weight:400}.answer-board{grid-template-columns:1fr 1fr;gap:10px;max-width:900px;margin:auto;padding:10px 20px;display:grid}.answer-tile{background:linear-gradient(#3c1976,#261044);border:1px solid #ffffff20;border-radius:10px;align-items:center;height:64px;padding:10px 15px;display:flex;box-shadow:inset 0 0 18px #0004}.answer-tile>b{width:32px;height:32px;color:var(--yellow);background:#110624;border-radius:50%;place-items:center;display:grid}.answer-tile span{letter-spacing:.08em;text-transform:uppercase;color:#745a9a;margin-left:15px;font-weight:800}.answer-tile strong{margin-left:auto;font-family:Anton;font-size:28px}.answer-tile.revealed{background:linear-gradient(135deg,#f32d78,#a71872);animation:.35s flip}.answer-tile.revealed span{color:#fff}.host-line{color:#ddd;background:#09041a99;border-radius:12px;align-items:center;gap:12px;max-width:900px;margin:14px auto;padding:14px 18px;display:flex}.host-line svg{color:var(--yellow)}.host-line p{flex:1;margin:0}.misses{gap:5px;display:flex}.misses i{background:#ffffff10;border-radius:50%;place-items:center;width:28px;height:28px;font-size:22px;font-style:normal;display:grid}.misses i.on{background:var(--pink);animation:.3s shake}.guess-bar{gap:10px;max-width:900px;margin:12px auto;padding:0 20px;display:flex}.guess-bar label{background:#fff;border-radius:14px;flex:1;padding:6px 14px}.guess-bar label span{color:#76588d;text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:800;display:block}.guess-bar input{color:#1e0d35;border:0;outline:0;width:100%;padding:5px 0;font-size:18px}.next-round{color:#b9a8d7;background:0 0;border:0;margin:18px auto;display:block}.finish{text-align:center;place-items:center;display:grid}.winner-card{background:#26104b;border:1px solid #ffffff30;border-radius:30px;min-width:min(520px,100% - 30px);padding:50px;box-shadow:0 35px 90px #05010e}.winner-card>svg,.winner-card>span{color:var(--yellow)}.winner-card>span{letter-spacing:.2em;font-size:11px;font-weight:800;display:block}.winner-card h1{margin:8px;font-family:Anton;font-size:60px}.final-score{color:var(--pink);font-family:Anton;font-size:80px}.final-score small{color:#fff;font-family:DM Sans;font-size:13px}.winner-card p{color:#cdbde9}.confetti{background-image:radial-gradient(var(--yellow) 2px,transparent 3px),radial-gradient(var(--pink) 2px,transparent 3px);opacity:.4;background-size:50px 50px,70px 70px;animation:3s linear infinite fall;position:absolute;inset:0}.audio-live{color:#bfffd8;letter-spacing:.12em;align-items:center;gap:7px;font-size:10px;font-weight:800;display:flex}.audio-live i,.waiting i{background:#38ef7d;border-radius:50%;width:8px;height:8px;animation:1s infinite pulse;box-shadow:0 0 14px #38ef7d}.audio-live.speaking i{background:var(--yellow);box-shadow:0 0 18px var(--yellow)}.audio-live.error{color:#ff8cae}.audio-live.error i{background:var(--pink)}.lobby{background:radial-gradient(circle at 20% 10%,#5b27b3,#0000 40%),#120729}.lobby-grid{grid-template-columns:1.5fr 1fr;align-items:center;gap:50px;max-width:1050px;margin:55px auto 20px;padding:0 25px;display:grid}.lobby-grid h1{margin:8px 0;font:60px Anton}.lobby-grid p{color:#c9bae4}.room-code{letter-spacing:.11em;color:var(--yellow);text-shadow:6px 6px 0 var(--pink);font:clamp(70px,11vw,130px)/1 Anton}.qr-card{color:#2d1552;background:#fff;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:280px;padding:25px;display:flex;box-shadow:15px 15px #f32d78}.qr-card b{word-break:break-all;max-width:100%;font-size:12px}.roster{text-align:center;border-top:1px solid #fff2;max-width:1050px;margin:20px auto;padding:24px}.player-list{flex-wrap:wrap;justify-content:center;gap:10px;margin:22px;display:flex}.player-chip{background:#ffffff12;border:1px solid #fff2;border-radius:30px;align-items:center;gap:9px;padding:9px 14px 9px 8px;display:flex}.player-chip>span{background:var(--pink);border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.player-chip svg{color:#5dff99}.waiting{color:#c9bae4;justify-content:center;align-items:center;gap:9px;display:flex}.stage-beams{pointer-events:none;background:conic-gradient(from 25deg at 50% -20%,transparent 0 8%,#ffffff07 9% 13%,transparent 14% 25%,#ffd84d08 26% 29%,transparent 30% 100%);animation:8s ease-in-out infinite alternate beam;position:absolute;inset:0}.game>:not(.stage-beams){position:relative}.answer-tile.revealed:after{content:"✦";color:var(--yellow);font-size:24px;animation:.4s pop;position:absolute;top:-12px;right:8px}.answer-tile{position:relative;overflow:visible}.host-line.hit{border:1px solid #ff5f9c66;box-shadow:0 0 35px #f32d7855}.host-line.miss{animation:.3s shake}.lobby-grid--link{text-align:center;max-width:760px;display:block}.invite-link{color:#e4d9f8;word-break:break-all;-webkit-user-select:all;user-select:all;background:#0d0520;border:1px solid #ffffff2c;border-radius:12px;max-width:680px;margin:20px auto;padding:15px 18px;font-size:14px}.lobby-grid--link .secondary{margin-top:4px}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}@keyframes beam{to{transform:translate(3%)rotate(2deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes flip{0%{transform:rotateX(90deg)}}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes fall{to{background-position:0 100px,0 140px}}@media (width<=700px){nav{height:66px;padding:0 16px}.trust{flex-wrap:wrap;justify-content:center;gap:10px}.hero-actions{flex-direction:column;width:100%;max-width:320px}.scoreboard{flex-wrap:wrap;gap:6px}.scoreboard>.logo{display:none}.team{flex:1;gap:7px;padding:7px}.team span{font-size:11px}.round-pill{text-align:center;order:-1;width:100%}.answer-board{grid-template-columns:1fr}.question{padding-top:16px}.guess-bar{flex-direction:column}.host-line{margin:12px 20px}.setup-card{margin-top:25px}.ticker{justify-content:flex-start}.winner-card{padding:35px 20px}.winner-card h1{font-size:45px}}.signup-cta{color:var(--yellow);border-color:#ffd84d80}.signup-card form{flex-direction:column;display:flex}.optional{float:right;color:#bba9dc;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600}.signup-note{color:#a998ca;text-align:center;margin-top:14px;display:block}.form-error{text-align:center;color:#ff93b9!important;margin:12px 0 0!important;font-size:14px!important}.signup-success{text-align:center}.success-icon{width:64px;height:64px;color:var(--ink);background:var(--yellow);border-radius:50%;place-items:center;margin:0 auto 20px;display:grid;box-shadow:0 0 40px #ffd84d66}.signup-success .step{justify-content:center}.signup-success p{margin-bottom:24px}