:root{--ink:#29312f;--green:#527d70;--cream:#f2eee4;--paper:#fffefa;--gold:#d9b86c;--muted:#6f7470;--danger:#a14338}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 85% 12%,#dfe9e2 0,transparent 26%),var(--cream);font-family:Arial,Helvetica,sans-serif}header,footer,main{width:min(1100px,calc(100% - 36px));margin:auto}header{height:96px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-size:21px}.logo span,em{color:var(--green);font-style:normal}.mark{display:grid;width:45px;height:45px;place-items:center;border:3px solid var(--ink);border-radius:13px;background:var(--paper);color:var(--green);font-size:25px;font-weight:900;transform:rotate(-4deg);box-shadow:5px 5px 0 var(--gold)}.badge,.eyebrow{display:inline-block;padding:8px 12px;border:1px solid #29312f1f;border-radius:999px;background:#ffffffa6;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.screen{display:none;min-height:calc(100vh - 160px);padding:55px 0 90px}.screen.active{display:block}.intro{max-width:760px}.intro h1,.lobby h1,.waiting h1{margin:20px 0 16px;font-size:clamp(48px,7vw,82px);line-height:.94;letter-spacing:-.065em}.intro p,.card p,.lobby-panel p,.waiting p{color:var(--muted);font-size:18px;line-height:1.55}.actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:55px}.card,.lobby-panel,.waiting-card{padding:30px;border:1px solid #29312f12;border-radius:25px;background:#ffffffb8;box-shadow:0 22px 50px #29312f12}.card-number{display:grid;width:43px;height:43px;place-items:center;border-radius:13px;color:white;background:var(--green);font-size:12px;font-weight:900}.card-number.gold{color:var(--ink);background:var(--gold)}h2{margin:25px 0 8px;font-size:29px;letter-spacing:-.04em}label{display:block;margin-top:20px;color:var(--muted);font-size:12px;font-weight:800}input{width:100%;margin-top:8px;padding:15px 16px;border:1px solid #29312f26;border-radius:12px;outline:none;background:var(--paper);color:var(--ink);font:inherit;font-size:16px;font-weight:800}input:focus{border-color:var(--green);box-shadow:0 0 0 3px #527d7026}button{width:100%;margin-top:22px;padding:16px;border:0;border-radius:13px;color:white;background:var(--green);font:inherit;font-weight:900;cursor:pointer}button.dark{background:var(--ink)}button:disabled{cursor:not-allowed;opacity:.48}.error{min-height:24px;color:var(--danger);font-weight:800}.lobby-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.code-box{padding:19px 30px;border-radius:20px;background:var(--gold);text-align:center;transform:rotate(2deg)}.code-box span,.mini-code{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.code-box strong{display:block;font-size:48px;letter-spacing:.11em}.lobby-panel{margin-top:45px}.lobby-panel h2{margin-top:0}.lobby-panel h2 span{display:inline-grid;min-width:34px;height:34px;place-items:center;border-radius:50%;color:white;background:var(--green);font-size:16px}.players{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0;padding:0;list-style:none}.players li{padding:16px;border-radius:14px;background:#e7eee9;font-weight:900}.players li:before{content:"✓";display:inline-grid;width:25px;height:25px;margin-right:9px;place-items:center;border-radius:50%;color:white;background:var(--green);font-size:12px}.players .empty{grid-column:1/-1;color:var(--muted);background:#f1ede3;font-weight:normal}.players .empty:before{content:"…";background:var(--gold);color:var(--ink)}.waiting{display:none;place-items:center;text-align:center}.waiting.active{display:grid}.waiting-card{max-width:620px;padding:55px}.pulse{display:grid;width:75px;height:75px;margin:0 auto 22px;place-items:center;border-radius:50%;color:white;background:var(--green);font-size:34px;box-shadow:0 0 0 14px #527d7021}.mini-code{display:inline-block;margin-top:20px;padding:14px 18px;border-radius:13px;background:#f1ede3}.mini-code strong{margin-left:10px;font-size:20px}footer{display:flex;justify-content:space-between;padding:22px 0;color:var(--muted);border-top:1px solid #29312f1c;font-size:12px}#connection.online{color:var(--green);font-weight:900}@media(max-width:720px){.actions-grid{grid-template-columns:1fr}.lobby-head{align-items:flex-start;flex-direction:column}.players{grid-template-columns:1fr 1fr}.screen{padding-top:30px}.badge{display:none}}@media(max-width:440px){.players{grid-template-columns:1fr}.card,.lobby-panel,.waiting-card{padding:23px}.code-box{width:100%}}