/* Reference layout: 480 × 234, 32 px content gutters and 50 px action controls. */
#switch-confirm,#modal.character-switch-modal .modal-box{box-sizing:border-box;width:min(480px,calc(100vw - 24px));max-width:480px;min-width:0;padding:24px 32px 26px;border:1px solid #72879b;border-radius:7px;background:#1e2a38;color:#e8edf3;box-shadow:0 20px 65px #0008}
#switch-confirm .dialog-head,#modal.character-switch-modal .modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:50px;margin:0 0 18px;padding:0;border:0}
#switch-confirm h2,#modal.character-switch-modal #modal-title{margin:0;padding:0;color:#e8edf3;font:700 28px/34px Georgia,'Times New Roman',serif;letter-spacing:0;text-transform:none}
#switch-confirm #switch-close,#modal.character-switch-modal #modal-close{box-sizing:border-box;display:grid;place-items:center;flex:0 0 48px;width:48px;height:50px;min-height:0;margin:0;padding:0;border:1px solid #5c7185;border-radius:5px;background:#233140;color:#e0e9f1;font:700 25px/1 Arial,sans-serif;box-shadow:none}
#switch-confirm #switch-close:hover,#modal.character-switch-modal #modal-close:hover{background:#2e4255;border-color:#b3c5d4}
#modal.character-switch-modal #modal-body{margin:0;padding:0;border:0}
#modal.character-switch-modal .character-switch-confirm{width:100%;max-width:none;margin:0;padding:0}
#switch-confirm>p:not(.switch-combat-warning),#modal.character-switch-modal .character-switch-confirm>p:not(.switch-combat-warning){margin:0;padding:0;color:#e1e8ef;font:400 14px/22px 'Segoe UI',Arial,sans-serif}
#switch-confirm .switch-explanation,#modal.character-switch-modal .character-switch-confirm>small{display:block;margin:0;padding:0;color:#d0dce6;font:400 14px/22px 'Segoe UI',Arial,sans-serif}
#switch-confirm .switch-combat-warning,#modal.character-switch-modal .switch-combat-warning{margin:12px 0 0;padding:0;color:#f17878!important;font:700 13px/20px 'Segoe UI',Arial,sans-serif!important}
#switch-confirm .switch-combat-warning:empty,#modal.character-switch-modal .switch-combat-warning:empty{display:none}
#switch-confirm .switch-actions,#modal.character-switch-modal .character-switch-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 0;padding:0 24px}
#switch-confirm .switch-actions button,#modal.character-switch-modal .character-switch-actions button{box-sizing:border-box;display:grid;place-items:center;flex:none;height:50px;margin:0;padding:0 16px;border:1px solid #5b7185;border-radius:4px;background:#243342;color:#e0e9f1;font:600 14px/20px 'Segoe UI',Arial,sans-serif;box-shadow:none;white-space:nowrap}
#switch-confirm #switch-cancel,#modal.character-switch-modal .character-switch-actions>.btn:not(.btn-primary){width:96px}
#switch-confirm #switch-accept,#modal.character-switch-modal .character-switch-actions>.btn-primary{width:145px;border-color:#a39358;background:#3a3e32;color:#eadba5;font-weight:500}
#switch-confirm .switch-actions button:hover,#modal.character-switch-modal .character-switch-actions button:hover{filter:brightness(1.12)}
#switch-confirm .switch-actions button:disabled,#modal.character-switch-modal .character-switch-actions button:disabled{opacity:.45;cursor:not-allowed;filter:none}
@media(max-width:520px){#switch-confirm,#modal.character-switch-modal .modal-box{width:calc(100vw - 24px);padding:20px;max-width:480px}#switch-confirm .dialog-head,#modal.character-switch-modal .modal-head{min-height:44px;gap:10px;margin-bottom:16px}#switch-confirm h2,#modal.character-switch-modal #modal-title{font-size:23px;line-height:29px}#switch-confirm #switch-close,#modal.character-switch-modal #modal-close{width:40px;height:44px;flex-basis:40px;font-size:23px}#switch-confirm .switch-actions,#modal.character-switch-modal .character-switch-actions{padding:0;gap:10px;margin-top:20px}#switch-confirm .switch-actions button,#modal.character-switch-modal .character-switch-actions button{height:46px;font-size:13px}#switch-confirm>p:not(.switch-combat-warning),#switch-confirm .switch-explanation,#modal.character-switch-modal .character-switch-confirm>p:not(.switch-combat-warning),#modal.character-switch-modal .character-switch-confirm>small{font-size:13px;line-height:21px}}