/* セーブの引き継ぎ（js/transfer-ui.js）。せってい → 「引き継ぎ」の窓 */
.xferwin { text-align: center; }
.xferwin h3 { margin: 0 0 8px; font-size: 18px; color: var(--gold); }
.xferwin .setrow { text-align: left; margin-top: 10px; }
.xferwin .setrow .btn { margin-top: 0; font-size: 15px; padding: 10px 8px; }
.xferwin .setnote { font-size: 11px; color: #c9c6b4; line-height: 1.5; margin: 4px 2px 0; overflow-wrap: anywhere; }
.xferwin .xnote { text-align: left; margin: 6px 2px 8px; }
.xferwin .setmsg { margin-top: 12px; padding: 7px 9px; font-size: 12px; background: var(--win2); border: 2px solid var(--gold2); border-radius: 8px; line-height: 1.5; text-align: left; overflow-wrap: anywhere; }
.xferwin .setmsg:empty { display: none; }
.xferwin .xsub { margin-top: 14px; padding-bottom: 3px; font-size: 12px; color: var(--gold); border-bottom: 1px solid #f2c14e55; }
.xferwin .xpair { display: flex; gap: 8px; margin-top: 6px; }
.xferwin .xpair .btn { flex: 1; min-width: 0; font-size: 13px; line-height: 1.3; padding: 8px 3px; min-height: 44px; white-space: normal; overflow-wrap: anywhere; }
.xferwin > .btn { margin-top: 10px; }

/* 出したコード */
.xcode { margin: 8px 0 2px; padding: 14px 6px; font-family: ui-monospace, Consolas, monospace; font-size: 36px; font-weight: bold; letter-spacing: .08em; color: #fff29a;
  background: var(--win2); border: 3px solid var(--gold2); border-radius: 10px; text-shadow: 0 2px 0 #0009; user-select: all; -webkit-user-select: all; white-space: nowrap; }
.xcode.dead { color: #8a8a8a; text-decoration: line-through; border-color: #555; }
.xleft { font-size: 13px; color: #c9c6b4; }
.xleft b { color: var(--soul); font-size: 16px; font-variant-numeric: tabular-nums; }
@media (max-width: 360px) { .xcode { font-size: 29px; letter-spacing: .04em; } }

/* 入力（コード・文字列）。ゲーム全体は文字を選べない設定なので、ここだけ選べるようにする */
.xinput { display: block; width: 100%; padding: 10px; font-family: inherit; font-size: 16px; color: var(--text); background: #060b1c; border: 2px solid var(--line); border-radius: 8px;
  user-select: text; -webkit-user-select: text; }
.xcodein { text-align: center; font-family: ui-monospace, Consolas, monospace; font-size: 24px; letter-spacing: .1em; text-transform: uppercase; }
.xtext { font-size: 12px; line-height: 1.4; word-break: break-all; resize: none; }

/* 置きかえる前の確認: いまのデータと受け取るデータを並べる */
.xcmp { display: grid; grid-template-columns: 1fr auto 1fr; gap: 4px; align-items: stretch; margin: 6px 0; }
.xcol { padding: 8px 6px; text-align: left; background: var(--win2); border: 2px solid #f4f1e655; border-radius: 8px; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; min-width: 0; }
.xcol.next { border-color: var(--gold2); }
.xcol b { display: block; margin-bottom: 4px; font-size: 12px; color: var(--gold); }
.xcol span { display: block; margin-top: 3px; color: var(--text); }
.xcol i { display: block; font-style: normal; font-size: 10px; color: #c9c6b4; }
.xarrow { align-self: center; color: var(--gold); font-size: 14px; }

/* ホーム画面への追加の案内に入れる一言 */
.transfer-hint { display: block; margin-top: 8px; font-size: 12px; line-height: 1.5; color: var(--soul); text-decoration: underline; text-align: center; }