@import url("https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=Space+Grotesk:wght@400;500;700&display=swap");:root{color-scheme:dark;--ink:#120a1e;--ink-2:#0c0716;--surface:#1e1433;--surface-2:#281a45;--line:#392656;--violet:#9b83ff;--teal:#34e2c8;--pink:#ff5c9b;--cream:#f3eeff;--muted:#a99cc4;--muted-2:#7e7299;--font-d:"Syne",system-ui,sans-serif;--font-b:"Space Grotesk",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-b);background:var(--ink);color:var(--cream);min-height:100vh;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60vw 60vw at 12% 8%,rgba(52,226,200,.1),transparent 60%),radial-gradient(55vw 55vw at 88% 18%,rgba(255,92,155,.1),transparent 60%),radial-gradient(70vw 70vw at 50% 110%,rgba(155,131,255,.12),transparent 60%)}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:600px;margin:0 auto;padding:40px 22px 64px;position:relative;z-index:1}.card{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 24px 60px -34px rgba(0,0,0,.8)}h1,h2,h3{font-family:var(--font-d);font-weight:700;line-height:1.05;letter-spacing:-.01em}h1{margin:0 0 4px;font-size:30px}.duo{background:linear-gradient(100deg,var(--teal),var(--violet) 48%,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.brand{gap:11px;font-family:var(--font-d);font-size:22px}.brand,.brand .mk{display:flex;align-items:center;font-weight:800}.brand .mk{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--teal),var(--pink));justify-content:center;color:var(--ink);font-size:18px;flex:none}.subtitle{margin:0 0 24px;font-size:14px}.subtitle,label{color:var(--muted)}label{display:block;font-size:13px;margin-bottom:6px}input,select{width:100%;padding:13px 15px;margin-bottom:16px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--cream);font-family:var(--font-b);font-size:16px}input::placeholder{color:var(--muted-2)}input:focus,select:focus{outline:none;border-color:var(--teal)}button{width:100%;padding:13px 16px;border:none;border-radius:11px;background:var(--teal);color:#06231e;font-family:var(--font-b);font-size:16px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px -10px rgba(52,226,200,.5)}button:disabled{cursor:default}ul.players{list-style:none;padding:0;margin:0}ul.players li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:11px;background:var(--surface);border:1px solid var(--line);margin-bottom:8px}.badge{font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;background:var(--violet);color:var(--ink);padding:3px 9px;border-radius:999px;white-space:nowrap}.badge.you{background:var(--teal);color:#06231e}.code{font-family:ui-monospace,SF Mono,monospace;font-size:22px;letter-spacing:4px;font-weight:700;color:var(--teal)}.muted{color:var(--muted);font-size:13px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;color:var(--pink)}.category{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--violet);font-weight:500}.question-text{font-family:var(--font-d);font-size:21px;font-weight:700;margin:8px 0 20px}.choices{display:grid;grid-gap:10px;gap:10px}.choice{width:100%;display:flex;align-items:flex-start;gap:10px;text-align:left;background:hsla(0,0%,100%,.015);border:1px solid var(--line);color:var(--muted);font-weight:500;padding:14px 16px;border-radius:12px;overflow-wrap:anywhere}.choice:hover:not(:disabled){border-color:var(--violet);color:var(--cream);transform:none;box-shadow:none}.choice.selected{border-color:var(--violet);background:rgba(155,131,255,.12);color:var(--cream)}.choice.correct{border-color:var(--teal);background:rgba(52,226,200,.1);color:var(--cream)}.choice.wrong{border-color:var(--pink);background:rgba(255,92,155,.12);color:var(--cream)}.choice .letter{flex:none;width:20px;font-weight:700;color:var(--muted-2)}.banner{border-radius:12px;padding:12px 14px;margin-bottom:16px;font-size:14px}.banner.secret{background:rgba(155,131,255,.1);border:1px solid rgba(155,131,255,.45)}.banner.error{background:rgba(255,92,155,.1);border:1px solid rgba(255,92,155,.5);color:#ffc2d8}.chat{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto;margin-bottom:12px;padding-right:4px}.chat-msg{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px}.chat-msg .who{color:var(--muted);font-size:12px;margin-right:6px}.chat-form{display:flex;gap:8px}.chat-form input{margin-bottom:0}.chat-form button{width:auto;padding:13px 18px}.emoji-btn{width:auto;flex:none;background:var(--surface);border:1px solid var(--line);color:var(--cream);border-radius:11px;padding:0 12px;font-size:18px;line-height:1}.emoji-btn:hover:not(:disabled){transform:none;box-shadow:none;border-color:var(--violet)}.emoji-pop{position:absolute;bottom:56px;left:0;right:0;z-index:60}.sound-toggle{position:fixed;bottom:16px;right:16px;z-index:100;width:44px;height:44px;padding:0;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--cream);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px -10px rgba(0,0,0,.7)}.sound-toggle:hover:not(:disabled){transform:none;box-shadow:0 8px 24px -8px rgba(0,0,0,.8);border-color:var(--violet)}.podium li .score{font-weight:700;color:var(--pink)}.mt{margin-top:16px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.stat-card{display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.stat-value{font-family:var(--font-d);font-size:26px;font-weight:800;color:var(--teal)}.stat-label{font-size:12px;color:var(--muted)}.tabs{display:flex;gap:6px;margin-bottom:18px}.tab{flex:1 1;width:auto;padding:10px 8px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:14px;font-weight:600}.tab:hover:not(:disabled){transform:none;box-shadow:none;color:var(--cream)}.tab.active{background:rgba(155,131,255,.14);color:var(--cream);border-color:var(--violet)}.modes{display:grid;grid-gap:10px;gap:10px;margin-top:8px}.mode-card{width:100%;text-align:left;display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--line);color:var(--cream);padding:14px 16px;border-radius:12px}.mode-card:hover{border-color:var(--violet);transform:translateY(-2px);box-shadow:none}.mode-card.selected{border-color:var(--violet);background:rgba(155,131,255,.12)}.mode-card .mode-title{font-family:var(--font-d);font-weight:700;font-size:16px}.mode-card .mode-desc{font-size:13px;color:var(--muted);font-weight:400}.btn-ghost{background:transparent!important;color:var(--cream)!important;border:1px solid var(--line)!important}.btn-ghost:hover:not(:disabled){border-color:var(--violet)!important}@media (max-width:560px){.container{padding:28px 14px 92px}h1{font-size:26px}.stats-grid{grid-template-columns:1fr}.question-text{font-size:19px}.brand{font-size:16px;gap:8px}.brand .mk{width:26px;height:26px;font-size:14px}.row .btn-ghost{font-size:14px!important;padding:12px!important}.card{padding:18px 16px}.chat-msg,ul.players li>span:first-child{overflow-wrap:anywhere;min-width:0}ul.players li{flex-wrap:wrap}.choice{min-height:48px;padding:13px 14px;line-height:1.4}ul.players li .score{flex:none;align-self:flex-start;white-space:nowrap}.chat-form{gap:6px}.chat-form input{min-width:0;padding:12px}.chat-form>button:last-child{padding:12px 14px}.emoji-pop{bottom:52px}.emoji-pop .EmojiPickerReact{height:min(280px,42vh)!important}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}