@import url("https://fonts.googleapis.com/css2?family=Audiowide&family=Space+Grotesk:wght@400;500;700&display=swap");:root{--background:#050611;--panel:#121326;--panel-strong:#1a1430;--text:#fff9ff;--muted:#c9c5d8;--cyan:#00e5ff;--pink:#ff3bdc;--yellow:#f6ff4d;--green:#39ff14;--violet:#b774ff;--danger:#ff3f7f;--border:rgba(255,255,255,0.18);--shadow-cyan:0 0 30px rgba(0,229,255,0.48);--shadow-pink:0 0 36px rgba(255,59,220,0.5);--radius:18px;color-scheme:dark}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:radial-gradient(circle at 14% 8%,rgba(255,59,220,.48),transparent 24rem),radial-gradient(circle at 76% 14%,rgba(57,255,20,.34),transparent 25rem),radial-gradient(circle at 60% 86%,rgba(246,255,77,.26),transparent 23rem),var(--background);color:var(--text);font-family:Space Grotesk,Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}@keyframes spin{to{transform:rotate(1turn)}}.shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.footer-ad,.topbar{min-height:74px;border-color:var(--border)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,3vw,2.5rem);letter-spacing:.02em;border-bottom:1px solid var(--border)}.topbar-meta{justify-content:flex-end;flex-wrap:wrap}.brand,.topbar-meta{display:flex;align-items:center;gap:.75rem}.brand{color:var(--text);font-size:1.8rem;font-weight:800;font-family:Audiowide,Space Grotesk,sans-serif;letter-spacing:0;text-decoration:none;text-shadow:rgb(255,43,214) 2px 0 0,rgb(57,255,20) -2px 0 0}.brand:focus-visible{border-radius:8px;outline:2px solid var(--cyan);outline-offset:6px}.button,.countdown,.session-code,h1,h2,h3{font-family:Audiowide,Space Grotesk,sans-serif}.layout{width:min(1180px,100%);margin:0 auto;padding:clamp(1rem,3vw,2.5rem);display:grid;grid-gap:1.25rem;gap:1.25rem}.landing-hero{min-height:calc(100vh - 180px);display:grid;grid-template-columns:minmax(0,1fr);grid-gap:clamp(1.25rem,4vw,3rem);gap:clamp(1.25rem,4vw,3rem);align-items:center}@media (min-width:900px){.landing-hero{grid-template-columns:minmax(0,1.06fr) minmax(340px,.86fr)}.launch-card{align-self:start;padding-top:clamp(4.6rem,10vw,7.4rem)}}.landing-copy{display:grid;grid-gap:1.1rem;gap:1.1rem}.landing-copy h1,.lobby-header h1,.round-focus h1,.step-card h1{margin:0;line-height:.98;letter-spacing:0}.landing-copy h1{max-width:820px;font-size:clamp(3.1rem,9vw,7.4rem);color:var(--text);text-shadow:0 0 26px rgba(255,59,220,.22),0 0 42px rgba(57,255,20,.12)}.seo-copy{max-width:720px;color:var(--muted);line-height:1.55}.seo-copy h2{color:var(--text);margin:0 0 .5rem}.version-pill{width:-moz-fit-content;width:fit-content;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.45rem .75rem;color:var(--text);background:rgba(255,255,255,.08);box-shadow:inset 0 0 16px rgba(255,59,220,.16);font-family:Audiowide,Space Grotesk,sans-serif;font-size:.72rem;text-transform:uppercase}.tracker-dot,.version-pill:before{content:"";display:inline-block;width:.45rem;height:.45rem;margin-right:.45rem;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin-top:.4rem}.hero-action-pill{min-height:3.65rem;display:flex;align-items:center;gap:.45rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.35rem;background:rgba(255,255,255,.1);box-shadow:inset 0 0 20px rgba(255,255,255,.08),0 0 28px rgba(255,59,220,.22)}.create-pill{border-color:rgba(57,255,20,.32);box-shadow:inset 0 0 20px rgba(255,255,255,.08),0 0 26px rgba(57,255,20,.2)}.join-pill{background:rgba(255,255,255,.12)}.join-pill span{padding-left:.9rem;color:rgba(255,255,255,.64);font-family:Audiowide,Space Grotesk,sans-serif;font-size:.8rem;text-transform:uppercase}.pill-input{width:min(46vw,12.5rem);border:0;outline:none;background:transparent;padding:.65rem .85rem;font-weight:800}.create-pill .pill-input,.pill-input{color:var(--text)}.pill-input::placeholder{color:rgba(255,255,255,.55)}.create-pill .pill-input::placeholder{color:rgba(255,255,255,.55)}.code-input{width:8.5rem;letter-spacing:.16em;text-transform:uppercase}.pill-button{min-height:2.8rem;padding:.65rem 1.05rem;background:var(--pink);box-shadow:0 0 22px rgba(255,59,220,.54)}.create-pill .pill-button{background:#0aff22;color:#061107;box-shadow:0 0 22px rgba(57,255,20,.54)}.micro-copy{margin:0;color:var(--muted);font-size:.82rem}.launch-card,.lobby-stack{display:grid;grid-gap:1rem;gap:1rem}.landing-buzzer-preview{display:grid;place-items:center;min-height:340px}.landing-buzzer{--buzzer-color:var(--green);width:min(60vw,300px);font-size:clamp(2.1rem,7vw,4.1rem);cursor:pointer;line-height:1;animation:landing-buzzer-float 4.8s ease-in-out infinite;-webkit-user-select:none;-moz-user-select:none;user-select:none}.landing-buzzer:active{transform:translateY(3px) scale(.98)}.buzz-tracker{justify-self:end;display:flex;align-items:center;gap:.35rem;width:-moz-fit-content;width:fit-content;border-radius:999px;padding:.55rem .85rem;color:var(--text);background:rgba(255,255,255,.1);box-shadow:inset 0 0 18px rgba(57,255,20,.14);font-size:.82rem}.topbar .buzz-tracker{justify-self:auto}.buzz-tracker strong{font-family:Audiowide,Space Grotesk,sans-serif}.tracker-dot{margin-right:.15rem}.wake-lock-toggle{font-size:.82rem}.wake-lock-toggle:has(input:disabled){cursor:not-allowed;opacity:.58}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.center-stage{min-height:calc(100vh - 220px);display:grid;place-items:center}.loading-panel{justify-items:center;text-align:center}.loading-panel .loading-spinner{width:2.4rem;height:2.4rem;color:var(--green)}.how-it-works-section{display:grid;grid-gap:clamp(1.2rem,3vw,2rem);gap:clamp(1.2rem,3vw,2rem);padding:clamp(1.5rem,5vw,4rem) 0 clamp(2rem,6vw,5rem)}.section-heading{max-width:820px;display:grid;grid-gap:.7rem;gap:.7rem}.section-heading h2{margin:0;font-size:clamp(2rem,5vw,4.2rem);line-height:1;text-shadow:0 0 24px rgba(255,59,220,.18)}.section-heading p{max-width:720px;margin:0;color:var(--muted);font-size:1.05rem;line-height:1.65}.how-card-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1rem;gap:1rem}@media (min-width:760px){.how-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.info-panel{min-height:15rem;display:grid;align-content:start;grid-gap:.85rem;gap:.85rem;border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1rem,2vw,1.35rem);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035)),rgba(10,9,28,.72);box-shadow:0 0 30px rgba(255,59,220,.1),inset 0 0 28px rgba(255,255,255,.035)}.info-panel h3,.info-panel p{margin:0}.info-panel h3{font-size:clamp(1.3rem,3vw,2rem)}.info-panel p{color:var(--muted);line-height:1.6}.step-number{width:-moz-fit-content;width:fit-content;border-radius:999px;padding:.35rem .6rem;color:#061107;background:var(--green);box-shadow:0 0 18px rgba(57,255,20,.4);font-family:Audiowide,Space Grotesk,sans-serif;font-size:.78rem}.step-card{width:min(100%,620px)}.lobby-header h1,.round-focus h1,.step-card h1{font-size:clamp(2.1rem,6vw,4.3rem)}.lobby-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;flex-wrap:wrap}.single-page-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1rem;gap:1rem}@media (min-width:920px){.single-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.single-page-grid>.lobby-timing-grid{grid-column:1/-1}.round-grid,.timing-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1rem;gap:1rem}@media (min-width:920px){.round-grid,.timing-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.72fr)}.lobby-timing-grid{grid-template-columns:repeat(2,minmax(18rem,1fr))}}.round-stage{min-height:calc(100vh - 220px);display:grid}.round-focus{min-height:58vh;justify-items:center;grid-gap:1rem;gap:1rem}.countdown-page,.round-focus{display:grid;align-content:center;text-align:center}.countdown-page{min-height:calc(100vh - 220px);place-items:center}.compact{padding:1rem}.grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1rem;gap:1rem}@media (min-width:860px){.grid.two{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr)}}.panel{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,rgba(27,16,55,.86),rgba(9,8,25,.9));box-shadow:0 18px 60px rgba(0,0,0,.34),inset 0 0 34px rgba(255,255,255,.035);padding:clamp(1rem,2vw,1.5rem)}.hero{min-height:54vh;display:grid;align-items:center}.hero h1,.panel h2,.panel h3{margin:0}.hero h1{max-width:760px;font-size:clamp(3.5rem,10vw,7rem);line-height:.92}.lede{max-width:680px;color:var(--muted);font-size:1.12rem;line-height:1.6}.form{display:grid;grid-gap:.9rem;gap:.9rem}.field{display:grid;grid-gap:.35rem;gap:.35rem}.field span,.section-label{color:var(--muted);font-size:.84rem;font-weight:700;text-transform:uppercase}.input{width:100%;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.07);color:var(--text);padding:.85rem 1rem;outline:none}.input:focus{border-color:var(--cyan);box-shadow:var(--shadow-cyan)}select.input option{background:#fff9ff;color:#121326}.actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.toggle-row{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:.85rem;gap:.85rem;align-items:center;color:var(--text);cursor:pointer;font-weight:700}.toggle-input{position:absolute;opacity:0;pointer-events:none}.toggle-track{width:3.6rem;height:2rem;position:relative;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 16px rgba(255,255,255,.06),0 0 18px rgba(255,59,220,.12);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.toggle-thumb{width:1.45rem;height:1.45rem;position:absolute;top:50%;left:.25rem;border-radius:50%;background:var(--muted);transform:translateY(-50%);box-shadow:0 0 14px rgba(255,255,255,.22);transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.toggle-input:checked+.toggle-track{border-color:color-mix(in srgb,var(--green) 68%,#ffffff);background:linear-gradient(90deg,rgba(57,255,20,.28),rgba(255,59,220,.24));box-shadow:0 0 24px rgba(57,255,20,.28),inset 0 0 18px rgba(255,255,255,.08)}.toggle-input:checked+.toggle-track .toggle-thumb{background:var(--green);transform:translate(1.55rem,-50%);box-shadow:0 0 18px rgba(57,255,20,.7),0 0 30px rgba(255,59,220,.22)}.toggle-input:focus-visible+.toggle-track{outline:2px solid var(--cyan);outline-offset:3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:999px;color:#050510;background:var(--pink);font-weight:800;padding:.85rem 1.15rem;box-shadow:var(--shadow-pink)}.button.loading:before,.loading-spinner{width:1em;height:1em;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite;content:""}.button.secondary{background:rgba(255,255,255,.1);color:var(--text);border:1px solid var(--border);box-shadow:none}.button.danger{background:var(--danger);box-shadow:0 0 28px rgba(255,71,120,.24)}.session-code,.session-code.button-reset{border:0;background:transparent;cursor:pointer;font-size:clamp(2.6rem,10vw,5.8rem);font-weight:900;letter-spacing:.08em;color:var(--yellow);text-shadow:0 0 24px rgba(255,225,77,.42);overflow-wrap:anywhere}.share-panel{display:grid;grid-gap:1rem;gap:1rem}.room-code-block{display:grid;grid-gap:.2rem;gap:.2rem;justify-items:start}.share-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1rem;gap:1rem;align-items:start}@media (min-width:760px){.share-grid{grid-template-columns:minmax(240px,.7fr) minmax(320px,1fr)}}.share-link-stack{display:grid;grid-gap:.75rem;gap:.75rem;align-content:start}.share-link-field{gap:.45rem}.share-actions{gap:.65rem}.qr-wrap{width:min(100%,280px);padding:1rem;border-radius:18px;background:#ffffff}.qr-wrap svg{display:block;width:100%;height:auto}.buzz-list,.player-list{display:grid;grid-gap:.7rem;gap:.7rem;margin:1rem 0 0;padding:0;list-style:none}.buzz-row,.player-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--border);border-radius:14px;padding:.8rem .9rem;background:rgba(255,255,255,.06)}.swatch{width:1rem;height:1rem;border-radius:50%;box-shadow:0 0 18px currentColor;flex:0 0 auto}.person{display:flex;align-items:center;gap:.65rem;min-width:0}.person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buzzer{--buzzer-color:var(--pink);width:min(72vw,360px);aspect-ratio:1;display:grid;place-items:center;border:7px solid color-mix(in srgb,var(--buzzer-color) 70%,#ffffff);border-radius:50%;justify-self:center;padding:0;background:radial-gradient(circle at 36% 28%,rgba(255,255,255,.72) 0 7%,rgba(255,255,255,.26) 8% 21%,transparent 22%),linear-gradient(180deg,color-mix(in srgb,var(--buzzer-color) 92%,#ffffff),var(--buzzer-color));color:#fff;font-family:Audiowide,Space Grotesk,sans-serif;font-size:clamp(2.4rem,12vw,4.8rem);font-weight:900;line-height:1;text-align:center;text-shadow:0 3px 0 rgba(0,0,0,.28);text-transform:uppercase;box-shadow:0 0 34px color-mix(in srgb,var(--buzzer-color) 46%,transparent),inset 0 10px 18px rgba(255,255,255,.22),inset 0 -8px 16px rgba(0,0,0,.16)}.buzzer-label{display:block;max-width:82%;overflow:hidden;text-overflow:clip;white-space:nowrap}.buzzer-label.long-label{font-size:.74em}.buzzer.ready{animation:pulse 1.4s ease-in-out infinite}.color-swatch-button{width:2.75rem;height:2.75rem;padding:0;border-radius:50%}.countdown{font-size:clamp(4rem,18vw,9rem);font-weight:900;text-align:center;color:var(--cyan);text-shadow:var(--shadow-cyan)}.winner{border-color:rgba(255,225,77,.62);background:linear-gradient(90deg,rgba(255,225,77,.2),rgba(255,43,214,.15));box-shadow:0 0 34px rgba(255,225,77,.22)}.ad-slot{min-height:72px;display:grid;place-items:center;color:rgba(247,251,255,.62);border:1px dashed rgba(255,255,255,.22);background:rgba(255,255,255,.045);border-radius:12px;font-size:.8rem;text-transform:uppercase}.status{color:var(--muted)}.error{color:#ffc1d0}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes landing-buzzer-float{0%,to{transform:translateY(0) rotate(-.4deg) scale(1)}50%{transform:translateY(-.85rem) rotate(.5deg) scale(1.015)}}