.online-shell{max-width:1140px;margin:0 auto;padding:48px 32px 70px}.online-heading{margin-bottom:36px;max-width:730px}.online-heading h1{font-size:clamp(34px,5vw,64px);line-height:1.1;margin:14px 0}.online-heading p,.online-card p,.online-matches p{color:#adbfca;line-height:1.65}.online-heading button{padding-left:0;margin-top:12px}.online-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.online-card{padding:28px;border:1px solid #355464;background:linear-gradient(145deg,#142d3de6,#08131bea);border-radius:16px;display:flex;flex-direction:column;gap:18px}.online-card h2{font-size:26px;margin:0}.online-card p{margin:0}.online-card>.number{color:#c9b47f}.online-card>button{margin-top:auto}.online-auth{max-width:520px;margin:0 auto}.online-card fieldset{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:18px}.online-card label{display:flex;flex-direction:column;gap:8px;color:#d6e4e9;font-size:13px;letter-spacing:.04em}.online-card input{width:100%;background:#07131c;border:1px solid #3e5e6f;border-radius:7px;color:#f1f5f7;padding:13px 14px;font:inherit;font-size:16px;box-sizing:border-box}.online-card input:focus-visible{outline:2px solid #c6ad73;outline-offset:2px}.online-card fieldset small{font-size:12px;color:#a7bbc7;line-height:1.5}.online-auth-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.online-error,.online-notice{padding:16px 20px;border:1px solid #976057;background:#341e20;border-radius:8px;line-height:1.5;margin:0 0 24px}.online-notice{border-color:#588c9a;background:#102d38}.online-identity{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.online-identity h2{margin:5px 0;overflow-wrap:anywhere}.online-matches{margin-top:42px}.online-match{display:flex;justify-content:space-between;align-items:center;text-align:left;gap:24px;width:100%;padding:20px;margin-top:12px;background:#102635;border:1px solid #2e4c5c;border-radius:9px}.online-match small{display:block;color:#a7bbc7;font-weight:normal;margin-top:6px}.online-match strong{color:#d5bf88;font-size:13px}.online-waiting{max-width:650px;margin:0 auto;text-align:center;align-items:center}.room-code{font:600 clamp(27px,7vw,46px) monospace;letter-spacing:.15em;color:#dac68e;padding:22px 0}.online-orbit{font-size:70px;line-height:1.6;color:#9cd1e2;animation:online-pulse 2.5s infinite}.code-input{text-transform:uppercase;letter-spacing:.1em}.online-footnote{color:#90a8b7;font-size:12px;text-align:center;margin-top:34px;line-height:1.6}.online-play-link{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0;padding:17px 20px;border:1px solid #826f46;border-radius:10px;background:#bca56d10;text-align:left}.online-play-link small{display:block;color:#a8bdc8;margin-top:5px;font-weight:400}.online-match-tools{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin:8px 0;color:#afc7d2;font-size:12px}.online-match-tools .connection-error{color:#f5bc91}.online-match-tools button{font-size:12px}.online-board-error{margin:8px 0;padding:10px 16px;color:#ffd3bd;background:#402b2499;border:1px solid #87634f;border-radius:8px}.online-ready-wait{color:#d6c38c;font-size:20px;line-height:1.4}.online-ready-wait small{display:block}.online-shell [disabled]{opacity:.55;cursor:wait}@keyframes online-pulse{50%{opacity:.35;transform:scale(.85)}}@media(max-width:760px){.online-options{grid-template-columns:1fr}.online-shell{padding:26px 18px 50px}.online-card{padding:22px}.online-heading{margin-bottom:26px}.online-match{gap:12px}.online-match strong{max-width:45%}.online-card h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.online-orbit{animation:none}}