:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#171a1f;background:#f6f3ed}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,rgba(53,89,224,.12),transparent 28rem),#f6f3ed}header{height:64px;display:flex;align-items:center;gap:9px;padding:0 20px;border-bottom:1px solid #e2ddd3;background:rgba(246,243,237,.9);letter-spacing:.17em;font-size:.75rem}header .dot{width:8px;height:8px;border-radius:3px;background:#3559e0}#connectionBadge{margin-left:auto;padding:6px 9px;border-radius:999px;background:#ebe7df;color:#68707b;font-size:.62rem;letter-spacing:0}main{width:min(520px,100%);margin:auto;padding:clamp(26px,7vw,70px) 18px}.join-card,.game-card{padding:24px;border:1px solid #e2ddd3;border-radius:22px;background:#fff;box-shadow:0 12px 36px rgba(25,28,35,.09)}.eyebrow{margin:0 0 8px;color:#2948bf;font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}h1{margin:0;font-size:clamp(2.5rem,12vw,4.5rem);line-height:.95;letter-spacing:-.06em}.join-card>p:not(.eyebrow):not(.message){color:#68707b;line-height:1.6}label{display:grid;gap:7px;margin-top:16px;color:#68707b;font-size:.74rem;font-weight:800}input{width:100%;height:52px;padding:0 14px;border:1px solid #e2ddd3;border-radius:14px;background:#f6f3ed;color:#171a1f;font-size:1rem;outline:none}input:focus{border-color:#3559e0;box-shadow:0 0 0 3px rgba(53,89,224,.1)}button{min-height:50px;border:0;border-radius:14px;font:850 .82rem inherit;cursor:pointer}#joinButton{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:0 18px;background:#3559e0;color:#fff}.message{min-height:18px;margin:12px 0 0;color:#c54545;font-size:.74rem;text-align:center}.game-head{display:flex;justify-content:space-between;align-items:end}.game-head h1{font-size:3rem}#revisionLabel{color:#68707b;font:800 .7rem ui-monospace,monospace}.rule{padding:14px;border:1px solid rgba(53,89,224,.2);border-radius:14px;background:#e9edff;font-weight:800}.score-list{display:grid;gap:9px}.score-row{display:grid;grid-template-columns:1fr 92px;align-items:center;gap:12px;padding:12px;border:1px solid #e2ddd3;border-radius:15px}.score-row small{display:block;margin-top:3px;color:#68707b}.score-row input{text-align:center;font-size:1.15rem;font-weight:900}.presence{margin-top:18px;padding-top:16px;border-top:1px solid #e2ddd3}.presence>strong{font-size:.76rem}.presence-list{display:flex}.presence span{display:inline-block;margin:9px 5px 0 0;padding:6px 8px;border-radius:9px;background:#ebe7df;color:#68707b;font-size:.68rem}.leave{width:100%;margin-top:18px;background:transparent;color:#c54545}@media(max-width:390px){.join-card,.game-card{padding:18px}}