/* One compact dialog for device-local backups and moving to the custom domain. */
body.immersive-game #game-modal.save-transfer-modal { max-width:490px; padding:24px; text-align:left; }
body.immersive-game .save-transfer-modal h2 { margin:8px 0 14px; font-size:22px; text-align:left; }
body.immersive-game .save-transfer-modal > p { color:#bdcbd8; font:400 12px/1.8 var(--sans); }
.transfer-current { padding:13px 15px; border:1px solid #95b7ad44; border-radius:6px; background:#82b49c10; }
.transfer-current small { display:block; margin-bottom:5px; color:#a9c3bf; font:400 11px/1.6 var(--sans); }
.transfer-current strong { color:#e9d6aa; font:600 13px/1.8 var(--sans); }
.transfer-steps { padding-left:20px; margin:16px 0; color:#d4dce0; font:400 12px/1.9 var(--sans); }
.transfer-steps li + li { margin-top:5px; }
.transfer-links { display:flex; flex-direction:column; gap:4px; margin:0 0 16px; }
.transfer-links a { display:block; min-height:36px; padding:8px 0; color:#badacb; font:500 12px/1.7 var(--sans); text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.transfer-actions { display:flex; flex-direction:column; align-items:stretch; gap:10px; margin:14px 0; }
.transfer-actions button,body.immersive-game .save-transfer-modal #close-save-transfer { width:100%; min-height:46px; margin:0; padding:12px; font:600 13px/1.6 var(--sans); white-space:normal; }
.transfer-actions button:disabled { opacity:.5; cursor:not-allowed; }
.save-transfer-modal #save-transfer-status { min-height:22px; margin:10px 0; color:#bfdac9; overflow-wrap:anywhere; }
.save-transfer-modal #save-transfer-status.save-warning { color:#f0bcbd; }
.transfer-preview { margin:18px 0; padding:16px; border:1px solid #e2c48d66; border-radius:6px; background:#dcc18f0b; }
.transfer-preview h3 { margin:0 0 8px; color:#f0d8a8; font:600 15px/1.6 var(--sans); }
.transfer-preview .transfer-filename { margin:0 0 4px; color:#e1e7e9; font-size:12px; overflow-wrap:anywhere; }
.transfer-preview > small { color:#aebfcc; font:400 10px/1.7 var(--sans); }
.transfer-preview dl { margin:15px 0; }
.transfer-preview dl > div { display:flex; align-items:baseline; justify-content:space-between; gap:8px; padding:7px 0; border-bottom:1px solid #a3b8bc33; font:400 12px/1.7 var(--sans); }
.transfer-preview dt { color:#b9c9d3; }
.transfer-preview dd { margin:0; color:#c7d5dc; text-align:right; }
.transfer-preview dd strong { color:#f1d8a5; }
.transfer-preview > p { margin:10px 0; color:#bfccd4; font:400 11px/1.8 var(--sans); }
.transfer-preview > .transfer-overwrite { margin:14px 0; color:#edc3bc; }
body.immersive-game .save-transfer-modal .transfer-footnote { color:#9eafbf; font-size:10px; }
body.immersive-game .save-transfer-modal #close-save-transfer { background:none; border-color:transparent; color:#b7cbd9; }
@media(max-width:520px) {
  body.immersive-game #game-modal.save-transfer-modal { padding:18px 16px; }
  body.immersive-game .save-transfer-modal h2 { font-size:20px; }
  .transfer-preview { padding:12px; }
}