/* Original mobile kit textures; reward catalog intentionally shows icons and labels without quantities. */
.classic-credit{position:absolute;left:480px;top:-4px;width:40px;height:40px;border:0;padding:0;background:none;cursor:pointer}.classic-credit img,.m-credit img{width:100%;height:100%;object-fit:contain;display:block}
.m-credit{position:absolute;top:4px;right:calc(var(--safe-r) + var(--map-w,85px) + 10px);width:40px;height:40px;border:0;padding:0;background:none;filter:drop-shadow(0 1px 2px #000c)}
body.mobile-ui .m-mall{right:calc(var(--safe-r) + var(--map-w,85px) + 54px)}body.mobile-ui .m-vip{right:calc(var(--safe-r) + var(--map-w,85px) + 102px)}body.mobile-ui .m-autohunt{right:calc(var(--safe-r) + var(--map-w,85px) + 152px)}
.credit-window{position:absolute;z-index:15;left:50%;top:50%;transform:translate(-50%,-50%);width:min(690px,calc(100% - 24px));height:min(450px,calc(100% - 24px));padding:12px 16px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;min-height:0;background:#101215 url('/ui/mobile/sheetbg.png?v=f16b55896a7aa2db') center/cover;border:1px solid #a8894a88;border-radius:6px;box-shadow:0 10px 40px #000d;--gold:#e2c47c;--gold2:#a8894a;--ink:#efe6cf;--mute:#a59f90;--serif:Palatino,'Book Antiqua',Georgia,serif;color:var(--ink);font:12px/1.4 Arial,sans-serif;text-shadow:none}
.credit-window[hidden]{display:none}.credit-window *{box-sizing:border-box}.credit-window button{appearance:none;cursor:pointer;border:0;color:inherit;font:inherit;background:none;padding:0}.credit-window button:disabled{opacity:.5;cursor:default}.credit-window button:focus-visible,.credit-window input:focus-visible,.classic-credit:focus-visible,.m-credit:focus-visible{outline:none;outline-offset:0}.credit-window h2,.credit-window h3{margin:0;color:var(--gold);font:600 17px var(--serif)}.credit-window .m-title{font-size:20px}.credit-window .m-sheet-head{margin:0;flex:none}.credit-window .m-grow{flex:1}.credit-window .m-btn{min-width:100px;min-height:34px;padding:4px 10px;background:url('/ui/mobile/btnY.png?v=be065432cc957cb3') center/100% 100%;color:#3a2604;font:600 13px var(--serif)}.credit-window .m-btn.blue{background-image:url('/ui/mobile/btnB.png?v=6985addbe008ac4c');color:#152433}.credit-window .m-sheet-head .m-btn{min-width:30px;width:30px;min-height:28px}.credit-window .m-tabs{display:flex;gap:4px}.credit-window .m-tab{width:105px;height:30px;background:url('/ui/mobile/tab.png?v=3b5f3f0e7e8c4f3a') center/100% 100%;color:#1d2b3b;font:600 12px var(--serif)}.credit-window .m-tab.on{background-image:url('/ui/mobile/tabon.png?v=4532b1ded01984c6');color:#2b1d05}.credit-topline{display:flex;justify-content:space-between;align-items:center;gap:8px;flex:none}.credit-reset{text-align:right;font-size:9px}.credit-reset b{display:block;color:#ffe07a;font-size:12px;font-weight:500}.credit-muted{color:var(--mute);font-size:11px}.credit-layout{display:grid;grid-template-columns:175px minmax(0,1fr);gap:10px;flex:1;min-height:0}.credit-list{display:flex;flex-direction:column;gap:4px;overflow:auto}.credit-window .credit-offer{display:flex;align-items:center;gap:8px;text-align:left;padding:5px;min-height:46px;border:0;border-radius:3px}.credit-window .credit-offer.on{background:#e2c47c15;border-color:transparent}.credit-offer small{display:block;color:var(--mute);font-size:10px}.credit-offer b{font:600 12px var(--serif);color:var(--gold)}.credit-slot{width:38px;height:38px;position:relative;flex:none;display:block;background:url('/ui/mobile/islot.png?v=72510857d2f0baaf') center/100% 100%}.credit-slot img{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain}.credit-slot.big{width:58px;height:58px}.credit-detail{overflow:auto;display:flex;flex-direction:column;gap:8px}.credit-who{display:flex;align-items:center;gap:10px}.credit-bound{color:#a8d6a2;font-size:10px}.credit-rewards{display:flex;gap:12px;flex-wrap:wrap}.credit-reward{display:flex;align-items:center;gap:4px}.credit-reward .credit-slot{width:32px;height:32px}.credit-gear{font-size:11px;color:#cfc6b0;white-space:pre-line}.credit-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:7px;border-top:1px solid #ffffff10}.credit-price{color:#ffe07a;font:19px var(--serif)}.credit-price small{display:block;color:var(--mute);font:10px Arial,sans-serif}.credit-bottom{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex:none}.credit-bottom>.credit-warning,.credit-bottom>.credit-error{flex:1}.credit-history{overflow:auto;flex:1;min-height:0}.credit-window .credit-history-row{display:flex;width:100%;text-align:left;gap:10px;align-items:center;padding:8px;border-bottom:1px solid #ffffff18}.credit-history-row small{display:block;color:var(--mute);font-size:11px;overflow-wrap:anywhere}.credit-history-row b{color:var(--gold)}.credit-checkout{overflow:auto;flex:1;display:flex;flex-direction:column;gap:9px;min-height:0}.credit-qr-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px}.credit-qr{width:155px;height:174px;display:block;object-fit:contain;background:white;border-radius:4px}.credit-stack{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.credit-warning{color:#dfc88e;font-size:11px}.credit-error{color:#ff9a8a;font-size:11px}.credit-state{font:17px var(--serif);color:#ffe07a}.credit-overlay{position:absolute;inset:0;background:#000a;display:grid;place-items:center;padding:12px;z-index:2;border-radius:6px}.credit-popup{width:340px;max-width:100%;max-height:100%;overflow:auto;padding:20px;background:#171d22 url('/ui/mobile/tipbg.png?v=bf32ec6cb933e244') center/100% 100%;box-shadow:0 8px 24px #000b;border-radius:5px;display:flex;flex-direction:column;gap:12px}.credit-actions{display:flex;gap:8px}.credit-actions .m-btn{flex:1;min-width:0}.credit-reference{width:100%;min-height:36px;border:1px solid #a8894a66;background:#111 url('/ui/mobile/input.png?v=12bd0780715989da') center/100% 100%;color:var(--ink);padding:5px 9px;font:14px Arial,sans-serif}
@media(max-width:500px){.credit-window{width:calc(100% - 8px);height:calc(100% - 12px);padding:8px;gap:7px}.credit-layout{grid-template-columns:1fr;grid-template-rows:65px minmax(0,1fr);gap:6px}.credit-list{flex-direction:row;overflow-x:auto}.credit-window .credit-offer{min-width:57px;flex:1;flex-direction:column;gap:0;padding:2px;justify-content:center}.credit-offer small{display:none}.credit-offer b{font-size:10px}.credit-offer .credit-slot{width:32px;height:32px}.credit-window .m-tab{width:90px}.credit-window .m-sheet-head>.credit-muted{font-size:10px}.credit-reset b{font-size:10px}.credit-who h3{font-size:15px}.credit-qr-layout{grid-template-columns:135px minmax(0,1fr);gap:10px}.credit-qr{width:130px;height:154px}.credit-rewards{gap:8px}}
@media(max-height:430px){.credit-window{height:calc(100% - 8px);padding:6px 10px;gap:4px}.credit-window .m-sheet-head{height:26px}.credit-window .m-title{font-size:17px}.credit-window .m-btn{min-height:28px}.credit-window .m-tab{height:25px}.credit-reset{font-size:8px}.credit-reset b{font-size:10px}}
.credit-prize-row{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:12px;border-bottom:1px solid #ffffff18}
/* The game-wide Courier font also targets every descendant; match the current mobile kit explicitly. */
.credit-window,.credit-window *{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important}
.credit-window :is(h2,h3,.m-title,.m-btn,.m-tab,.credit-offer b,.credit-price,.credit-state){font-family:var(--serif)!important}
/* Keep the quoted amount and purchase action visible even when the description needs to scroll. */
.credit-detail{overflow:hidden;gap:6px}.credit-description{display:flex;flex-direction:column;gap:8px;overflow:auto;min-height:0;flex:1}.credit-purchase{flex:none;display:flex;flex-direction:column;gap:5px}.credit-purchase .credit-foot{margin-top:0}.credit-purchase>.credit-muted{font-size:10px}
@media(max-height:430px){.credit-detail{padding:12px 11px 8px;gap:5px}.credit-description{gap:5px}.credit-description .credit-slot.big{width:46px;height:46px}.credit-description .credit-who h3{font-size:15px}.credit-description .credit-muted,.credit-description .credit-gear{font-size:10px}.credit-purchase .credit-foot{padding-top:4px}.credit-purchase .credit-price{font-size:18px}}
.inventory-confirm.inventory-credit-picker section{width:min(630px,calc(100% - 20px));max-height:calc(100% - 16px);overflow:auto;padding:16px;font-family:system-ui,sans-serif}.inventory-credit-picker section p{font:12px/1.4 system-ui,sans-serif;margin-bottom:10px}.inventory-credit-picker section>.inventory-credit-choices{display:block;max-height:38vh;overflow:auto;margin-bottom:12px;font:12px system-ui,sans-serif}.inventory-credit-choices h3{margin:10px 0 6px;color:#e7ce8c;font:600 14px Georgia,serif}.inventory-credit-choices h3.inventory-credit-level{margin-top:14px;padding-bottom:3px;border-bottom:1px solid #655d45;font-size:15px}.inventory-credit-choices strong+h3.inventory-credit-level{margin-top:8px}.inventory-credit-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.inventory-credit-options button{display:flex;align-items:center;gap:7px;min-width:0;min-height:52px;padding:5px;background:#111b20;border:1px solid #655d45;border-radius:3px;color:#efe6cf;text-align:left;font:12px system-ui,sans-serif}.inventory-credit-options button[aria-pressed=true]{border-color:#e7ce8c;background:#bca56b29}.inventory-credit-options img{width:36px;height:36px;object-fit:contain;background:url('/ui/mobile/islot.png?v=72510857d2f0baaf') center/100%}.inventory-credit-options small{display:block;font:10px system-ui,sans-serif;color:#a8d6a2}.inventory-credit-picker [data-drop-confirm]:disabled{opacity:.45;cursor:default}
@media(max-width:420px){.inventory-credit-options{grid-template-columns:1fr}.inventory-confirm.inventory-credit-picker section{padding:12px}}
.inventory-credit-picker,.inventory-credit-picker *{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important}.inventory-credit-picker :is(h2,h3,[data-drop-confirm],[data-drop-cancel]){font-family:Georgia,serif!important}
/* Credit CP shop. Selection opens a native dialog; no focus or selection outlines. */
.credit-window{width:min(736px,calc(100% - 24px));height:min(540px,calc(100% - 24px));border:0}
.credit-window *,.credit-window *:focus,.credit-window *:focus-visible,.credit-window *:active,.classic-credit,.classic-credit:focus,.classic-credit:focus-visible,.m-credit,.m-credit:focus,.m-credit:focus-visible{outline:none!important;outline-offset:0!important;-webkit-tap-highlight-color:transparent}
.credit-window .m-tabs{gap:4px;flex-wrap:wrap}.credit-window .m-tab{width:auto;padding:0 12px;white-space:nowrap}
.credit-cp-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(145px,1fr);gap:8px;flex:1;min-height:0;overflow:auto;padding:3px 2px 7px;scrollbar-width:thin;scrollbar-color:#9e8954 #1118}
.credit-window .credit-cp-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;padding:15px 7px 12px;border:0;border-radius:4px;background:#151c20 url('/ui/mobile/card.png?v=ea1529f9c8e23a06') center/100% 100%;text-align:center;box-shadow:none}
.credit-window .credit-cp-tile:hover{background-color:#252b2c}.credit-cp-tile img{width:90px;height:72px;max-width:100%;object-fit:contain}.credit-cp-tile b{font:700 15px var(--serif);color:var(--gold)}.credit-cp-tile small{font-size:12px;color:#ffe07a}.credit-topup-icon{width:145px;height:115px;object-fit:contain;align-self:center}.credit-popup:has(.credit-topup-icon){text-align:center}.credit-popup:has(.credit-topup-icon) .credit-price{font-size:23px}.credit-progress{display:flex;flex-direction:column;gap:6px;padding:12px;background:url('/ui/mobile/card.png?v=ea1529f9c8e23a06') center/100% 100%;margin-bottom:8px}.credit-reward-row{display:flex;align-items:center;gap:10px;padding:10px 3px}.credit-reward-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.credit-reward-info h3{font-size:14px}.credit-reward-info .credit-rewards{gap:7px}.credit-reward-info .credit-reward .credit-slot{width:24px;height:24px}.credit-reward-info .credit-reward .credit-muted{font-size:9px}.credit-reward-row>.m-btn{font-size:11px;min-width:110px;max-width:135px}.credit-prize-row+.credit-history{overflow:visible;flex:none}
.credit-window .credit-offer,.credit-window .credit-offer.on{border:0;box-shadow:none}.credit-reference{border:0}.inventory-credit-options button,.inventory-credit-options button[aria-pressed=true]{border:0;outline:none;box-shadow:none}.inventory-credit-picker *:focus,.inventory-credit-picker *:focus-visible{outline:none!important}
@media(max-width:560px){.credit-window{width:calc(100% - 8px);height:calc(100% - 12px);padding:10px}.credit-topline{align-items:flex-start;flex-direction:column}.credit-window .m-tabs{width:100%}.credit-window .m-tab{flex:1;padding:0 5px;font-size:11px}.credit-reset{text-align:left;display:flex;gap:5px;flex-wrap:wrap;align-items:center}.credit-reset b{font-size:10px}.credit-cp-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:136px}.credit-cp-tile img{width:91px;height:62px}.credit-reward-row{gap:6px}.credit-reward-row>.credit-slot{width:32px;height:32px}.credit-reward-row>.m-btn{min-width:84px;max-width:100px;padding:3px;font-size:10px}.credit-reward-info h3{font-size:12px}.credit-reward-info .credit-muted{font-size:10px}}
@media(max-height:430px) and (min-width:561px){.credit-window{height:calc(100% - 8px);padding:7px 10px}.credit-cp-grid{grid-auto-rows:130px}.credit-cp-tile img{height:59px}.credit-window .credit-cp-tile{padding:10px 6px}}
/* Keep all ten quotes fully visible on the landscape mobile HUD. */
@media(max-height:430px) and (min-width:561px){.credit-cp-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:auto}.credit-window .credit-cp-tile{padding:7px 6px;gap:4px}.credit-cp-tile img{height:46px;width:80px}.credit-cp-tile b{font-size:14px}.credit-cp-tile small{font-size:11px}.credit-popup:has(.credit-topup-icon){gap:8px;padding:16px 20px}.credit-popup .credit-topup-icon{height:70px}.credit-popup:has(.credit-topup-icon) .credit-price{font-size:21px}}

/* Donation Points Shop tab: the amount row in the purchase confirmation. */
.credit-dp-amount{display:flex;gap:8px;align-items:center;justify-content:center}
.credit-dp-amount .m-btn{flex:none;width:44px;min-width:0}
.credit-dp-amount input{width:80px;text-align:center}