:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080d1c;--bg-soft:#0d1428;--card:#141b31;--card-strong:#1a2340;--line:#273150;--text:#eef2ff;--muted:#9aa6c8;--accent:#6ee7b7;--accent-ink:#052e22;--red:#ff6b6b;--blue:#5aa9ff;--yellow:#ffd166;--green:#5ee2a0;--shadow:0 24px 70px #00000052}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -10%, #21366b 0%, transparent 45%), var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:var(--accent)}button,input{font:inherit}button{border:1px solid var(--line);background:var(--card-strong);color:var(--text);cursor:pointer;border-radius:14px;padding:13px 18px;font-weight:700;transition:background .12s,transform .12s,border-color .12s}button:hover:not(:disabled){background:#24305a;border-color:#3a4a7a;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}button.primary:hover:not(:disabled){background:#8af3cb;border-color:#8af3cb}button.ghost{background:0 0}input{border:1px solid var(--line);width:100%;color:var(--text);background:#0b1226;border-radius:13px;padding:13px 15px}input:focus{outline:2px solid var(--accent);outline-offset:1px}.app{flex-direction:column;gap:22px;width:min(1040px,100%);margin:0 auto;padding:28px 20px 56px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.brand{color:var(--text);letter-spacing:-.03em;align-items:center;gap:10px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);border-radius:10px;place-items:center;font-size:.9rem;display:grid}.nav{color:var(--muted);gap:16px;font-size:.9rem;display:flex}.hero{padding:34px 0 10px}.hero h1{letter-spacing:-.06em;margin:0 0 10px;font-size:clamp(2.3rem,7vw,4.6rem);line-height:.98}.hero p{max-width:620px;color:var(--muted);margin:0;font-size:clamp(1rem,2vw,1.2rem)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.card{background:color-mix(in srgb, var(--card) 92%, transparent);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;gap:14px;padding:22px;display:flex}.card.flat{box-shadow:none}.card h2,.card h3{letter-spacing:-.03em;margin:0}.eyebrow{color:var(--accent);letter-spacing:.17em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.muted{color:var(--muted)}.pin{letter-spacing:.2em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(2.4rem,9vw,4.4rem);line-height:1}.code-card{border:1px solid var(--line);background:linear-gradient(120deg,#121a31,#0e1528);border-radius:18px;flex-wrap:wrap;align-items:end;gap:12px;padding:18px;display:flex}.code-card .field{flex:220px}.code-card button{flex:none}.field{color:var(--muted);flex-direction:column;gap:7px;font-size:.9rem;display:flex}.game-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.game-card{justify-content:space-between;min-height:190px;position:relative;overflow:hidden}.game-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#6ee7b72e,#0000 68%);border-radius:999px;width:170px;height:170px;position:absolute;inset:auto -30px -60px auto}.game-card.quiz{border-color:#6ee7b766}.game-card.mood{opacity:.62}.game-card.mood:after{background:radial-gradient(circle,#ffd16629,#0000 68%)}.badge{border:1px solid var(--line);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:.72rem;font-weight:700}.badge.live{color:var(--accent);border-color:#6ee7b773}.layout{grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);align-items:start;gap:18px;display:grid}.stack{flex-direction:column;gap:14px;display:flex}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list li,.player-row{border:1px solid var(--line);background:#0f172c;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.player-row .dot{background:var(--green);border-radius:999px;width:8px;height:8px}.player-row.offline{opacity:.55}.player-row.offline .dot{background:var(--muted)}.timer{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:800}.timer.low{color:var(--yellow)}.progress{background:#0b1226;border-radius:999px;height:8px;overflow:hidden}.progress>span{border-radius:inherit;background:var(--accent);height:100%;transition:width .2s linear;display:block}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}button.answer{text-align:left;border-width:2px;align-items:center;gap:12px;min-height:76px;font-size:1rem;display:flex}button.answer .letter{background:#ffffff1f;border-radius:10px;place-items:center;width:32px;height:32px;font-size:.85rem;display:inline-grid}button.answer.red{border-color:var(--red)}button.answer.blue{border-color:var(--blue)}button.answer.yellow{border-color:var(--yellow)}button.answer.green{border-color:var(--green)}button.answer.correct{box-shadow:0 0 0 3px var(--accent) inset}button.answer.wrong{opacity:.5}.score-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.score-row:last-child{border-bottom:0}.score-row .rank{width:28px;color:var(--muted);font-variant-numeric:tabular-nums}.score-row .score{font-variant-numeric:tabular-nums}.score-row.you{color:var(--accent)}.podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;margin-top:8px;display:grid}.podium-place{border:1px solid var(--line);text-align:center;background:#0f172c;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;display:flex}.podium-place.first{border-color:var(--yellow);padding-block:26px}.error{color:#ffd4d4;background:#ff6b6b1a;border:1px solid #ff6b6b80;border-radius:12px;padding:10px 12px}.status{border-top:1px solid var(--line);color:var(--muted);margin-top:8px;padding-top:14px;font-size:.9rem}.center{text-align:center}@media (width<=760px){.layout,.answer-grid,.podium{grid-template-columns:1fr}.podium-place.first{order:-1}}button.brand{background:0 0;border:0;padding:0}button.brand:hover:not(:disabled){background:0 0;border-color:#0000;transform:none}.answer-card{border:2px solid var(--line);background:var(--card-strong);border-radius:14px;align-items:center;gap:12px;min-height:70px;padding:14px 16px;font-weight:700;display:flex}.answer-card .letter{background:#ffffff1f;border-radius:10px;place-items:center;width:32px;height:32px;font-size:.85rem;display:inline-grid}.answer-card.red{border-color:var(--red)}.answer-card.blue{border-color:var(--blue)}.answer-card.yellow{border-color:var(--yellow)}.answer-card.green{border-color:var(--green)}.score-row .score,.score-row .rank{font-variant-numeric:tabular-nums}.podium-place .place{color:var(--muted);letter-spacing:.14em;font-size:.72rem;font-weight:800}.podium-place .name{font-weight:800}.podium-place .pts{color:var(--accent);font-variant-numeric:tabular-nums}