*{box-sizing:border-box}body{color:#fff;background:#090712;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}main{min-height:100vh;position:relative;overflow:hidden}.wrap{z-index:2;width:min(1120px,92vw);margin:auto;padding:28px 0 60px;position:relative}.bgOrb{filter:blur(90px);opacity:.55;border-radius:50%;width:420px;height:420px;position:fixed}.one{background:#8b5cf6;top:-100px;left:-100px}.two{background:#ec4899;bottom:-80px;right:-80px}nav{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:28px;font-weight:900;display:flex}.hero{grid-template-columns:1.25fr .75fr;align-items:center;gap:36px;display:grid}.eyebrow{color:#c4b5fd;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font-weight:800;display:flex}h1{letter-spacing:-4px;margin:12px 0;font-size:clamp(44px,7vw,82px);line-height:.92}h2{letter-spacing:-1.5px;margin:10px 0 20px;font-size:34px}.sub{color:#d6d3e8;max-width:650px;font-size:20px;line-height:1.55}.actions,.gameBtns{flex-wrap:wrap;gap:14px;margin-top:24px;display:flex}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7,#ec4899);border:0;border-radius:18px;justify-content:center;align-items:center;gap:9px;padding:15px 22px;font-weight:900;transition:all .2s;display:inline-flex;box-shadow:0 12px 30px #ec489938}button:hover{transform:translateY(-2px)}.secondary,.ghost,.small{box-shadow:none;background:#ffffff1a;border:1px solid #ffffff29}.ghost{margin-bottom:20px}.small{border-radius:999px;padding:10px 14px}.phone,.panel,.card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff17;border:1px solid #ffffff29;box-shadow:0 30px 80px #00000040}.phone{text-align:center;border-radius:42px;min-height:430px;padding:36px;transform:rotate(3deg)}.notch{background:#05030b;border-radius:99px;width:90px;height:22px;margin:0 auto 35px}.room,.bigCode{letter-spacing:.1em;background:linear-gradient(135deg,#fff,#f0abfc);color:#0000;-webkit-background-clip:text;font-size:56px;font-weight:1000}.miniList{gap:12px;margin-top:30px;display:grid}.miniList span,.players div,.score,.bar{background:#ffffff1a;border:1px solid #ffffff1f;border-radius:16px;padding:13px 16px}.grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px;display:grid}.card{text-align:left;color:#fff;border-radius:28px;padding:24px;display:block}.card svg{color:#f0abfc}.card h3{margin:14px 0 5px;font-size:24px}.card p{color:#d6d3e8}.panel{border-radius:32px;padding:30px}.narrow{max-width:520px;margin:auto}.hostGrid,.quiz{grid-template-columns:.8fr 1.2fr;gap:22px;display:grid}.fakeQr{color:#111;background:#fff;border-radius:22px;width:180px;height:180px;margin:22px auto;padding:24px;font-size:38px;line-height:1.1}.players{gap:10px;margin:15px 0 25px;display:grid}.dot{background:#22c55e;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.gameBtns button{flex:1;min-width:180px}.answers{grid-template-columns:1fr 1fr;gap:14px;margin:25px 0;display:grid}.answers button{background:#ffffff1f;border:1px solid #ffffff24;min-height:82px;font-size:20px}.answers button.chosen{background:linear-gradient(135deg,#22c55e,#14b8a6)}.score{justify-content:space-between;margin:10px 0;display:flex}.score span{align-items:center;gap:8px;display:flex}.centre{text-align:center}.wheel{background:conic-gradient(#a855f7,#ec4899,#22c55e,#f59e0b,#38bdf8,#a855f7);border:10px solid #ffffff2e;border-radius:50%;place-items:center;width:260px;height:260px;margin:20px auto;font-size:42px;font-weight:1000;display:grid}.spin{animation:1.2s cubic-bezier(.15,.9,.2,1) spin}@keyframes spin{to{transform:rotate(1440deg)}}.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin:20px;display:flex}.chips span{background:#ffffff1f;border-radius:999px;padding:8px 12px}.prompt{font-size:48px;line-height:1.05}.bar{margin:12px 0;position:relative;overflow:hidden}.bar b{background:linear-gradient(90deg,#a855f7,#ec4899);border-radius:99px;height:12px;margin-top:8px;display:block}label{color:#c4b5fd;margin:15px 0 7px;font-weight:800;display:block}input{color:#fff;background:#ffffff17;border:1px solid #ffffff29;border-radius:16px;width:100%;padding:16px 18px;font-size:18px}@media (width<=800px){.hero,.hostGrid,.quiz,.grid{grid-template-columns:1fr}.phone{transform:none}.answers{grid-template-columns:1fr}h1{letter-spacing:-2px}}