:root{color-scheme:dark;--bg:#0c091a;--ink:#f5f0ff;--muted:#b3a8c7;--lime:#d4ff5f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 20%,#38215488,transparent 50%),var(--bg);color:var(--ink);font:16px/1.5 system-ui,sans-serif;min-height:100vh}header,footer{display:flex;justify-content:space-between;align-items:center;padding:30px 6vw;border-bottom:1px solid #ffffff15}.brand{font-size:27px;letter-spacing:-1.7px;font-weight:850;color:var(--ink);text-decoration:none}.brand span{font-weight:400}.brand i{font-size:12px;color:var(--lime);font-style:normal;margin-left:7px}.pill,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}.pill{border:1px solid #ffffff30;border-radius:20px;padding:8px 13px;color:var(--muted)}main{max-width:1250px;margin:auto;padding:65px 6vw 30px}section{position:relative}.eyebrow{color:var(--lime);margin-bottom:26px}h1{font-size:clamp(42px,6.5vw,86px);line-height:1.04;letter-spacing:-.065em;margin:0 0 24px;font-weight:800}h1 em{font-style:normal;color:#c1a0ff}h2{font-size:20px;letter-spacing:-.5px}.intro{color:var(--muted);max-width:390px;font-size:18px}.hero-mic{position:absolute;right:0;top:15px;font-size:180px;filter:drop-shadow(0 35px 30px #a77dff55);transform:rotate(14deg);animation:float 6s ease-in-out infinite;pointer-events:none}.actions{display:flex;align-items:center;gap:20px;margin:32px 0 50px}button,.secondary{font:inherit;font-weight:650;cursor:pointer;border:0;border-radius:13px;padding:15px 23px;background:var(--lime);color:#192206;text-decoration:none;display:inline-block}button:hover{filter:brightness(1.1)}button span{margin-left:30px}.secondary{background:#ffffff09;color:var(--ink);border:1px solid #ffffff22}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bba0ff;outline-offset:4px}form{padding:25px;border:1px solid #ffffff20;background:#ffffff04;border-radius:20px;display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end}form h2{grid-column:1/-1;margin:0}label{font-size:12px;color:var(--muted);display:grid;gap:8px}input{font:inherit;font-size:16px;background:#0c091aaa;border:1px solid #ffffff25;border-radius:10px;color:white;padding:15px;width:100%;min-width:0}.lobby-grid{display:grid;grid-template-columns:300px 1fr;gap:28px;margin-top:35px}.invite,.players-panel{padding:25px;background:#ffffff05;border:1px solid #ffffff20;border-radius:24px}.invite{text-align:center}.invite img{display:block;width:100%;height:auto;border-radius:13px;background:white}.invite strong{display:block;font-size:24px;letter-spacing:3px;color:var(--lime);margin-bottom:20px}.invite p,.note,#lobby-hint{color:var(--muted);font-size:14px}#count{color:var(--muted);font-size:14px;float:right}.player{display:flex;align-items:center;gap:18px;background:#ffffff04;border:1px solid #ffffff12;padding:20px;border-radius:16px;margin:15px 0}.avatar{display:grid;place-items:center;width:60px;height:65px;background:linear-gradient(145deg,#b58dff,#6540b3);border-radius:23px 23px 18px 18px;font-size:28px;box-shadow:inset 0 3px 0 #ffffff40}.player:nth-child(2) .avatar{background:linear-gradient(145deg,#eaa88a,#a85d79)}small{display:block;color:var(--muted);margin-top:5px}#leave{margin-top:15px}#ready{margin-right:12px}#status{color:var(--lime);min-height:24px}footer{border-top:1px solid #ffffff15;border-bottom:0;font-size:12px;color:var(--muted);gap:20px}[hidden]{display:none!important}@keyframes float{50%{transform:translateY(-18px) rotate(8deg)}}@media(max-width:750px){main{padding-top:40px}.hero-mic{font-size:82px;right:0;top:-15px;opacity:.35}h1{font-size:49px}.lobby-grid{grid-template-columns:1fr}.invite{max-width:340px;width:100%;justify-self:center}form{grid-template-columns:1fr}.actions{gap:10px}.pill{font-size:9px;padding:6px}.intro{font-size:16px}footer{align-items:flex-start;flex-direction:column;gap:6px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}