/* Shared configurable-world character transfer: presentation only, with the transfer
   form fields and submit contract intentionally left untouched. */
.char-transfer-page{overflow:hidden;border:1px solid rgba(38,141,169,.58)!important;border-radius:13px!important;background:#eaf6f8!important;box-shadow:0 12px 26px rgba(20,83,103,.18),inset 0 1px rgba(255,255,255,.9)}
.char-transfer-page>.head{position:relative;display:flex!important;align-items:center;justify-content:center;min-height:46px;padding:0 18px!important;background:linear-gradient(105deg,#126b89,#2dabc0 53%,#217f9f)!important;color:#fff!important;font-family:'Bebas Neue Bold',sans-serif!important;font-size:25px!important;font-weight:normal!important;letter-spacing:.7px;text-align:center;text-transform:uppercase}
.char-transfer-page>.head:before{margin-right:9px;color:#ffe69a;content:'\f0ec';font-family:'Font Awesome 6 Free';font-size:17px;font-weight:900}
.char-transfer-page>.box-content{padding:13px!important;background:radial-gradient(circle at 95% 4%,rgba(58,180,194,.2),transparent 25%),linear-gradient(145deg,#fbfeff,#e2f2f5)!important}
.char-transfer-hero{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 154px;align-items:center;gap:13px;overflow:hidden;margin:0 0 13px;padding:15px 17px;border:1px solid rgba(31,127,153,.58);border-radius:11px;background:linear-gradient(112deg,#126e89,#2eabc1 62%,#3ab7c6);box-shadow:0 8px 16px rgba(28,104,126,.17);color:#fff}
.char-transfer-hero:after{position:absolute;right:-35px;bottom:-71px;width:180px;height:180px;border:22px solid rgba(209,255,248,.13);border-radius:50%;content:''}
.char-transfer-hero__icon{position:relative;z-index:1;display:grid;width:55px;height:55px;place-items:center;border:1px solid rgba(225,255,250,.5);border-radius:15px;background:rgba(6,79,104,.26);box-shadow:inset 0 1px rgba(255,255,255,.24);color:#ffe58d;font-size:24px}
.char-transfer-hero>div:not(.char-transfer-hero__icon){position:relative;z-index:1}.char-transfer-hero span,.char-transfer-form__head>span{display:block;color:#d4fff6;font-family:'Bebas Neue Bold',sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase}.char-transfer-hero h2{margin:2px 0 3px;color:#fff;font-family:'Bebas Neue Bold',sans-serif;font-size:29px;font-weight:normal;letter-spacing:.35px;line-height:1;text-transform:uppercase}.char-transfer-hero p{max-width:510px;margin:0;color:#efffff;font-family:Arial,sans-serif;font-size:12px;line-height:1.45}
.char-transfer-hero__meta{display:grid;grid-template-columns:1fr auto;gap:1px 9px;align-items:center;padding:8px 10px;border:1px solid rgba(223,255,249,.25);border-radius:8px;background:rgba(5,72,95,.26);font-family:Arial,sans-serif}.char-transfer-hero__meta b{grid-column:1;color:#ffe58a;font-family:'Bebas Neue Bold',sans-serif;font-size:22px;font-weight:normal;letter-spacing:.35px;line-height:1}.char-transfer-hero__meta b small{font-size:12px}.char-transfer-hero__meta span{grid-column:2;grid-row:auto;color:#d9faf6;font-family:Arial,sans-serif;font-size:10px;letter-spacing:0;text-align:right;text-transform:none}.char-transfer-hero__meta b:nth-of-type(2){margin-top:5px}
.char-transfer-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);gap:13px}.char-transfer-overview,.char-transfer-form{border:1px solid rgba(68,154,182,.38);border-radius:10px;background:rgba(255,255,255,.72);box-shadow:0 4px 10px rgba(27,96,118,.08)}
.char-transfer-overview{padding:14px 15px}.char-transfer-overview__heading{display:flex;align-items:center;gap:10px}.char-transfer-overview__heading>i{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:linear-gradient(145deg,#f6c85f,#d89023);box-shadow:inset 0 1px rgba(255,255,255,.5);color:#fff;font-size:15px}.char-transfer-overview__heading span{display:block;color:#ad7928;font-family:'Bebas Neue Bold',sans-serif;font-size:10px;letter-spacing:.9px}.char-transfer-overview__heading h3{margin:0;color:#216f88;font-family:'Bebas Neue Bold',sans-serif;font-size:22px;font-weight:normal;letter-spacing:.25px;line-height:1;text-transform:uppercase}.char-transfer-overview>p{margin:11px 0;color:#5d7b85;font-family:Arial,sans-serif;font-size:12px;line-height:1.5}.char-transfer-overview ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.char-transfer-overview li{display:flex;gap:9px;align-items:flex-start;padding:8px 9px;border:1px solid rgba(93,166,185,.19);border-radius:7px;background:linear-gradient(115deg,rgba(232,247,249,.88),rgba(255,255,255,.63));color:#5a7883;font-family:Arial,sans-serif;font-size:11px;line-height:1.35}.char-transfer-overview li>i{margin-top:2px;color:#dc9829;font-size:12px}.char-transfer-overview li b{display:block;margin-bottom:1px;color:#33758a;font-size:11px}
.char-transfer-form{overflow:hidden}.char-transfer-form__head{padding:13px 15px 11px;background:linear-gradient(106deg,#eefafd,#daf1f4);border-bottom:1px solid rgba(68,154,182,.24)}.char-transfer-form__head>span{color:#b2771d}.char-transfer-form__head h3{margin:2px 0 0;color:#226e87;font-family:'Bebas Neue Bold',sans-serif;font-size:23px;font-weight:normal;letter-spacing:.3px;line-height:1;text-transform:uppercase}.char-transfer-fields{display:grid;gap:10px;padding:13px 15px}.char-transfer-fields label{display:block}.char-transfer-fields label>span{display:block;margin:0 0 5px;color:#36758a;font-family:'Bebas Neue Bold',sans-serif;font-size:14px;letter-spacing:.35px;text-transform:uppercase}.char-transfer-fields label>span i{width:15px;color:#d8982e;text-align:center}.char-transfer-fields select,.char-transfer-fields input{box-sizing:border-box;width:100%;height:38px;padding:7px 10px;border:1px solid rgba(53,145,177,.54);border-radius:6px;background:#fff;color:#315e70;font-family:Arial,sans-serif;font-size:13px;outline:0;transition:border-color .16s ease,box-shadow .16s ease}.char-transfer-fields select:focus,.char-transfer-fields input:focus{border-color:#29a4bd;box-shadow:0 0 0 3px rgba(43,163,188,.14)}.char-transfer-fields small{display:block;margin-top:5px;color:#7a939a;font-family:Arial,sans-serif;font-size:10px;line-height:1.35}.char-transfer-fields__account{padding-top:2px;border-top:1px solid rgba(68,154,182,.17)}
.char-transfer-form__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;border-top:1px solid rgba(68,154,182,.22);background:linear-gradient(105deg,#f7fcfd,#e1f2f5)}.char-transfer-form__footer>span{color:#69848c;font-family:Arial,sans-serif;font-size:11px;line-height:1.35}.char-transfer-form__footer>span i{color:#d79328}.char-transfer-form button{flex:none;min-height:38px;padding:8px 14px;border:1px solid #b46d16;border-radius:7px;background:linear-gradient(180deg,#f4bd54,#cb7a1c);box-shadow:inset 0 1px rgba(255,255,255,.45),0 4px 8px rgba(155,90,11,.22);color:#fff;cursor:pointer;font-family:'Bebas Neue Bold',sans-serif;font-size:16px;letter-spacing:.4px;text-shadow:0 1px rgba(116,63,6,.25);text-transform:uppercase;transition:filter .18s ease,transform .18s ease}.char-transfer-form button:hover{filter:brightness(1.07);transform:translateY(-1px)}.char-transfer-form button i{margin-right:6px}
.char-transfer-result,.char-transfer-state{display:flex;align-items:center;gap:12px;max-width:690px;margin:13px auto;padding:13px 15px;border:1px solid rgba(66,151,179,.42);border-radius:10px;background:linear-gradient(110deg,#fbfeff,#e5f3f6);box-shadow:0 6px 13px rgba(29,94,115,.1);color:#5d7982}.char-transfer-result>i,.char-transfer-state>i{display:grid;flex:0 0 35px;width:35px;height:35px;place-items:center;border-radius:10px;color:#fff}.char-transfer-result strong,.char-transfer-state strong{display:block;color:#256f88;font-family:'Bebas Neue Bold',sans-serif;font-size:19px;font-weight:normal;letter-spacing:.25px;text-transform:uppercase}.char-transfer-result span,.char-transfer-state span{display:block;margin-top:2px;font-family:Arial,sans-serif;font-size:11px;line-height:1.35}.char-transfer-result--success>i{background:#2fa889}.char-transfer-result--success strong{color:#21836d}.char-transfer-result--error>i,.char-transfer-state--locked>i{background:#d07450}.char-transfer-result--error strong,.char-transfer-state--locked strong{color:#af5d47}.char-transfer-state a{margin-left:auto;padding:7px 10px;border:1px solid #167e9d;border-radius:6px;background:linear-gradient(180deg,#41abc6,#1b7998);color:#fff!important;font-family:'Bebas Neue Bold',sans-serif;font-size:14px;letter-spacing:.3px;text-decoration:none;text-transform:uppercase}
@media(max-width:720px){.char-transfer-hero{grid-template-columns:48px minmax(0,1fr)}.char-transfer-hero__icon{width:46px;height:46px;font-size:19px}.char-transfer-hero h2{font-size:24px}.char-transfer-hero__meta{grid-column:1/-1;grid-template-columns:1fr auto}.char-transfer-layout{grid-template-columns:1fr}.char-transfer-form__footer{align-items:stretch;flex-direction:column}.char-transfer-form button{width:100%}.char-transfer-state a{margin-left:0}}
