@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#f7f7fb;background:#101328;font-synthesis:none;text-rendering:optimizeLegibility;--panel:#1a1e3b;--muted:#b6bad2;--pink:#ff7395;--lime:#c8f36a;--blue:#7ddcff;--purple:#a994ff}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 15% 0%,#2b2553 0,transparent 38%),radial-gradient(ellipse at 90% 70%,#163b48 0,transparent 32%),#101328}button,input{font:inherit}button{cursor:pointer;border:0}.shell{width:min(1120px,100% - 32px);margin:0 auto;padding:28px 0 52px}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.brand{font:700 19px 'Space Grotesk';letter-spacing:-.5px}.brand span{color:var(--lime)}.tag{font-size:12px;color:var(--muted);border:1px solid #ffffff24;padding:8px 12px;border-radius:99px}.eyebrow{color:var(--lime);font-size:12px;letter-spacing:1.8px;font-weight:800;text-transform:uppercase}.hero{max-width:760px;margin:0 auto 30px;text-align:center}.hero h1{font:700 clamp(38px,7vw,70px)/.98 'Space Grotesk';letter-spacing:-3px;margin:15px 0}.hero p{color:var(--muted);font-size:17px;line-height:1.6}.card{background:#1a1e3be8;border:1px solid #ffffff18;border-radius:24px;padding:28px;box-shadow:0 22px 80px #0003;backdrop-filter:blur(10px)}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:860px;margin:auto}.card h2{font:600 24px 'Space Grotesk';margin:0 0 9px}.card p{color:var(--muted);line-height:1.55;margin:0 0 22px}.field-label{display:block;font-size:13px;color:#d9d9e8;margin:14px 0 7px}.input{width:100%;color:white;background:#11142a;border:1px solid #ffffff25;border-radius:12px;padding:14px 15px;outline:none}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #7ddcff22}.btn{background:var(--lime);color:#18200a;font-weight:800;border-radius:12px;padding:14px 18px;transition:transform .15s,filter .15s}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn.secondary{background:#ffffff12;color:white;border:1px solid #ffffff1c}.btn.pink{background:var(--pink);color:#29111a}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.full{width:100%;margin-top:18px}.note{font-size:12px!important;margin-top:14px!important;margin-bottom:0!important}.status{margin-top:18px;color:var(--blue);min-height:20px;font-size:14px}.row{display:flex;gap:10px;align-items:center}.room-code{font:700 clamp(50px,10vw,86px)/1 'Space Grotesk';letter-spacing:8px;color:var(--lime);margin:10px 0 18px}.room-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.room-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:20px}.team-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.team{border-radius:16px;padding:16px;background:#11142a;border:1px solid #ffffff18}.team h3{margin:0 0 12px;font:600 17px 'Space Grotesk'}.team:nth-child(1) h3{color:var(--pink)}.team:nth-child(2) h3{color:var(--blue)}.players{font-size:14px;color:var(--muted);min-height:24px}.player-pill{display:inline-block;border-radius:99px;padding:5px 9px;background:#ffffff12;color:#f7f7fb;margin:0 5px 6px 0}.kicker{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1.3px;font-weight:700}.prompt{font:600 clamp(26px,4vw,42px)/1.12 'Space Grotesk';margin:18px 0}.choice-grid{display:grid;gap:10px}.choice{padding:16px;border:1px solid #ffffff20;background:#11142a;color:white;border-radius:14px;text-align:left;line-height:1.4}.choice:hover{border-color:var(--blue)}.choice.selected{border-color:var(--lime);background:#c8f36a17}.choice.correct{border-color:var(--lime);background:#c8f36a1a}.choice.incorrect{border-color:var(--pink);background:#ff73951a}.feedback{margin-top:18px;padding:16px;border-radius:14px;background:#ffffff0c;line-height:1.5;color:#e9eaf3}.projection{min-height:100vh;padding:4vh 4vw;display:flex;flex-direction:column}.projection .hero{margin:8vh auto 4vh}.projection .hero p{font-size:22px}.projection .room-code{font-size:clamp(78px,15vw,150px)}.projection .team h3{font-size:25px}.projection .player-pill{font-size:20px}.banner{padding:13px 16px;background:#ff73951a;border:1px solid #ff739550;border-radius:14px;color:#ffd3dc;line-height:1.45;margin:18px 0}.hidden{display:none!important}.loading{text-align:center;padding:20vh 20px;color:var(--muted)}.footer{text-align:center;color:#858ba9;font-size:12px;margin:28px 0 0}.score{font:700 30px 'Space Grotesk';color:var(--lime)}.join-code{font:700 30px 'Space Grotesk';letter-spacing:4px;color:var(--lime)}.help{color:var(--blue);background:none;padding:0;text-decoration:underline}.center{text-align:center}.timer{font:600 14px 'Space Grotesk';color:var(--muted)}@media(max-width:700px){.home-grid,.room-layout{grid-template-columns:1fr}.top{margin-bottom:24px}.card{padding:22px}.hero h1{letter-spacing:-2px}.shell{width:min(100% - 22px,620px);padding-top:16px}.room-head{display:block}.team-list{grid-template-columns:1fr 1fr}}