.tj-exchange-v2{background:radial-gradient(circle at 8% 5%,#fff0d4 0,transparent 23%),#edf2f7}.exchange-page{width:min(1160px,calc(100% - 34px));margin:16px auto 48px}.exchange-terminal{--x:72%;--y:20%;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(270px,.72fr) minmax(600px,1.45fr);min-height:550px;border:1px solid #29415f;border-radius:22px;background:linear-gradient(132deg,#0b1628,#12243e 55%,#193656);color:#fff;box-shadow:0 26px 68px #09152742}.exchange-grid{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(#80a5d014 1px,transparent 1px),linear-gradient(90deg,#80a5d014 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(90deg,#000,transparent 92%)}.exchange-glow{position:absolute;z-index:-1;inset:0;background:radial-gradient(360px circle at var(--x) var(--y),#36b68b20,transparent 67%)}.exchange-intro{display:flex;flex-direction:column;justify-content:center;padding:40px 25px 36px 34px}.exchange-kicker{display:flex;align-items:center;gap:7px;width:max-content;padding:6px 9px;border:1px solid #52cda33d;border-radius:7px;background:#36b98d0e;color:#78dbba;font-size:8px;font-weight:950;letter-spacing:.12em}.exchange-kicker i{width:6px;height:6px;border-radius:50%;background:#42c797;box-shadow:0 0 12px #42c797}.exchange-intro h1{margin:18px 0 12px;font-size:clamp(31px,3.5vw,46px);line-height:1.02;letter-spacing:-.045em}.exchange-intro h1 em{color:#66d3ae;font-style:normal}.exchange-intro p{max-width:380px;margin:0;color:#aab9cc;font-size:11px}.exchange-trust{display:grid;gap:7px;margin-top:25px}.exchange-trust span{display:flex;align-items:center;gap:7px;color:#8ea0b6;font-size:8px;font-weight:800}.exchange-trust b{width:21px;height:21px;display:grid;place-items:center;border:1px solid #ffffff15;border-radius:7px;background:#ffffff0a;color:#5bd0aa}
.exchange-console{position:relative;align-self:center;margin:15px;padding:18px;border:1px solid #ffffff25;border-radius:18px;background:linear-gradient(145deg,#fbfcfffa,#eaf1f8f7);color:#17253b;box-shadow:0 23px 56px #030a1652}.exchange-console:before{position:absolute;top:0;right:28px;left:28px;height:2px;background:linear-gradient(90deg,transparent,#51c89f,transparent);content:""}.exchange-console__head{display:flex;align-items:center;justify-content:space-between}.exchange-console__head span{color:#16805e;font-size:7px;font-weight:950;letter-spacing:.14em}.exchange-console__head h2{margin:2px 0;font-size:16px}.service-state{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#eef2f6;color:#76869a;font-size:7px;font-weight:900}.service-state i{width:5px;height:5px;border-radius:50%;background:#9ba7b4}.service-state.open{background:#e7f8f0;color:#087452}.service-state.open i{background:#1eaa78;box-shadow:0 0 7px #1eaa78}.service-state.closed{background:#fff0e3;color:#a45f16}.service-state.closed i{background:#db8a28}
.route-builder{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;gap:8px;margin-top:13px}.route-node{padding:10px;border:1px solid #dce4ec;border-radius:13px;background:#f8fafc}.route-node.source{box-shadow:inset 3px 0 #e8aa39}.route-node.destination{box-shadow:inset -3px 0 #33a77f}.route-node__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.route-node__head span{color:#738299;font-size:7px;font-weight:950;letter-spacing:.12em}.route-node__head i{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#e8edf3;color:#718096;font-size:6px;font-style:normal}.destination .route-node__head i{background:#e4f5ef;color:#16805e}.server-trigger{width:100%;display:grid;grid-template-columns:1fr auto;gap:1px 8px;padding:8px 9px;border:1px solid #d9e2eb;border-radius:10px;background:#fff;color:#223650;text-align:left;cursor:pointer;transition:.18s}.server-trigger:hover,.server-trigger.selected{border-color:#deb15a;box-shadow:0 0 0 3px #e8ad3b18}.destination .server-trigger:hover,.destination .server-trigger.selected{border-color:#52ba96;box-shadow:0 0 0 3px #2ba87c17}.server-trigger b{font-size:9px}.server-trigger small{grid-column:1;color:#8a97a8;font-size:6px}.server-trigger>i{grid-column:2;grid-row:1/3;align-self:center;color:#8491a3;font-style:normal}.route-node label>span{display:block;margin:8px 0 4px;color:#78879b;font-size:6px;font-weight:900}.gaming-input{height:36px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #dce3eb;border-radius:9px;background:#fff;transition:.18s}.gaming-input:focus-within{border-color:#4eb993;box-shadow:0 0 0 3px #39a98117}.gaming-input i{color:#7f8ea1;font-style:normal}.gaming-input input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#253a55;font-size:9px}.route-swap{width:34px;height:34px;border:1px solid #c9dce2;border-radius:10px;background:#fff;color:#19805f;font-size:14px;cursor:pointer;box-shadow:0 5px 12px #17314a13;transition:.28s}.route-swap:hover{transform:rotate(180deg);border-color:#50b792}
.exchange-command{display:grid;grid-template-columns:1fr 54px 1fr;align-items:stretch;gap:8px;margin-top:10px}.exchange-quantity,.exchange-result{padding:9px 11px;border:1px solid #dce4eb;border-radius:11px;background:#fff}.exchange-quantity>span,.exchange-result>span{display:block;color:#8593a5;font-size:6px;font-weight:950;letter-spacing:.1em}.exchange-quantity>div{display:flex;align-items:center;margin-top:3px}.exchange-quantity input{min-width:0;width:100%;border:0;outline:0;color:#a2680d;font-size:17px;font-weight:950}.exchange-quantity b{color:#ac7417;font-size:9px}.exchange-quantity small,.exchange-result small{display:block;margin-top:2px;color:#8996a6;font-size:6px}.exchange-converter{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#90a0b2;text-align:center}.exchange-converter i{font-size:18px;font-style:normal}.exchange-converter small{font-size:5px;font-weight:950}.exchange-result strong{display:block;margin-top:3px;color:#177859;font-size:17px}.exchange-result.loading strong{animation:quoteBlink .8s ease-in-out infinite}.exchange-result.partial{border-color:#e9c984;background:#fffaf0}.exchange-result.unavailable{border-color:#eccfd2;background:#fff7f7}.exchange-result.unavailable strong{color:#b34750}.exchange-feedback{margin-top:8px;padding:7px 9px;border-radius:8px;font-size:7px;font-weight:800}.exchange-feedback.warning{background:#fff4dc;color:#93600d}.exchange-feedback.error{background:#ffebed;color:#a43d47}.exchange-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px}.safety-note{display:flex;align-items:center;gap:7px}.safety-note>i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#fff3da;color:#9e6810;font-style:normal;font-weight:950}.safety-note b,.safety-note small{display:block}.safety-note b{font-size:8px}.safety-note small{color:#8491a3;font-size:6px}.exchange-submit{height:39px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #cbd5e0;border-radius:10px;background:#e6ebf1;color:#8996a5;font-size:8px;font-weight:950}.exchange-submit:not(:disabled){border-color:#25916d;background:linear-gradient(135deg,#42bd92,#18815f);color:#fff;cursor:pointer;box-shadow:0 8px 19px #19815f30}@keyframes quoteBlink{50%{opacity:.38}}
.server-picker[hidden]{display:none}.server-picker{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:18px}.server-picker__backdrop{position:absolute;inset:0;background:#091426c2;backdrop-filter:blur(7px)}.server-picker>section{position:relative;width:min(510px,100%);padding:17px;border:1px solid #ffffff2e;border-radius:18px;background:linear-gradient(145deg,#fff,#eef3f8);box-shadow:0 28px 85px #06101f70;animation:pickerIn .2s ease-out}.server-picker header{display:flex;align-items:center;justify-content:space-between}.server-picker header span{color:#14805e;font-size:7px;font-weight:950;letter-spacing:.13em}.server-picker header h2{margin:2px 0;font-size:17px}.server-picker header button{width:29px;height:29px;border:0;border-radius:8px;background:#e7edf3;color:#53667d;font-size:16px;cursor:pointer}.picker-search{height:39px;display:flex;align-items:center;gap:8px;margin-top:12px;padding:0 10px;border:1px solid #dae3eb;border-radius:10px;background:#fff}.picker-search:focus-within{border-color:#48b58f;box-shadow:0 0 0 3px #2da77c17}.picker-search i{color:#8391a3;font-size:16px;font-style:normal}.picker-search input{min-width:0;flex:1;border:0;outline:0;font-size:9px}.picker-search kbd{padding:2px 5px;border:1px solid #dce2e9;border-radius:5px;background:#f2f5f8;color:#8490a0;font-size:6px}.picker-games{display:flex;gap:5px;margin-top:9px}.picker-games button{height:27px;padding:0 8px;border:1px solid #dce3eb;border-radius:7px;background:#f7f9fb;color:#77869a;font-size:6px;font-weight:950;cursor:pointer}.picker-games button.active{border-color:#3ba982;background:#e8f8f2;color:#107154}.picker-results{height:280px;display:grid;align-content:start;gap:5px;margin-top:8px;overflow:auto;padding-right:2px}.picker-results>button{display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:8px;padding:7px 8px;border:1px solid #e0e6ed;border-radius:9px;background:#fff;color:#263a54;text-align:left;cursor:pointer;transition:.16s}.picker-results>button:hover,.picker-results>button.active{border-color:#4eb793;background:#effaf6;transform:translateX(2px)}.picker-results>button>i{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#172f4d;color:#61d0aa;font:900 10px Georgia}.picker-results b,.picker-results small{display:block}.picker-results b{font-size:9px}.picker-results small{color:#8995a6;font-size:6px}.picker-results em{color:#16805e;font-size:7px;font-style:normal;font-weight:950}.picker-empty{padding:45px;text-align:center;color:#8794a5;font-size:8px}@keyframes pickerIn{from{opacity:0;transform:translateY(8px) scale(.985)}}.picker-open{overflow:hidden}
@media(max-width:920px){.exchange-terminal{grid-template-columns:1fr}.exchange-intro{padding:28px 28px 14px}.exchange-trust{grid-template-columns:repeat(3,1fr);margin-top:16px}.exchange-console{margin-top:4px}}
@media(max-width:650px){.exchange-page{width:calc(100% - 20px);margin-top:10px}.exchange-terminal{border-radius:16px}.exchange-intro{padding:24px 18px 10px}.exchange-intro h1{font-size:31px}.exchange-trust{grid-template-columns:1fr}.exchange-console{margin:8px;padding:13px}.route-builder{grid-template-columns:1fr}.route-swap{margin:auto;transform:rotate(90deg)}.route-swap:hover{transform:rotate(270deg)}.exchange-command{grid-template-columns:1fr}.exchange-converter{height:25px}.exchange-footer{align-items:stretch;flex-direction:column}.exchange-submit{justify-content:center}.picker-games{overflow:auto}.picker-games button{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.exchange-confirm{display:flex;align-items:center;gap:9px}.exchange-confirm .g-recaptcha{width:164px;height:44px;overflow:hidden;border-radius:8px;transform:scale(.72);transform-origin:center}.exchange-success[hidden]{display:none}.exchange-success{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:18px}.exchange-success__backdrop{position:absolute;inset:0;background:#071326d9;backdrop-filter:blur(9px)}.exchange-success>section{position:relative;width:min(430px,100%);padding:25px;border:1px solid #ffffff31;border-radius:20px;background:linear-gradient(145deg,#fff,#edf5f2);color:#172b42;text-align:center;box-shadow:0 30px 90px #0208128f;animation:pickerIn .25s ease-out}.exchange-success__icon{width:45px;height:45px;display:grid;place-items:center;margin:0 auto 10px;border-radius:14px;background:linear-gradient(135deg,#5bd7aa,#16805d);color:#fff;font-size:20px;font-style:normal;box-shadow:0 10px 25px #16805d42}.exchange-success>section>span{color:#18805f;font-size:7px;font-weight:950;letter-spacing:.14em}.exchange-success h2{margin:3px 0 9px;font-size:20px}.exchange-success>section>strong{display:inline-block;padding:7px 13px;border:1px solid #b8e4d3;border-radius:9px;background:#e9f9f3;color:#087452;font-size:15px;letter-spacing:.08em}.exchange-success>section>p{margin:10px 0;color:#53677e;font-size:9px;font-weight:850}.exchange-success>section>div{display:grid;gap:6px;margin:14px 0;text-align:left}.exchange-success>section>div p{display:flex;align-items:center;gap:8px;margin:0;padding:9px;border:1px solid #dfe7ed;border-radius:10px;background:#fff;color:#50647a;font-size:8px}.exchange-success>section>div b{width:22px;height:22px;display:grid;flex:none;place-items:center;border-radius:7px;background:#17304d;color:#5dd0a7}.exchange-success a{height:39px;display:inline-flex;align-items:center;gap:10px;padding:0 15px;border-radius:10px;background:#172f4d;color:#fff;font-size:8px;font-weight:950;text-decoration:none}.exchange-success a b{color:#5cd0a7}@media(max-width:650px){.exchange-confirm{align-items:stretch;flex-direction:column}.exchange-confirm .g-recaptcha{align-self:center}.exchange-submit{width:100%}}

/* Business-led hierarchy: outgoing, system conversion, incoming, game identity. */
.route-node__head span,.exchange-quantity>span,.exchange-result>span{font-size:7.5px;letter-spacing:.115em}.route-node.source .route-node__head span,.exchange-quantity>span{color:#b36d09}.route-node.destination .route-node__head span,.exchange-result>span{color:#087a57}.server-trigger b{color:#1761a8;font-size:10.5px;font-weight:950}.server-trigger small{color:#577491;font-size:7.5px;font-weight:750}.route-node label>span{color:#6650a7;font-size:7.5px;letter-spacing:.015em}.gaming-input{border-color:#d7d0e9;background:linear-gradient(180deg,#fff,#fbfaff)}.gaming-input:focus-within{border-color:#7b62ba;box-shadow:0 0 0 3px #7658b71c}.gaming-input i{color:#775eb6}.gaming-input input{color:#372b5c;font-size:10px;font-weight:850}.exchange-quantity{border-color:#ebd39f;background:linear-gradient(145deg,#fffdfa,#fff7e7);box-shadow:inset 3px 0 #e4a52f}.exchange-quantity input{color:#a96100;font-size:22px}.exchange-quantity b{padding:3px 6px;border-radius:6px;background:#f8e7c2;color:#8f5607;font-size:9px}.exchange-quantity small{width:max-content;max-width:100%;margin-top:5px;padding:5px 8px;border:1px solid #efd49d;border-radius:7px;background:#fff6e2;color:#8b5709;font-size:9px;font-weight:950;line-height:1.1;box-shadow:0 4px 10px #a66b1110;transition:.18s}.exchange-quantity small:not(:empty){animation:microValueIn .22s ease-out}.exchange-converter{color:#157c93}.exchange-converter i{color:#1593ae;text-shadow:0 0 10px #27b4d559}.exchange-converter small{color:#17798e;font-size:6px}.exchange-result{border-color:#bee1d3;background:linear-gradient(145deg,#fbfffd,#eaf9f3);box-shadow:inset -3px 0 #2faa7e}.exchange-result strong{color:#087956;font-size:22px;font-weight:950}.exchange-result small{margin-top:5px;color:#176d56;font-size:9px;font-weight:900;line-height:1.15}.exchange-feedback{font-size:8.5px;line-height:1.35}.safety-note b{color:#294765;font-size:9px}.safety-note small{color:#61758d;font-size:7.5px;line-height:1.25}.service-state{font-size:7.5px}.exchange-submit{font-size:9px}.exchange-success>section>span{font-size:8px}.exchange-success>section>p{font-size:10px}.exchange-success>section>div p{font-size:9px}@keyframes microValueIn{from{opacity:.45;transform:translateY(2px)}to{opacity:1;transform:none}}
.exchange-result.partial{border-color:#e5bd67;background:linear-gradient(145deg,#fffdf8,#fff4dd);box-shadow:inset -3px 0 #da921e}.exchange-result.partial>span,.exchange-result.partial strong,.exchange-result.partial small{color:#945c08}.exchange-result.partial strong{font-size:15px;line-height:1.3}.exchange-result.partial small{line-height:1.35}.exchange-result.unavailable{border-color:#e6b9bf;background:linear-gradient(145deg,#fffafa,#ffedef);box-shadow:inset -3px 0 #c44d59}.exchange-result.unavailable>span,.exchange-result.unavailable strong,.exchange-result.unavailable small{color:#a33f49}
.exchange-apply{margin-top:8px;padding:6px 10px;border:1px solid #ce9c45;border-radius:7px;background:#fff0cf;color:#815309;font-size:10px;font-weight:900;cursor:pointer;transition:background .18s,transform .18s}.exchange-apply:hover{background:#ffe1a4;transform:translateY(-1px)}.exchange-apply[hidden]{display:none}

/* Keep secondary information readable without changing the compact layout. */
.exchange-kicker,.exchange-trust span,.exchange-console__head span,.service-state,.route-node__head span,.exchange-quantity>span,.exchange-result>span,.server-picker header span,.exchange-success>section>span{font-size:10px}
.exchange-intro p{font-size:12px;line-height:1.4}
.route-node__head i,.server-trigger small,.route-node label>span,.exchange-quantity small,.exchange-result small,.exchange-converter small,.safety-note small,.picker-search kbd,.picker-games button,.picker-results small,.picker-results em{font-size:10px}
.server-trigger b,.gaming-input input,.exchange-quantity b,.safety-note b,.picker-search input,.picker-results b,.exchange-feedback,.exchange-submit,.exchange-success>section>div p,.exchange-success a{font-size:11px}
.picker-empty,.exchange-success>section>p{font-size:12px}
.route-node label>span{line-height:1.25}
.exchange-converter small{line-height:1.15}
.exchange-trust span{line-height:1.3}
.safety-note small{line-height:1.35}
.exchange-result.closed{border-color:#e8bb72;background:#fff8e9}.exchange-result.closed strong{color:#976217}