:root{font-family:Inter,system-ui;background:#080817;color:#f7f4ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#25145e,#080817 55%);min-height:100vh}main{max-width:900px;margin:auto;padding:10vh 6vw;text-align:center}.eyebrow{letter-spacing:.25em;color:#9c8cff;font-size:.75rem}h1{font-size:clamp(3rem,10vw,7rem);line-height:.9;margin:1rem 0;font-weight:900}h1 span{color:#ff3ec9}p{color:#bcb7d6;font-size:1.1rem}.button,button{border:0;border-radius:14px;background:linear-gradient(135deg,#ff3ec9,#735cff);color:#fff;padding:1rem 1.5rem;font-weight:800;cursor:pointer;margin:.5rem;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.button:hover,button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #ff3ec955;filter:saturate(1.15)}.secondary{background:#17152f;border:1px solid #51467d}input{padding:1rem;border-radius:12px;border:1px solid #51467d;background:#15132b;color:#fff;text-transform:uppercase;width:140px;font-size:1.4rem;text-align:center}.room-code{border:1px solid #51467d;border-radius:24px;padding:2rem;margin:2rem auto;max-width:500px;color:#aaa;box-shadow:0 18px 60px #0005}.room-code strong{display:block;color:#ffef77;font-size:5rem;letter-spacing:.3em}.qr-wrap{background:#fffaf0;border-radius:16px;padding:10px;width:max-content;margin:1.5rem auto .75rem;animation:float 4s ease-in-out infinite}.qr-wrap canvas{display:block}.join-url{font-size:.7rem;overflow-wrap:anywhere;color:#8f86b2}.host-controls{display:flex;justify-content:center;flex-wrap:wrap}.countdown{font-size:clamp(4rem,14vw,9rem);font-weight:900;color:#ffef77;min-height:1.1em;opacity:.2;transform:scale(.75);transition:opacity .3s ease,transform .7s cubic-bezier(.2,.9,.2,1),color .3s ease}.countdown.is-active{opacity:1;transform:scale(1);animation:pulse .8s ease}.player-count,.sync-pill{font-size:.8rem;letter-spacing:.14em;color:#8f86b2}.stats{display:flex;justify-content:center;gap:2rem;font-size:1.5rem}.actions{display:grid;grid-template-columns:repeat(2,1fr);max-width:500px;margin:2rem auto}.actions button{font-size:3rem;background:#17152f;border:1px solid #4e4383}.actions small{display:block;font-size:.7rem}.clash .actions button{animation:clash .6s ease both}.sync-pill{color:#71f3b0;margin:1rem}.cosmetic-line{font-size:.85rem}nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:4rem}a{color:#bfb5ff;text-decoration:none}@keyframes pulse{0%{opacity:0;transform:scale(1.35)}55%{opacity:1;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes clash{0%{transform:translate(0) scale(1)}20%{transform:translate(-8px) scale(1.08)}40%{transform:translate(8px) scale(1.08)}70%{transform:translate(-3px) scale(1.02)}to{transform:translate(0) scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}