/* JRPG.WORLD · Emerald verified transfer files v0.1.24.8.3.2 */
#transfer-files-modal[hidden]{display:none!important}
html.transfer-files-open,html.transfer-files-open body{overflow:hidden!important;overscroll-behavior:none!important}
#transfer-files-modal{position:fixed;inset:0;z-index:100500;display:grid;place-items:center;padding:18px;background:#02070af7;color:#eafff8;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif}
#transfer-files-modal *{box-sizing:border-box}
.tf-mobile-exit{display:none}
.tf-panel{width:min(760px,96vw);max-height:min(880px,92dvh);overflow:auto;border:1px solid #8ee8d040;border-radius:20px;background:linear-gradient(180deg,#0b2227,#061419);box-shadow:0 28px 90px #000c;overscroll-behavior:contain}
.tf-head{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 15px;border-bottom:1px solid #ffffff12;background:#0a2025;box-shadow:0 6px 18px #0005}.tf-head small{display:block;color:#78ac9f;font:800 9px/1.2 Inter,system-ui;letter-spacing:.13em}.tf-head h2{margin:5px 0 0;font:900 23px/1 Outfit,Inter,system-ui}.tf-head p{margin:5px 0 0;font-size:10px;letter-spacing:.12em;color:#9ec7bc;font-weight:900}.tf-close{border:1px solid #ffffff1c;border-radius:10px;background:#0e2a2f;color:#dffcf3;padding:9px 12px;font-weight:800;cursor:pointer}
.tf-body{padding:18px 20px 24px}.tf-hero{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:14px;border:1px solid #75e5db25;border-radius:15px;background:linear-gradient(135deg,#11343a,#0a2328)}.tf-hero img{width:72px;height:72px;object-fit:contain;image-rendering:pixelated}.tf-hero h3{margin:0 0 4px;font:900 20px/1.1 Outfit,Inter,system-ui}.tf-hero p{margin:0;color:#8ebbb0;font-size:11px;line-height:1.45}
.tf-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.tf-badges span{padding:5px 7px;border:1px solid #78e7cd25;border-radius:999px;background:#06181c;color:#bce7dc;font:800 8px/1 Inter,system-ui}.tf-badges .ok{border-color:#81efbf55;color:#a9f4ce;background:#113327}.tf-badges .wait{border-color:#e4c27545;color:#ead293;background:#332a14}
.tf-route{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0}.tf-hop{min-width:0;padding:10px 7px;border:1px solid #ffffff12;border-radius:11px;background:#081a1f;text-align:center}.tf-hop b{display:block;font-size:9px;line-height:1.2}.tf-hop small{display:block;margin-top:4px;color:#739e95;font-size:7px}.tf-hop.done{border-color:#79edc944;background:#10332e}.tf-hop.next{border-color:#e1c06e44;background:#2e2817}
.tf-card{margin-top:10px;padding:13px 14px;border:1px solid #ffffff12;border-radius:13px;background:#091b20}.tf-card h4{margin:0 0 9px;font:900 10px/1 Outfit,Inter,system-ui;letter-spacing:.08em}.tf-card.compiled{border-color:#63d6bb55;background:linear-gradient(180deg,#123730cc,#0c2928cc)}.tf-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.tf-card-title h4{margin:0}.tf-card-title>span{font-size:9px;letter-spacing:.09em;font-weight:900;color:#92dac7;border:1px solid #5ccbb73d;background:#0d332e;padding:5px 7px;border-radius:999px;white-space:nowrap}
.tf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tf-grid div{padding:8px;border-radius:9px;background:#061419}.tf-grid small{display:block;color:#6f9a91;font-size:7px}.tf-grid b{display:block;margin-top:3px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tf-grid em{display:block;margin-top:4px;color:#8eaaa4;font-size:9px;font-style:normal;font-weight:700}
.tf-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.tf-actions button{flex:1;min-height:44px;border:1px solid #80edd149;border-radius:11px;background:#183f38;color:#f1fff9;font:900 10px/1 Inter,system-ui;letter-spacing:.04em;cursor:pointer}.tf-actions button.secondary{background:#0b2227;color:#b6dcd2;flex:0 1 auto}.tf-actions button:disabled{opacity:.35;cursor:default}.tf-note{margin:0;color:#8fb2aa;font-size:10px;line-height:1.55}.tf-note strong{color:#e9fff8}.tf-warn{margin-top:12px;padding:12px 13px;border:1px solid #e1c16c3d;border-radius:11px;background:#2c2615;color:#e6d49d;font-size:10px;line-height:1.5}.tf-toast{position:fixed;z-index:100700;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);padding:10px 14px;border:1px solid #80edd14d;border-radius:999px;background:#0b2c26;color:#edfff8;font:800 9px/1 Inter,system-ui;box-shadow:0 10px 30px #0009}.tf-toast.bad{border-color:#e98b8b66}
@media(max-width:620px){
  #transfer-files-modal{padding:0;display:block;background:#061419}
  .tf-mobile-exit{display:block;position:fixed;z-index:100650;top:max(10px,env(safe-area-inset-top));right:12px;min-width:86px;min-height:42px;padding:10px 13px;border:1px solid #8ee8d05c;border-radius:12px;background:#0d2b31f2;color:#effff9;font:900 10px/1 Inter,system-ui;letter-spacing:.04em;box-shadow:0 8px 24px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .tf-panel{width:100%;height:100dvh;max-height:none;border:0;border-radius:0;box-shadow:none;background:linear-gradient(180deg,#0b2227,#061419);padding-bottom:env(safe-area-inset-bottom)}
  .tf-head{padding:max(14px,env(safe-area-inset-top)) 112px 14px 14px}.tf-head h2{font-size:20px}.tf-head p{font-size:8px;letter-spacing:.08em}.tf-body{padding:12px 14px 28px}.tf-hero img{width:56px;height:56px}.tf-route{grid-template-columns:1fr 1fr}.tf-grid{grid-template-columns:1fr 1fr}.tf-card-title{align-items:flex-start;flex-direction:column}.tf-actions{flex-direction:column}.tf-actions button,.tf-actions button.secondary{width:100%;flex:1 0 100%}
}
