.wallet-pill{height:35px;padding:0 12px;border:1px solid rgba(244,201,105,.22);border-radius:99px;background:rgba(230,174,70,.065);color:#c5aa70;display:flex;align-items:center;gap:6px;cursor:pointer;transition:.2s}
.wallet-pill:hover{color:#ffe3a4;border-color:rgba(244,201,105,.4);background:rgba(230,174,70,.11)}
.wallet-pill i{font-style:normal;font-size:10px}.wallet-pill b{font-size:10px;font-weight:600}.wallet-pill span{font-size:8px;color:#75684c}
.wallet-panel{margin:34px 0 0;min-height:128px;padding:25px 28px;display:grid;grid-template-columns:52px 190px 1fr auto;align-items:center;gap:22px;border:1px solid rgba(238,195,100,.14);background:linear-gradient(110deg,rgba(219,166,64,.08),rgba(145,103,226,.035));position:relative;overflow:hidden}
.wallet-panel:after{content:"";position:absolute;width:260px;height:260px;right:-130px;top:-150px;border:1px solid rgba(240,201,116,.1);border-radius:50%}
.wallet-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(243,200,108,.25);color:#e0bd72;background:rgba(225,173,69,.07);box-shadow:0 0 28px rgba(231,178,77,.08)}
.wallet-balance{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.wallet-balance>span{width:100%;font:8px monospace;color:#76674d;letter-spacing:.13em}.wallet-balance b{font-size:28px;font-weight:300;color:#ebd29a}.wallet-balance small{font-size:8px;color:#74684e}
.wallet-panel>p{font-size:10px;line-height:1.7;color:#756f78;max-width:350px}
.wallet-panel>button{position:relative;z-index:1;height:38px;padding:0 15px;border:1px solid rgba(239,197,108,.25);background:rgba(218,166,63,.08);color:#d7b970;font-size:9px;display:flex;align-items:center;gap:8px;cursor:pointer}
.purchase-details{grid-template-columns:1fr 1fr!important;gap:17px 20px}
.purchase-details span:last-child{grid-column:auto!important}.purchase-button{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 25%,#15101c),#17131e);font-weight:500}
.modal{height:min(680px,calc(100vh - 40px));max-height:calc(100vh - 40px)}
.modal-art{height:100%;min-height:0}
.modal-info{height:100%;min-height:0;overflow-y:auto;padding:38px 40px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.13) transparent}
.modal-info .modal-index{margin-bottom:26px}.modal-info h4{margin-bottom:22px}.modal-info>p{line-height:1.75}.modal-info blockquote{margin:18px 0}.modal-info .detail-row{margin:8px 0 20px;padding:14px 0}.modal-save{min-height:46px;flex:0 0 46px}
.recharge-modal{width:min(760px,100%);max-height:86vh;overflow-y:auto;background:#0e0e15;border:1px solid rgba(255,255,255,.13);box-shadow:0 40px 120px #000}
.recharge-head{padding:38px 42px 30px;position:relative;border-bottom:1px solid var(--line);background:radial-gradient(circle at 90% 10%,rgba(232,182,78,.12),transparent 35%)}
.recharge-head h2{font-size:31px;font-weight:300;margin:16px 0 10px}.recharge-head>p{font-size:11px;line-height:1.8;color:#77717d;max-width:500px;margin:0}.recharge-head>small{display:block;margin-top:13px;color:#a8894c;font-size:9px}.recharge-head>small b{color:#dfbb70}.recharge-balance{position:absolute;right:42px;top:38px;text-align:right}.recharge-balance span{display:block;font-size:7px;color:#625a4b;letter-spacing:.12em;margin-bottom:7px}.recharge-balance b{color:#e1c17c;font-size:15px;font-weight:400}
.recharge-flow{padding:7px 42px 25px}.recharge-flow article{display:grid;grid-template-columns:35px 1fr;gap:15px;padding:27px 0;border-bottom:1px solid rgba(255,255,255,.07)}.recharge-flow article>i{width:28px;height:28px;border:1px solid rgba(229,187,101,.2);border-radius:50%;display:grid;place-items:center;color:#927b4f;font:8px monospace}.recharge-flow h3{font-size:14px;font-weight:400;margin:3px 0 8px}.recharge-flow p{font-size:9px;color:#68626d;line-height:1.7;margin:0 0 13px}.recharge-flow a{width:max-content;height:36px;padding:0 13px;border:1px solid rgba(232,189,99,.26);background:rgba(218,166,64,.07);color:#d1af67;text-decoration:none;font-size:9px;display:flex;align-items:center;gap:8px}.recharge-flow article small{display:block;margin-top:9px;color:#4e4952;font-size:7px}.recharge-flow form label{display:grid;grid-template-columns:1fr 92px;max-width:420px}.recharge-flow input{height:39px;border:1px solid rgba(255,255,255,.11);background:#09090e;color:#e1dce5;padding:0 12px;outline:0;text-transform:uppercase}.recharge-flow input:focus{border-color:rgba(227,185,98,.36)}.recharge-flow form label button{border:0;background:linear-gradient(120deg,#ead29b,#b78f45);color:#171109;font-size:9px;cursor:pointer}.redeem-status{max-width:420px;margin-top:10px;padding:0;font-size:9px;line-height:1.7}.redeem-status.error,.redeem-status.success{padding:10px 12px;border:1px solid}.redeem-status.error{color:#d38496;border-color:rgba(222,104,132,.22);background:rgba(215,76,109,.05)}.redeem-status.success{color:#b8d6b3;border-color:rgba(132,203,119,.22);background:rgba(101,186,86,.05)}.redeem-status.success b{color:#e3c77f}.redeem-status button{float:right;border:0;background:transparent;color:#d7b96e;font-size:8px;cursor:pointer;padding:1px 0}.recharge-note{margin:0 42px 34px;padding:13px 15px;background:rgba(255,255,255,.02);color:#57515c;font-size:8px;line-height:1.7}
@media(max-width:1100px){.wallet-pill span{display:none}.wallet-panel{grid-template-columns:52px 170px 1fr auto}}
@media(max-width:720px){.wallet-pill{padding:0 9px}.wallet-pill i{display:none}.wallet-panel{grid-template-columns:44px 1fr auto;padding:20px 16px;gap:13px}.wallet-mark{width:40px;height:40px}.wallet-balance b{font-size:22px}.wallet-panel>p{grid-column:1/-1;margin:0}.wallet-panel>button{grid-column:1/-1;justify-content:center}.recharge-head{padding:32px 22px 24px}.recharge-balance{position:static;text-align:left;margin-top:20px}.recharge-flow{padding:4px 22px 20px}.recharge-flow article{grid-template-columns:28px 1fr;gap:10px}.recharge-flow form label{grid-template-columns:1fr}.recharge-flow form label button{height:38px}.recharge-note{margin:0 22px 25px}.purchase-details{grid-template-columns:1fr!important}.purchase-details span:last-child{grid-column:auto!important}.modal{height:auto;max-height:88vh;overflow-y:auto}.modal-art{height:auto;min-height:380px}.modal-info{height:auto;overflow:visible;padding:35px 28px}}