:root{--font-body: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 28px}html[data-theme=dark]{color-scheme:dark;--bg: #0b0b12;--bg-2: #101018;--surface: #151522;--surface-2: #1c1c2e;--surface-3: #22223a;--text: #f5f5f7;--muted: #9aa0b4;--border: #2a2a3d;--glass: rgba(255, 255, 255, .06);--glass-2: rgba(255, 255, 255, .1);--shadow: 0 24px 80px rgba(0, 0, 0, .45)}html[data-theme=light]{color-scheme:light;--bg: #f6f7fb;--bg-2: #eef0f7;--surface: #ffffff;--surface-2: #f2f3fa;--surface-3: #e9ebf5;--text: #151522;--muted: #5b6075;--border: #e2e5ef;--glass: rgba(255, 255, 255, .7);--glass-2: rgba(255, 255, 255, .9);--shadow: 0 24px 80px rgba(20, 20, 40, .12)}html[data-palette=a]{--primary: #7c5cff;--primary-2: #a78bfa;--accent: #2dd4bf;--accent-2: #f472b6;--danger: #f87171;--success: #4ade80;--on-primary: #ffffff;--gradient: linear-gradient(135deg, #7c5cff, #f472b6 60%, #2dd4bf)}html[data-palette=b]{--primary: #ffb020;--primary-2: #ff7a00;--accent: #ff5c5c;--accent-2: #ffd166;--danger: #ef4444;--success: #22c55e;--on-primary: #1a1208;--gradient: linear-gradient(135deg, #ffb020, #ff5c5c 60%, #ff7a00)}html[data-palette=c]{--primary: #4f46e5;--primary-2: #818cf8;--accent: #a3e635;--accent-2: #22d3ee;--danger: #ef4444;--success: #16a34a;--on-primary: #ffffff;--gradient: linear-gradient(135deg, #4f46e5, #818cf8 55%, #a3e635)}html[data-palette=d]{--primary: #f5c542;--primary-2: #ffd166;--accent: #e63946;--accent-2: #4cc9f0;--danger: #e63946;--success: #2a9d8f;--on-primary: #1a1208;--gradient: linear-gradient(135deg, #f5c542, #e63946 60%, #4cc9f0)}html[data-palette=b][data-theme=dark]{--bg: #171210;--bg-2: #1f1714;--surface: #241a16;--surface-2: #2e211b;--surface-3: #3a2921;--border: #463229}html[data-palette=b][data-theme=light]{--bg: #fdf7f0;--bg-2: #faeee1;--surface: #fffdfa;--surface-2: #fdf3e8;--surface-3: #f8e7d6;--border: #f0ddc8}html[data-palette=c][data-theme=dark]{--bg: #0a0f1a;--bg-2: #0e1524;--surface: #121c2e;--surface-2: #17243a;--surface-3: #1d2d47;--border: #263a58}html[data-palette=c][data-theme=light]{--bg: #f5f7ff;--bg-2: #eef1ff;--surface: #ffffff;--surface-2: #f4f6ff;--surface-3: #e9edff;--border: #dfe4f5}html[data-palette=d][data-theme=dark]{--bg: #0e1726;--bg-2: #111c2f;--surface: #16233a;--surface-2: #1c2c47;--surface-3: #223553;--border: #2c4266}html[data-palette=d][data-theme=light]{--bg: #f6f8fc;--bg-2: #eef2f9;--surface: #ffffff;--surface-2: #f3f6fb;--surface-3: #e8eef7;--border: #dce4ef}.hh-button{border:0;border-radius:.75rem;font:inherit;font-weight:800;cursor:pointer;transition:transform .12s ease,filter .12s ease,background .12s ease}.hh-button:hover{filter:brightness(1.1)}.hh-button:active{transform:scale(.98)}.hh-button:disabled{opacity:.5;cursor:not-allowed}.hh-button--primary{background:var(--primary, #7c5cff);color:var(--on-primary, #ffffff)}.hh-button--secondary{background:var(--surface-3, #262a3a);color:var(--text, #e9eaff)}.hh-button--danger{background:var(--danger, #d33b4d);color:#fff}.hh-button--ghost{background:transparent;color:var(--muted, #c7cbe0);border:1px solid var(--border, #3a3f55)}.hh-button--sm{padding:.4rem .8rem;font-size:.85rem}.hh-button--md{padding:.65rem 1.1rem}.hh-button--lg{padding:.9rem 1.6rem;font-size:1.1rem}.hh-timer{display:grid;place-items:center;width:6rem;height:6rem;border-radius:50%;border:.4rem solid currentColor;font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums}.hh-timer--green{color:var(--success, #4ade80)}.hh-timer--yellow{color:var(--primary, #facc15)}.hh-timer--red{color:var(--danger, #f87171)}.hh-card{border-radius:var(--radius-lg, 28px);padding:1.25rem;background:var(--surface);border:1px solid var(--border)}.hh-card--flat{background:var(--surface)}.hh-card--elevated{box-shadow:var(--shadow)}.hh-card--glass{background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hh-card--gradient{border:1.5px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--gradient) border-box}.hh-answers{display:grid;gap:.6rem}.hh-answers--adaptive,.hh-answers--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hh-answers--list{grid-template-columns:1fr}.hh-answer{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--radius-md, 18px);padding:.85rem 1rem;font:inherit;font-weight:700;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.hh-answer:hover{border-color:var(--primary);transform:translateY(-1px)}.hh-answer.is-selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 18%,var(--surface-2));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 45%,transparent)}.hh-answer.is-correct{border-color:var(--success);background:color-mix(in srgb,var(--success) 18%,var(--surface-2));box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 40%,transparent)}.hh-answer--static{cursor:default}.hh-answer--static:hover{transform:none}.hh-answer:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 480px){.hh-answers--adaptive{grid-template-columns:1fr}}@media (min-width: 1280px){.hh-answers--adaptive{grid-template-columns:repeat(4,minmax(0,1fr))}}.hh-ring{--progress: 100%;--ring-color: var(--primary);width:7rem;height:7rem;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--ring-color) var(--progress),var(--surface-3) 0)}.hh-ring:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:var(--surface)}.hh-ring span{position:relative;font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums}.hh-ring--sm{width:5rem;height:5rem}.hh-ring--sm span{font-size:1.4rem}.hh-ring--lg{width:9rem;height:9rem}.hh-ring--lg span{font-size:2.8rem}.hh-ring--green{--ring-color: var(--success)}.hh-ring--yellow{--ring-color: #facc15}.hh-ring--red{--ring-color: var(--danger)}.hh-media-progress{display:flex;flex-direction:column;gap:.35rem}.hh-media-progress__track{height:.8rem;border-radius:999px;background:var(--surface-3);overflow:hidden}.hh-media-progress__track i{display:block;height:100%;border-radius:999px;background:var(--gradient);transition:width .2s linear}.hh-media-progress__label{color:var(--muted);font-size:.8rem}.hh-game-progress{display:flex;flex-direction:column;gap:.4rem}.hh-game-progress__segments{display:flex;gap:.3rem}.hh-game-progress__segments i{flex:1;height:.55rem;border-radius:999px;background:var(--surface-3)}.hh-game-progress__segments i.is-done{background:var(--gradient)}.hh-game-progress__label{color:var(--muted);font-size:.8rem}body{margin:0;min-height:100vh;background:var(--bg, #0b0b12);color:var(--text, #f5f5f7);font-family:var(--font-body, system-ui, sans-serif);transition:background .18s ease,color .18s ease}*{box-sizing:border-box}.screen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:2rem;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--muted, #9aa0b4);font-size:.8rem}h1{font-family:var(--font-display, var(--font-body, system-ui, sans-serif));font-size:clamp(2.5rem,8vw,6rem);margin:0}.lead{max-width:40rem;color:var(--muted, #c7cbe0);font-size:1.1rem}.row{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.hint{color:var(--muted, #7f859c);font-size:.9rem}.app-shell{min-height:100vh;background:radial-gradient(700px 500px at 10% -10%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 60%),var(--bg);color:var(--text)}.app-main{max-width:960px;margin:0 auto;padding:1rem 1rem 3rem}.pwa-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem clamp(1rem,4vw,2rem);background:color-mix(in srgb,var(--bg) 85%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.pwa-brand{display:flex;align-items:center;gap:.6rem;font-weight:800}.pwa-brand__mark{width:2.1rem;height:2.1rem;border-radius:.7rem;background:var(--gradient);color:#fff;display:grid;place-items:center;font-family:var(--font-display)}.pwa-brand small{display:block;color:var(--muted);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.pwa-topbar__actions{display:flex;align-items:center;gap:.5rem}.pwa-chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:999px;padding:.4rem .75rem;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}.pwa-user{color:var(--muted);font-size:.8rem;font-weight:700}.pwa-auth{max-width:420px;margin:3rem auto 0}.pwa-auth h1{font-size:2.6rem;margin:.3rem 0 .5rem}.pwa-form{display:grid;gap:1rem;margin-top:1.25rem}.pwa-form label{display:grid;gap:.4rem;color:var(--muted);font-size:.82rem;font-weight:700}.pwa-form input,.pwa-join input{width:100%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:.8rem;padding:.8rem 1rem;font:inherit}.pwa-form input:focus,.pwa-join input:focus{outline:2px solid var(--primary);outline-offset:1px}.pwa-error{color:var(--danger);font-size:.85rem;font-weight:700;margin:.5rem 0}.pwa-hero h1{font-size:clamp(2.4rem,8vw,4rem);margin:.2rem 0 .4rem}.pwa-hero{margin-bottom:1.2rem}.pwa-section-title{font-family:var(--font-display);font-size:1.1rem;margin:1.6rem 0 .7rem}.pwa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}.pwa-grid h3{margin:.2rem 0 .5rem}.pwa-join{margin-bottom:.5rem}.pwa-join h3{margin:0 0 .6rem}.pwa-join__row{display:flex;gap:.6rem;align-items:center}.pwa-lobby{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;align-items:start}.pwa-lobby h1{font-size:clamp(1.8rem,5vw,2.8rem);margin:.2rem 0 .6rem}.pwa-lobby__main{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem}.pwa-code{font-family:var(--font-display);font-size:clamp(2.4rem,8vw,3.4rem);letter-spacing:.25em;margin:.2rem 0 .4rem;color:var(--primary)}.pwa-status{color:var(--muted);font-weight:700}.pwa-teams{display:flex;flex-direction:column;gap:.35rem;margin-top:.6rem}.pwa-team{display:flex;align-items:center;gap:.6rem;padding:.55rem .2rem;border-bottom:1px solid var(--border);font-weight:700}.pwa-team__avatar{width:1.8rem;height:1.8rem;border-radius:50%;display:grid;place-items:center;background:var(--gradient);color:#fff;font-size:.75rem}.pwa-team__check{margin-left:auto;color:var(--success)}.pwa-game{display:flex;flex-direction:column;gap:1rem}.pwa-game__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.pwa-question{text-align:left}.pwa-question h2{font-size:clamp(1.3rem,4vw,1.8rem);margin:.2rem 0 0}.pwa-question-text{color:var(--muted);font-size:1.1rem;line-height:1.5}.pwa-wait{max-width:620px;margin:2rem auto;text-align:center}.pwa-wait h2{font-family:var(--font-display);font-size:clamp(1.4rem,4vw,2rem)}.pwa-closed{text-align:center}.pwa-actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.pwa-final{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.pwa-final__hero{text-align:center}.pwa-final__hero h1{font-size:clamp(2rem,6vw,3.2rem);margin:.2rem 0 .4rem}.pwa-final__score{font-size:1.6rem;font-weight:800;color:var(--primary)}.pwa-scores{display:flex;flex-direction:column;gap:.35rem;margin-top:.6rem}.pwa-score{display:grid;grid-template-columns:2rem 1fr auto;gap:.6rem;padding:.55rem .2rem;border-bottom:1px solid var(--border)}.pwa-score strong{color:var(--primary)}@media (max-width: 720px){.pwa-lobby{grid-template-columns:1fr}.pwa-join__row{flex-direction:column;align-items:stretch}.pwa-game__head{align-items:flex-start}}