.play-team-area{margin-top:24px;padding:16px 20px;border:1px solid #566a72;border-radius:6px;background:#0d202b;color:#e9dfcf}
.play-team-area>summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-weight:700;font-size:17px}
.play-team-area>summary:after{content:'+';margin-left:auto;font-size:24px}
.play-team-area[open]>summary:after{content:'−'}
.play-team-area p{font-size:16px;line-height:1.6}
.play-team-area .form-field{margin:18px 0;display:grid;gap:8px}
.play-team-area label{font-size:16px;font-weight:700;letter-spacing:normal;text-transform:none}
.play-team-area label span,.play-team-area small,.play-team-area .play-small{color:#bfccd1;font-size:14px;line-height:1.6}
.play-team-area input{box-sizing:border-box;min-height:48px;width:100%;max-width:100%;padding:12px;background:#07131c;border:1px solid #7a8c95;border-radius:4px;color:#f4eadb;font-size:17px}
.play-team-area .action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.play-team-area button{min-height:48px;white-space:normal;font-size:16px;padding:10px 16px}
.play-team-area button:disabled{opacity:.65;cursor:wait}
.play-team-area button:focus-visible,.play-team-area input:focus-visible,.play-team-area summary:focus-visible{outline:3px solid #f8c078;outline-offset:4px}
.play-team-code{padding:16px;margin-top:20px;border:1px solid #799f8b;border-radius:4px;background:#102b2a}
.play-team-code input{margin-top:8px;font-family:monospace;font-size:18px;letter-spacing:.03em}
.play-team-code p,.play-team-names{overflow-wrap:anywhere;color:#c9d2d5}
#play-team-status{color:#e6efda}
#play-team-status:empty{display:none}
@media(max-width:600px){.play-team-area{padding:14px 16px}.play-team-area .action-row>button{flex:1 1 100%}}