/* 自作選手の画面（一覧・編集・加入）。文字は読みやすく、操作は44px以上。幅が狭くても横にはみ出さない */
.cp-screen,.cp-form,.cp-join{display:flex;flex-direction:column;gap:12px;padding:12px 16px;min-width:0;max-width:min(100%,720px);box-sizing:border-box}
.cp-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.cp-head h2{margin:0;font-size:20px}
.cp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cp-item{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid #737779;border-radius:2px;min-width:0}
.cp-item b{overflow-wrap:anywhere}
.cp-acts{display:flex;flex-wrap:wrap;gap:8px}
.cp-acts button,.cp-form button,.cp-join button,.cp-screen button{min-height:44px;padding:8px 14px}
.cp-form label{display:flex;flex-direction:column;gap:4px;min-width:0}
.cp-form select,.cp-form input[type=text],.cp-form input:not([type]){min-height:44px;width:100%;max-width:100%;box-sizing:border-box}
.cp-form input[type=range]{width:100%;min-height:32px}
.cp-form input[type=checkbox]{width:22px;height:22px}
.cp-form fieldset{border:1px solid #737779;border-radius:2px;padding:10px;margin:0;min-width:0}
.cp-form legend{padding:0 6px}
.cp-msg{margin:0;padding:10px;border:1px solid #ffb13b;border-radius:2px;font-size:14px}
.cp-join p{margin:0}