@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&display=swap");:root{--violet-900:#2a1580;--violet-700:#3a20af;--violet-600:#4b2ed4;--yellow-400:#ffd338;--yellow-700:#c99c00;--pink-500:#ff5c8a;--pink-700:#c23861;--pink-100:#ffd8e4;--teal-400:#4ecdc4;--orange-400:#ff9f45;--lavender-300:#b8a6ff;--white:#ffffff;--bg-page:#ede8f5;--surface-app:var(--violet-600);--surface-raised:var(--violet-700);--surface-moment:var(--pink-500);--ink-on-accent:var(--violet-900);--text-primary:var(--white);--text-muted:var(--lavender-300);--accent:var(--yellow-400);--player-1:var(--yellow-400);--player-2:var(--pink-500);--player-3:var(--teal-400);--player-4:var(--orange-400);--player-5:var(--lavender-300);--font-sans:"Sora",sans-serif;--text-hero:800 34px/1.15 var(--font-sans);--text-display:800 30px/1.15 var(--font-sans);--text-title:800 24px/1.2 var(--font-sans);--text-button:800 16px/1 var(--font-sans);--text-body:600 15px/1.5 var(--font-sans);--text-item:700 14px/1.4 var(--font-sans);--text-caption:600 12.5px/1.5 var(--font-sans);--text-label:700 11px/1.3 var(--font-sans);--tracking-label:.14em;--tracking-code:.08em;--space-1:4px;--space-2:8px;--space-3:10px;--space-4:14px;--space-5:18px;--space-6:22px;--space-7:30px;--space-8:40px;--screen-pad:22px;--radius-chip:12px;--radius-tile:14px;--radius-card:16px;--radius-button:18px;--radius-screen:28px;--shadow-3d-accent:0 8px 0 var(--yellow-700);--shadow-3d-accent-lg:0 12px 0 var(--yellow-700);--shadow-3d-pink:0 8px 0 var(--pink-700);--shadow-3d-dark:0 8px 0 var(--violet-900);--shadow-3d-soft:0 10px 0 rgba(0,0,0,.15);--press-transform:translateY(4px)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--bg-page);color:var(--text-primary);font:var(--text-body);font-family:var(--font-sans)}a{color:inherit;text-decoration:none}button,input,select{font:inherit;font-family:var(--font-sans)}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}small{color:inherit}strong{font-weight:800}.shell{width:min(1200px,calc(100% - 24px));margin:0 auto;padding:24px 0}.narrow-shell{width:min(420px,calc(100% - 24px))}.hero{display:grid;grid-gap:18px;gap:18px;align-items:start}.hero,.hero-home,.hero-room{grid-template-columns:minmax(0,1fr)}.card,.screen{background:var(--surface-app);border-radius:var(--radius-screen);padding:16px var(--screen-pad) var(--screen-pad);box-shadow:0 16px 40px rgba(42,21,128,.2);border:0;color:var(--text-primary)}.moment-screen,.screen.moment{background:var(--surface-moment)}.inner-card{padding:20px;border-radius:22px;background:var(--white);color:var(--ink-on-accent);box-shadow:var(--shadow-3d-dark)}.eyebrow{display:inline-block;color:var(--text-muted);letter-spacing:var(--tracking-label)}.brand-pill,.eyebrow{font:var(--text-label);text-transform:uppercase}.brand-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--accent);color:var(--ink-on-accent);padding:6px 12px;font-weight:800;letter-spacing:.16em}h1,h2,h3{margin:0;color:var(--text-primary)}h1{font:var(--text-hero);margin-top:12px}h2{font:var(--text-title);margin-bottom:0}h3{font:var(--text-item)}p{color:var(--text-muted);margin:0}.grid{display:grid;grid-gap:16px;gap:16px}.three,.two{grid-template-columns:1fr}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.stack-xl{display:grid;grid-gap:18px;gap:18px}.compact-gap{gap:10px}.field{display:grid;grid-gap:8px;gap:8px;color:var(--text-muted);font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.field-disabled{opacity:.6}.field span,label{color:inherit}.input,select{width:100%;border:none;border-radius:var(--radius-card);background:var(--surface-raised);color:var(--text-primary);padding:15px 16px;outline:none;box-shadow:inset 0 0 0 2px transparent}.input::placeholder{color:var(--lavender-300)}.input:focus,select:focus{box-shadow:inset 0 0 0 2px var(--accent)}.code-input{text-transform:uppercase;letter-spacing:var(--tracking-code);font-weight:800;text-align:center}.button{border:none;border-radius:var(--radius-button);padding:17px 20px;background:var(--accent);color:var(--ink-on-accent);font:var(--text-button);text-align:center;display:inline-flex;justify-content:center;align-items:center;gap:8px;box-shadow:var(--shadow-3d-accent);transition:transform .15s,box-shadow .15s,filter .15s}.button:hover{filter:brightness(1.04)}.button:active{transform:var(--press-transform);box-shadow:0 3px 0 var(--yellow-700)}.button.secondary{background:var(--surface-raised);color:var(--text-primary);box-shadow:var(--shadow-3d-dark)}.button.secondary:active{box-shadow:0 3px 0 var(--violet-900)}.button.ghost{background:transparent;color:var(--text-muted);box-shadow:none;padding:0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:none;background:var(--surface-raised);color:var(--text-muted);border-radius:var(--radius-chip);padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s,transform .15s}.chip.active,.chip:active{background:var(--accent);color:var(--ink-on-accent);font-weight:700}.chip.static{cursor:default}.error,.success,.warning{border-radius:var(--radius-card);padding:14px 16px;font:var(--text-item)}.error{background:var(--pink-500);color:var(--white);box-shadow:var(--shadow-3d-pink)}.success{background:var(--accent);color:var(--ink-on-accent);box-shadow:var(--shadow-3d-accent)}.warning{background:var(--surface-raised);color:var(--white);box-shadow:var(--shadow-3d-dark)}.muted{color:var(--text-muted)}.players{display:grid;grid-gap:10px;gap:10px}.player{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:var(--radius-tile);background:var(--surface-raised);color:var(--text-primary)}.avatar{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;color:var(--violet-900);font-weight:800;font-size:14px}.score{padding:10px 18px;border-radius:var(--radius-card);background:var(--accent);color:var(--ink-on-accent);font:800 28px/1 var(--font-sans);letter-spacing:var(--tracking-code);box-shadow:var(--shadow-3d-accent)}.eq{height:28px;display:flex;align-items:flex-end;justify-content:center;gap:4px}.eq i{display:block;width:6px;height:24px;border-radius:3px;background:var(--accent);transform-origin:bottom;animation:presto-eq .8s ease-in-out infinite}.eq i:nth-child(2){animation-delay:.15s}.eq i:nth-child(3){animation-delay:.3s}.eq i:nth-child(4){animation-delay:.45s}.eq i:nth-child(5){animation-delay:.6s}@keyframes presto-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.toasts{position:fixed;right:16px;bottom:16px;display:grid;grid-gap:10px;gap:10px;z-index:10}.toast{max-width:320px;background:var(--accent);color:var(--ink-on-accent);padding:14px 16px;border-radius:var(--radius-card);box-shadow:var(--shadow-3d-accent);font:var(--text-item)}.blur-fx{filter:blur(5px)}.room-topbar{margin-bottom:18px}.side-panel{align-self:start}.join-row{align-items:stretch}.join-row .button{min-width:140px}.lobby-grid{align-items:start}.qr-card{display:grid;grid-gap:18px;gap:18px;justify-items:center;text-align:center}.qr-fallback,.qr-image{width:220px;height:220px;border-radius:22px;background:var(--white)}.qr-image{padding:14px}.qr-fallback{display:grid;place-items:center;color:var(--violet-900);box-shadow:inset 0 0 0 2px var(--violet-700)}.join-link{font:var(--text-caption);color:var(--violet-900);word-break:break-all}.advanced-panel{padding:16px;border-radius:var(--radius-card);background:var(--surface-raised)}.team-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.hero-room{position:relative}.pause-overlay{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,var(--violet-900) 82%,transparent);color:var(--white);text-align:center}.pause-overlay>div{max-width:34rem}.pause-overlay h2{margin:10px 0;font-size:clamp(2.5rem,8vw,5.5rem)}.pause-overlay p{margin:0;color:color-mix(in srgb,var(--white) 70%,transparent)}.achievement-progress{display:grid;grid-gap:2px;gap:2px;text-align:right}.achievement-progress small{color:var(--text-muted)}.board-shell{min-height:100vh;padding:28px;background:var(--violet-900);color:var(--white)}.board-header,.board-layout,.board-lobby,.board-ranking>div,.board-score{display:flex;align-items:center}.board-header{justify-content:space-between;gap:20px;margin:0 auto 28px;max-width:1500px}.board-label{margin-left:12px;color:var(--lavender-300);font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.board-code{font:800 clamp(18px,2vw,30px)/1 var(--font-sans);letter-spacing:var(--tracking-code)}.board-code small{color:var(--accent);font:var(--text-label);letter-spacing:var(--tracking-label)}.board-message{width:min(760px,100%);margin:12vh auto;padding:30px;border-radius:var(--radius-screen);background:var(--surface-raised);text-align:center}.board-layout{max-width:1500px;margin:0 auto;align-items:stretch;gap:24px}.board-stage{flex:1 1;min-height:min(72vh,800px);display:grid;place-content:center;justify-items:center;grid-gap:20px;gap:20px;padding:48px;border-radius:34px;background:var(--violet-600);text-align:center}.board-stage h1{font-size:clamp(44px,7vw,110px);max-width:12ch}.board-stage h2{font-size:clamp(24px,3vw,44px)}.board-stage p{max-width:50ch;font-size:clamp(16px,2vw,22px)}.board-scores{width:min(100%,380px);display:grid;align-content:start;grid-gap:12px;gap:12px;padding:24px;border-radius:28px;background:var(--surface-raised)}.board-score{justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid color-mix(in srgb,var(--white) 15%,transparent);font-size:clamp(16px,1.8vw,22px)}.board-score span{display:flex;align-items:center;gap:10px}.board-score strong{color:var(--accent);font-size:1.3em}.board-avatar{width:20px;height:20px;border-radius:6px}.board-lobby{gap:48px;text-align:left}.board-lobby>div{display:grid;grid-gap:20px;gap:20px}.board-qr{width:min(360px,54vw);height:auto;padding:16px;border-radius:28px;background:var(--white)}.board-eq{height:120px;gap:12px}.board-eq i{width:18px;height:100px;border-radius:9px}.board-timer{width:min(38vw,300px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--violet-900);font:800 clamp(90px,16vw,220px)/1 var(--font-sans);box-shadow:0 16px 0 var(--yellow-700)}.board-cover{width:min(320px,36vw);height:auto;border-radius:28px;box-shadow:var(--shadow-3d-soft)}.board-ranking{width:min(650px,100%);display:grid;grid-gap:12px;gap:12px}.board-ranking>div{justify-content:space-between;gap:16px;padding:16px 20px;border-radius:var(--radius-card);background:var(--surface-raised);font-size:clamp(18px,2vw,28px)}.board-ranking span{color:var(--accent);font-weight:800}@media (max-width:800px){.board-shell{padding:16px}.board-layout,.board-lobby{flex-direction:column}.board-stage{min-height:58vh;padding:28px 18px}.board-scores{width:100%}.board-lobby{text-align:center}}.team-card{border-radius:var(--radius-card);padding:16px;background:var(--surface-raised);display:grid;grid-gap:8px;gap:8px}.team-card.winner{background:var(--accent);box-shadow:var(--shadow-3d-accent)}.team-card.winner,.team-card.winner .eyebrow,.team-card.winner small,.team-card.winner strong{color:var(--ink-on-accent)}.reveal-cover{width:min(240px,100%);height:auto;border-radius:24px;margin:0 auto;box-shadow:var(--shadow-3d-soft)}.buzzer{width:min(260px,100%);aspect-ratio:1;border-radius:50%;border:none;background:var(--accent);color:var(--ink-on-accent);font:800 clamp(32px,9vw,42px)/1 var(--font-sans);box-shadow:var(--shadow-3d-accent-lg);margin:0 auto;transition:transform .12s,box-shadow .12s}.buzzer:active{transform:translateY(6px);box-shadow:0 4px 0 var(--yellow-700)}.buzzer:disabled{background:var(--lavender-300);color:var(--violet-900);box-shadow:none}.answer-screen{background:var(--surface-moment);border-radius:var(--radius-screen);padding:16px var(--screen-pad) var(--screen-pad)}.timer-badge{width:120px;height:120px;margin:0 auto;border-radius:50%;background:var(--white);color:var(--pink-500);display:grid;place-items:center;font:800 44px/1 var(--font-sans);box-shadow:var(--shadow-3d-soft)}.answer-option{width:100%;text-align:left;border:none;border-radius:var(--radius-card);padding:15px 18px;background:rgba(255,255,255,.18);color:var(--white);font:var(--text-body)}.answer-option.active{background:var(--white);color:var(--ink-on-accent);font-weight:700}.form-stack{display:grid;grid-gap:14px;gap:14px}.home-grid{display:grid;grid-gap:18px;gap:18px}.home-grid>*{min-width:0}.home-primary-stack{display:contents}.home-intro{padding:8px 2px 10px}.home-intro .brand-pill{margin-right:10px}.home-intro-kicker{color:var(--violet-700)}.home-intro h1{max-width:8ch;font-size:clamp(44px,8vw,82px);letter-spacing:-.07em}.home-intro p{max-width:34ch;margin-top:12px;color:var(--violet-700);font-size:17px}.home-join-card{background:var(--surface-moment);box-shadow:0 14px 0 var(--pink-700)}.home-join-card .eyebrow,.home-join-card p{color:var(--pink-100)}.home-join-card .input{background:var(--white);color:var(--violet-900)}.home-join-card .input::placeholder{color:var(--violet-700)}.home-join-card .button{background:var(--accent)}.home-account-card{background:var(--surface-raised)}.home-composer{position:relative;overflow:hidden}.home-composer:before{content:"";position:absolute;top:0;right:0;width:112px;height:112px;border-radius:0 0 0 100%;background:var(--accent)}.home-composer>*{position:relative}.home-composer>.row:first-child{padding-right:48px}.home-intro{order:1}.home-join-card{order:2}.home-composer{order:3}.home-account-card{order:4}.room-code-badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:16px;background:var(--accent);color:var(--ink-on-accent);font:800 34px/1 var(--font-sans);letter-spacing:var(--tracking-code);box-shadow:var(--shadow-3d-accent)}.player-summary{display:flex;justify-content:space-between;align-items:center;gap:10px}.player-score-pill{padding:7px 13px;border-radius:12px;background:var(--surface-raised);color:var(--accent);font:700 13px/1 var(--font-sans)}.progress-dots{display:flex;justify-content:center;gap:6px}.progress-dots i{flex:1 1;max-width:34px;height:6px;border-radius:3px;background:var(--surface-raised)}.progress-dots i.on{background:var(--accent)}.progress-dots i.current{background:var(--white)}.section-divider{height:1px;background:rgba(255,255,255,.12)}@media (min-width:980px){.hero-home{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:30px}.home-intro{grid-column:1/-1}.home-account-card{grid-column:1;grid-row:2/span 2;align-self:start}.home-join-card{grid-column:2;grid-row:2}.home-composer{grid-column:2;grid-row:3;position:-webkit-sticky;position:sticky;top:22px}.hero-room{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}}