.player-id-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px 16px;border:1px solid #527a82;background:#18313b;border-radius:13px;padding:20px;margin:0 0 20px;color:#e4f6f4}.player-id-card .player-id-avatar{display:grid;place-items:center;width:48px;height:48px;background:#2d5961;border-radius:50%;color:#bff6dc}.player-id-card svg{width:24px;height:24px}.player-id-card>div{display:grid;gap:5px}.player-id-card small{font-size:12px;color:#bdd6df}.player-id-card strong{font-size:19px;color:#fff}.player-id-card code{font-size:16px;font-weight:700;letter-spacing:1px;color:#bdf4da}.player-id-card p{grid-column:1/-1;font-size:12px;line-height:1.7;color:#bdd5df;margin:0}.player-id-card button{min-height:44px}.player-id-start{padding:20px;border:1px solid #426476;border-radius:13px;margin-bottom:20px;background:#142633}.player-id-start>h3{font-size:20px;margin:0 0 14px}.player-id-start .game-profile-form{margin:0}.player-id-start .game-profile-form>h3,.player-id-start .game-profile-form>p{display:none}.player-id-start .game-profile-form input{min-height:48px;font-size:16px}.player-id-start button{min-height:46px}.room-profile-id{display:block;margin-top:6px;font-family:monospace;font-size:12px;color:#a7d9d0;letter-spacing:.7px}.room-invite-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:15px;border:1px solid #456775;border-radius:12px;padding:18px;background:#142c38;margin:18px 0}.room-invite-card>div{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.room-invite-card>div>span{font-size:13px;color:#c5dbe7}.room-invite-card code{font-size:23px;letter-spacing:2px;font-weight:800;color:#cff5de}.room-invite-card label{display:grid;gap:8px;font-size:12px;color:#bfd8e4;min-width:0}.room-invite-card input{width:100%;min-width:0;min-height:46px;background:#0b1e28;color:#d8edf8;border:1px solid #587b8e;border-radius:8px;padding:10px;box-sizing:border-box;font-size:13px}.room-invite-card button{min-height:46px}.room-joining-identity{display:grid;gap:6px;padding:15px;background:#203e4b;border:1px solid #688f9e;border-radius:10px;color:#dcf0fa}.room-joining-identity strong{font-size:19px}.room-joining-identity small{font-size:12px;color:#bdcfdc}.room-joining-identity code{color:#baf0d8;font-size:15px;letter-spacing:1px}#room-member-form:has(.room-joining-identity){display:flex;flex-direction:column;gap:12px;min-width:0;width:100%;align-items:stretch}@media(max-width:600px){.player-id-card{padding:15px;grid-template-columns:40px minmax(0,1fr);gap:12px}.player-id-card .player-id-avatar{width:40px;height:40px}.player-id-card>button{grid-column:1/-1}.room-invite-card{grid-template-columns:1fr;padding:15px}.room-invite-card code{font-size:21px}.room-invite-card>div>button{margin-inline-start:auto}.room-invite-card input{font-size:12px}}