/* GK TANK · V11 checkout. Presentation only; amounts, packages and providers
   remain owned by the existing API. Load after portal-unified.css. */
.recharge-page{--checkout-ink:#183451;--checkout-muted:#52677f;--checkout-line:#d9e4ef;--checkout-selected:#1c5688;--checkout-radius:16px;padding:20px 0 48px}
.recharge-page .wrap{width:min(1180px,calc(100% - 48px))}
.recharge-page .recharge-hero{grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);min-height:0;height:204px;gap:24px;padding:24px 30px;border-radius:20px;background:#102a4a;box-shadow:0 12px 28px #132e4b18}
.recharge-page .recharge-hero::before{display:none}
.recharge-page .recharge-eyebrow{display:none}
.recharge-page .recharge-hero h1{font-size:clamp(30px,3.3vw,43px);line-height:1.08;letter-spacing:-.035em;max-width:19ch;margin:0 0 10px}
.recharge-page .recharge-lead{max-width:54ch;font-size:14px;line-height:1.6;color:#d8e5f3}
.recharge-page .recharge-hero-pills{margin-top:12px;gap:7px}
.recharge-page .recharge-hero-pills span{font-size:12px;line-height:1.4;padding:5px 9px;color:#e1ebf7;border-color:#567490;background:#ffffff08}
.recharge-page .recharge-hero-art{width:100%;height:154px;object-fit:cover;object-position:62% 54%;border-radius:12px;box-shadow:none;border-color:#7895b25c}
.recharge-page .page-body{padding-top:20px}
.recharge-page .recharge-flow{box-shadow:none;padding:11px 16px;margin-bottom:18px;border-radius:12px}
.recharge-page .recharge-flow>span{font-size:13px;color:#51667d;gap:8px}
.recharge-page .recharge-flow>span b{font-size:12px;width:28px;height:28px}
.recharge-page .recharge{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr);gap:20px;align-items:start}
.recharge-page .step{padding:22px;margin:0 0 18px;border:1px solid var(--checkout-line);border-radius:var(--checkout-radius);box-shadow:0 8px 22px #152e4910}
.recharge-page .step-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:17px}
.recharge-page .step-title .step-n{width:32px;height:32px;min-width:32px;font-size:14px}
.recharge-page .step-title h2{font-size:23px;line-height:1.15;letter-spacing:-.025em;margin:0;color:var(--checkout-ink)}
.recharge-page .step-title p{font-size:14px;line-height:1.55;color:var(--checkout-muted);margin:0 0 0 42px}
.recharge-page .chars-choice{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:10px}
.recharge-page .char-face{padding:12px;min-height:88px;gap:12px;align-items:center;grid-template-columns:64px minmax(0,1fr) auto}
.recharge-page .char-face .char-name{font-size:17px;line-height:1.3;overflow-wrap:anywhere}
.recharge-page .char-face small{font-size:12px;line-height:1.5;color:#53677e}
.recharge-page .character-selected{font-size:12px;color:#24714f}
.recharge-page .packs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:3px}
.recharge-page .pack{min-width:0;position:relative}
.recharge-page .pack .face{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto;align-content:end;justify-items:center;min-height:204px;gap:2px;padding:35px 12px 12px;text-align:center;background:#f6f9fd;border:1px solid #cddcea;border-radius:13px;box-shadow:none;transition:border-color .18s,background-color .18s,box-shadow .18s}
.recharge-page .pack .coupon-coins{grid-column:1;grid-row:1;width:48px;height:38px;justify-self:center;object-fit:contain;margin-bottom:2px}
.recharge-page .pack-amount{grid-column:1;grid-row:2;align-self:auto;font-size:27px;line-height:1.05;font-weight:800;color:#193d64;letter-spacing:-.025em;white-space:nowrap}
.recharge-page .pack-unit{grid-column:1;grid-row:3;font:500 13px/1.3 'Bricolage Grotesque',Arial,sans-serif;color:#52677f}
.recharge-page .pack-bonus{grid-column:1;grid-row:4;font:700 13px/1.4 'Bricolage Grotesque',Arial,sans-serif;color:#1a7457;min-height:18px;max-width:100%;overflow-wrap:anywhere}
.recharge-page .pack-total{grid-column:1;grid-row:5;font:550 12px/1.4 'Bricolage Grotesque',Arial,sans-serif;color:#52677f;margin:3px 0 4px}
.recharge-page .pack-price{grid-column:1;grid-row:6;justify-self:stretch;margin:7px 0 0;padding:9px 5px;border:0;border-radius:8px;background:#1b416b;color:#fff;font-size:16px;line-height:1.2;font-weight:750;font-variant-numeric:tabular-nums}
.recharge-page .pack .ribbon,.recharge-page .pack:has(input[value='p10000']) .ribbon{position:absolute;top:8px;left:8px;right:8px;width:auto;max-width:calc(100% - 16px);padding:4px 5px;border:1px solid #dbc08e;border-radius:6px;rotate:none;background:#f7e6c3;color:#674718;font:750 12px/1.2 'Bricolage Grotesque',Arial,sans-serif;text-align:center;letter-spacing:0;box-shadow:none;white-space:normal}
.recharge-page .pack:has(input:checked) .ribbon{background:#f5d88d;border-color:#c89e46;color:#51380f}
.recharge-page .pack input:checked+.face{background:#edf5ff;border-color:#286596;box-shadow:inset 0 0 0 1px #286596}
.recharge-page .pack input:checked+.face::after{content:'✓';display:grid;place-items:center;position:absolute;top:39px;right:9px;width:20px;height:20px;border-radius:50%;background:#245d89;color:#fff;font:750 13px/1 'Bricolage Grotesque',Arial,sans-serif}
.recharge-page .pack input:checked+.face .pack-price{background:#f3cf87;color:#34260f}
.recharge-page .pack:hover .face{border-color:#7598ba;background:#f0f6fc}
.recharge-page .pack input:checked+.face:hover{border-color:#286596;background:#e8f2ff}
.recharge-page .choice input:focus-visible+.face{outline:3px solid #2b71b4;outline-offset:3px}
.recharge-page .custom-amount{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:18px;padding-top:18px;border-color:var(--checkout-line)}
.recharge-page .field>span{font-size:14px;color:#294964}
.recharge-page .field small{font-size:13px;line-height:1.6;color:var(--checkout-muted)}
.recharge-page .step .input{min-height:46px;font-size:16px}
.recharge-page .custom-amount output{font:750 18px/1.5 'Bricolage Grotesque',Arial,sans-serif;color:#2c608e;align-self:center;max-width:100%;overflow-wrap:anywhere}
.recharge-page .provider .face{grid-template-columns:40px minmax(0,1fr);gap:3px 10px;padding:15px;min-height:76px}
.recharge-page .provider-name{font-size:16px;line-height:1.3;color:#254967}
.recharge-page .provider-methods{font-size:13px;line-height:1.5;color:var(--checkout-muted)}
.recharge-page .payment-assurance{font-size:13px;line-height:1.6;color:var(--checkout-muted)}
.recharge-page .summary{position:sticky;top:142px;max-height:calc(100dvh - 162px);overflow:auto;border-radius:var(--checkout-radius);scroll-margin-top:142px;box-shadow:0 14px 32px #142c481c}
.recharge-page .summary .window-body{padding:22px}
.recharge-page .summary-heading{font-size:11px;line-height:1.3;gap:8px}
.recharge-page .summary-ready{font-size:11px;line-height:1.3;padding:6px 8px}
.recharge-page .summary h2{font-size:25px;line-height:1.2;letter-spacing:-.025em}
.recharge-page .summary-intro{font-size:14px;line-height:1.6;margin-bottom:17px}
.recharge-page .summary-package{gap:12px;padding-bottom:16px;margin-bottom:16px}
.recharge-page .summary-package b{font-size:20px}
.recharge-page .summary-package span{font-size:14px}
.recharge-page .summary dl{gap:9px 12px;line-height:1.45;margin-bottom:18px}
.recharge-page .summary dt,.recharge-page .summary dd{font-size:14px}
.recharge-page .summary .total{font-size:30px;line-height:1.25;margin-bottom:18px}
.recharge-page .summary .check{font-size:13px;line-height:1.65}
.recharge-page .coupon-entry>label,.recharge-page #coupon-status{font-size:13px;line-height:1.5}
.recharge-page .coupon-entry .input{min-height:44px;font-size:15px}
.recharge-page .coupon-entry button{min-height:44px;font-size:13px}
.recharge-page .summary #pay{min-height:50px;font-size:16px}
.recharge-page .recharge-review-link{display:none}
.recharge-page .recharge-history{margin-top:28px;background:#fff;border:1px solid var(--checkout-line);border-radius:var(--checkout-radius);color:var(--checkout-ink)}
.recharge-page .recharge-history>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;cursor:pointer;min-height:72px;padding:20px 24px;font:750 20px/1.3 'Bricolage Grotesque',Arial,sans-serif;color:#22476a}
.recharge-page .recharge-history>summary::-webkit-details-marker{display:none}
.recharge-page .recharge-history>summary::after{content:'+';font-size:26px;line-height:1;font-weight:500;color:#8c652b}
.recharge-page .recharge-history[open]>summary::after{content:'−'}
.recharge-page .recharge-history>summary small{font-size:13px;font-weight:500;color:#52677f}
.recharge-page .recharge-history #order-history{margin:0;padding:0 22px 22px}
.recharge-page .recharge-history #orders-list{background:#f5f8fc;border:1px solid var(--checkout-line);border-radius:12px;padding:20px;box-shadow:none;color:var(--checkout-ink)}
.recharge-page .recharge-history #orders-list .realm-head h2{color:#254864;font-size:21px}
.recharge-page .recharge-history #orders-list .empty{color:#52677f;background:#fff;border-color:#d6e2ef;font-size:14px;line-height:1.7}
.recharge-page .recharge-history .orders{color:#284764}
.recharge-page .recharge-history .orders th{color:#52677f;font:700 12px/1.5 'Bricolage Grotesque',Arial,sans-serif;text-transform:none;letter-spacing:0}
.recharge-page .recharge-history .orders td{color:#254866;font-size:14px;border-color:#d6e2ee}
.recharge-page .recharge-history .orders .mute{color:#52677f;font-size:12px}
.recharge-page .recharge-history .orders a{font:700 13px/1.5 'Bricolage Grotesque',Arial,sans-serif;color:#295f8c;overflow-wrap:anywhere}
@media(min-width:861px) and (max-width:1120px){
 .recharge-page .recharge{grid-template-columns:minmax(0,1.55fr) minmax(285px,.9fr);gap:16px}
 .recharge-page .step{padding:18px}
 .recharge-page .packs{gap:9px}
 .recharge-page .pack .face{padding-inline:8px}
 .recharge-page .pack-amount{font-size:24px}
 .recharge-page .pack .ribbon,.recharge-page .pack:has(input[value='p10000']) .ribbon{font-size:12px;padding-inline:3px;left:5px;right:5px;max-width:calc(100% - 10px)}
 .recharge-page .summary .window-body{padding:18px}
}
@media(max-width:860px){
 .recharge-page .recharge{grid-template-columns:minmax(0,1fr)}
 .recharge-page .summary{position:static;max-height:none;overflow:visible;scroll-margin-top:140px}
 .recharge-page .recharge-hero{grid-template-columns:minmax(0,1.25fr) minmax(170px,.75fr);height:190px;padding:22px;gap:18px}
 .recharge-page .recharge-hero h1{font-size:34px}
 .recharge-page .recharge-hero-art{height:140px}
 .recharge-page .recharge-hero-pills{display:none}
 .recharge-page .recharge-review-link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0 0 16px;padding:11px 16px;border:1px solid #b8cee2;border-radius:10px;background:#edf4fc;color:#24537f;font-size:14px;font-weight:700;text-decoration:none}
 .recharge-page .recharge-review-link:hover{background:#e1edfa;border-color:#7fa3c4}
 .recharge-page .summary .check{font-size:14px}
}
@media(max-width:620px){
 .recharge-page{padding:12px 0 34px}
 .recharge-page .wrap{width:calc(100% - 24px)}
 .recharge-page .recharge-hero{position:relative;grid-template-columns:minmax(0,1fr) 88px;gap:8px;height:166px;padding:18px;border-radius:16px;overflow:hidden}
 .recharge-page .recharge-hero h1{font-size:29px;line-height:1.06;letter-spacing:-.035em;max-width:15ch;margin:0 0 8px}
 .recharge-page .recharge-lead{font-size:12px;line-height:1.5;max-width:27ch}
 .recharge-page .recharge-hero-art{height:112px;width:88px;border:0;object-fit:cover;object-position:69% 50%;border-radius:10px}
 .recharge-page .page-body{padding-top:12px}
 .recharge-page .recharge-flow{padding:9px 10px;margin-bottom:12px;gap:5px}
 .recharge-page .recharge-flow>span{font-size:12px;gap:5px;white-space:nowrap}
 .recharge-page .recharge-flow>span b{font-size:11px;width:23px;height:23px}
 .recharge-page .recharge-flow>i{min-width:3px}
 .recharge-page .recharge-review-link{margin-bottom:12px;min-height:42px;padding:9px 12px;font-size:13px}
 .recharge-page .step{padding:16px;margin-bottom:13px;border-radius:14px}
 .recharge-page .step-title{gap:7px 8px;margin-bottom:12px}
 .recharge-page .step-title .step-n{width:28px;height:28px;min-width:28px;font-size:13px}
 .recharge-page .step-title h2{font-size:21px}
 .recharge-page .step-title p{margin-left:0;font-size:13px;line-height:1.5}
 .recharge-page .char-face{min-height:80px;padding:9px;gap:9px;grid-template-columns:64px minmax(0,1fr)}
 .recharge-page .char-face .char-name{font-size:16px}
 .recharge-page .char-face small{font-size:12px}
 .recharge-page .character-selected{grid-column:2;margin:0;font-size:12px}
 .recharge-page .packs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .recharge-page .pack .face{min-height:206px;padding:34px 9px 10px;gap:2px}
 .recharge-page .pack .coupon-coins{width:44px;height:35px}
 .recharge-page .pack-amount{font-size:26px}
 .recharge-page .pack-unit,.recharge-page .pack-bonus{font-size:13px}
 .recharge-page .pack-total{font-size:12px;line-height:1.35}
 .recharge-page .pack-price{font-size:16px;padding:9px 4px}
 .recharge-page .pack .ribbon,.recharge-page .pack:has(input[value='p10000']) .ribbon{font-size:12px;line-height:1.25;left:5px;right:5px;max-width:calc(100% - 10px);padding:4px 2px}
 .recharge-page .custom-amount{grid-template-columns:minmax(0,1fr);gap:6px;padding-top:14px;margin-top:14px}
 .recharge-page .custom-amount output{font-size:17px;min-height:0}
 .recharge-page .provider .face{padding:12px;gap:3px 9px}
 .recharge-page .provider-methods{font-size:13px}
 .recharge-page .summary .window-body{padding:20px}
 .recharge-page .summary h2{font-size:25px}
 .recharge-page .summary-heading{font-size:11px;flex-wrap:wrap}
 .recharge-page .summary dl{gap:9px 10px}
 .recharge-page .summary dt,.recharge-page .summary dd{font-size:14px}
 .recharge-page .recharge-history{margin-top:22px}
 .recharge-page .recharge-history>summary{min-height:66px;padding:18px;font-size:19px}
 .recharge-page .recharge-history>summary small{display:none}
 .recharge-page .recharge-history #order-history{padding:0 12px 14px}
 .recharge-page .recharge-history #orders-list{padding:14px}
 .recharge-page .recharge-history .table-scroll{overflow:visible}
 .recharge-page .recharge-history .orders,.recharge-page .recharge-history .orders tbody{display:block;width:100%}
 .recharge-page .recharge-history .orders thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .recharge-page .recharge-history .orders tr{display:block;padding:10px 12px;margin:12px 0;background:#fff;border:1px solid #d8e4ef;border-radius:10px}
 .recharge-page .recharge-history .orders td{display:grid;grid-template-columns:76px minmax(0,1fr);gap:6px 12px;padding:8px 0;border:0;text-align:left;font-size:14px;overflow-wrap:anywhere}
 .recharge-page .recharge-history .orders td::before{content:attr(data-label);color:#52677f;font:650 12px/1.5 'Bricolage Grotesque',Arial,sans-serif;text-align:left}
 .recharge-page .recharge-history .orders td:not([data-label]):nth-child(1)::before{content:'Pedido'}
 .recharge-page .recharge-history .orders td:not([data-label]):nth-child(2)::before{content:'Cupons'}
 .recharge-page .recharge-history .orders td:not([data-label]):nth-child(3)::before{content:'Personagem'}
 .recharge-page .recharge-history .orders td:not([data-label]):nth-child(4)::before{content:'Valor'}
 .recharge-page .recharge-history .orders td:not([data-label]):nth-child(5)::before{content:'Situação'}
 .recharge-page .recharge-history .orders td br{display:none}
 .recharge-page .recharge-history .orders td .mute{grid-column:2}
}
@media(max-width:359px){
 .recharge-page .recharge-hero{grid-template-columns:minmax(0,1fr) 64px;padding:16px;gap:5px;height:164px}
 .recharge-page .recharge-hero h1{font-size:26px}
 .recharge-page .recharge-hero-art{width:64px;height:100px}
 .recharge-page .recharge-lead{font-size:12px}
 .recharge-page .recharge-flow{padding:8px;gap:4px}
 .recharge-page .recharge-flow>span{font-size:11px;gap:4px}
 .recharge-page .recharge-flow>span b{width:21px;height:21px;font-size:10px}
 .recharge-page .step{padding:14px}
 .recharge-page .step-title h2{font-size:20px}
 .recharge-page .packs{grid-template-columns:minmax(0,1fr)}
 .recharge-page .pack .face{min-height:168px;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto auto auto auto;column-gap:10px;justify-items:start;padding:34px 14px 12px;text-align:left}
 .recharge-page .pack .coupon-coins{grid-column:1;grid-row:1/5;width:58px;height:52px;align-self:center;justify-self:center}
 .recharge-page .pack-amount{grid-column:2;grid-row:1}
 .recharge-page .pack-unit{grid-column:2;grid-row:2}
 .recharge-page .pack-bonus{grid-column:2;grid-row:3}
 .recharge-page .pack-total{grid-column:2;grid-row:4}
 .recharge-page .pack-price{grid-column:1/-1;grid-row:5;width:100%;text-align:center;margin-top:6px}
 .recharge-page .pack input:checked+.face::after{top:38px;right:10px}
 .recharge-page .coupon-entry>div{gap:6px}
 .recharge-page .coupon-entry button{padding-inline:9px}
}
@media(prefers-reduced-motion:reduce){
 .recharge-page .choice .face,.recharge-page .recharge-review-link{transition:none}
}

.recharge-page .recharge-history{scroll-margin-top:130px}