:root{--c-rose: #ff3395;--c-ink: #1d1e1b;--c-bg: #ffffff;--c-teal: #02aa95;--c-coral: #f5a77e;--c-gold: #ffda00;--c-sky: #a4ceec;--c-mint: #a0e2ba;--c-grey: #d6d7d9;--font-body: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "GT Ultra", "Poppins", system-ui, sans-serif;--radius: 16px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--c-ink);background:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;margin:0}.app{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.title{font-size:clamp(40px,9vw,64px)}.panel{width:100%;display:flex;flex-direction:column;gap:12px}.panel__heading{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--c-ink);opacity:.55;font-family:var(--font-body)}.form{display:flex;flex-direction:column;gap:12px}.divider{position:relative;width:100%;text-align:center;color:var(--c-ink);opacity:.4;font-size:14px}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--c-grey)}.divider:before{left:0}.divider:after{right:0}.btn{font-family:var(--font-body);font-weight:600;font-size:18px;padding:14px 24px;border:none;border-radius:var(--radius);cursor:pointer;transition:transform .05s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--c-rose);color:#fff}.btn--ghost{background:transparent;color:var(--c-ink);border:2px solid var(--c-grey)}.input{font-family:var(--font-body);font-size:18px;padding:14px 16px;border:2px solid var(--c-grey);border-radius:var(--radius);width:100%;text-align:center;outline:none;transition:border-color .15s ease}.input:focus{border-color:var(--c-rose)}.code{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 32px;background:var(--c-rose);border-radius:24px;color:#fff}.code__label{font-size:14px;text-transform:uppercase;letter-spacing:.12em;opacity:.85}.code__value{font-family:var(--font-display);font-weight:700;font-size:clamp(48px,16vw,96px);line-height:1;letter-spacing:.1em}.lobby__label{font-size:16px;opacity:.6;margin:0}.lobby__host{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,6vw,36px);margin:0}.lobby__you{font-size:18px;margin:0}.players{width:100%;display:flex;flex-direction:column;gap:12px}.players__count{font-weight:600;color:var(--c-teal)}.players__list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.players__chip{background:var(--c-mint);color:var(--c-ink);padding:8px 16px;border-radius:999px;font-weight:500}.hint{font-size:14px;opacity:.5;margin:0}.error{color:var(--c-rose);font-weight:600;margin:0}