.online-modal {width:min(760px,calc(100vw - 24px));}
.online-modal .modal-body {padding:clamp(20px,4vw,34px);}
.online-modal p {line-height:1.65;overflow-wrap:anywhere;}
.online-modal input,.online-modal select {width:100%;min-height:44px;box-sizing:border-box;}
.online-join,.online-bots {display:flex;gap:12px;align-items:end;margin:20px 0;}
.online-join .field-label,.online-bots .field-label {flex:1;min-width:0;display:grid;gap:8px;}
.online-name .field-label,.online-create .field-label {display:grid;gap:8px;}
.online-create {border:1px solid #345354;border-radius:16px;padding:18px;margin:20px 0;background:#102429;}
.online-create summary {cursor:pointer;font-weight:800;color:#b9f2d3;min-height:28px;}
.online-create form {margin-top:18px;}
.online-list-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.online-room-card {display:flex;gap:14px;align-items:center;padding:16px;margin:10px 0;border:1px solid #345354;border-radius:14px;background:#152930;}
.online-room-card>div {flex:1;min-width:0;}
.online-room-card strong,.online-room-card small {display:block;overflow-wrap:anywhere;}
.online-room-card small {margin-top:5px;color:#adc6c9;font-size:12px;}
.room-status {font-size:10px;font-weight:800;letter-spacing:.07em;color:#83d5b4;white-space:nowrap;}
.online-room-hero {display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #4b8179;border-radius:18px;padding:22px;background:linear-gradient(135deg,#143a38,#112530);}
.online-room-hero small,.online-room-hero strong {display:block;}
.online-room-hero strong {font-size:clamp(24px,6vw,36px);letter-spacing:.12em;color:#8ef0c9;margin-top:6px;}
.online-member {display:flex;align-items:center;gap:14px;padding:14px 8px;border-bottom:1px solid #345354;}
.online-member>span {color:#8ef0c9;font-size:22px;}
.online-member>div {flex:1;min-width:0;}
.online-member b,.online-member small {display:block;overflow-wrap:anywhere;}
.online-member small {margin-top:4px;color:#adc6c9;}
.online-member>strong {font-size:10px;letter-spacing:.05em;color:#8ef0c9;}
.online-waiting {padding:18px;border:1px solid #5b7d78;border-radius:14px;background:#1a3335;}
.online-host-warning {margin:14px 0;padding:14px 16px;border:1px solid #e97796;border-radius:12px;background:linear-gradient(135deg,#3a1c2b,#231622);}
.online-host-warning strong {display:block;color:#ffb4c5;letter-spacing:.04em;}
.online-host-warning p {margin:8px 0 0;color:#ffd9e2;}
.online-modal .wide {margin-top:12px;}
@media(max-width:600px){
 .online-join,.online-bots{flex-wrap:wrap;}
 .online-join>.action-button,.online-bots>.action-button{width:100%;}
 .online-room-card {flex-wrap:wrap;gap:10px;}
 .online-room-card>.action-button {width:100%;}
 .online-room-hero {padding:16px;flex-wrap:wrap;}
 .online-room-hero>.action-button {width:100%;}
 .online-modal .settings-money-grid {grid-template-columns:1fr;}
}

.attention-summary article{padding:14px 0;border-bottom:1px solid #36514f;}.attention-summary article:last-child{border-bottom:0;}.attention-summary strong{color:#afe4cd;}.attention-modal p{line-height:1.7;}.attention-modal .wide{margin-top:12px;}
@media(max-width:700px){.attention-modal{width:calc(100vw - 24px);}.attention-modal .modal-body{padding:22px 18px;}}