/* Textured surfaces: restrained star chart, orbital linework and slow motion. */
.home-banner,.fixed-hero,.account-wallet,.rc-balance,.rc-partner-banner,.reward-hero,.wf-balance{position:relative;isolation:isolate;overflow:hidden}
.home-banner:before,.fixed-hero:before,.rc-balance:before,.rc-partner-banner:before,.reward-hero:before,.wf-balance:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#9f789f24 1px,transparent 1.4px);background-size:21px 21px;mask-image:linear-gradient(110deg,transparent 15%,#000 100%)}
.home-banner:after,.fixed-hero:after,.rc-balance:after,.wf-balance:after{content:'';position:absolute;z-index:-1;right:-75px;top:-100px;width:330px;height:330px;border:1px solid #bc9aae30;border-radius:50%;box-shadow:0 0 0 28px #d6b7d711,0 0 0 29px #b9a1c51d,0 0 0 70px #d5c4da0b,0 0 0 71px #baa0c61a;transform:rotate(-25deg) scaleX(.7);animation:wfOrbit 15s ease-in-out infinite alternate;pointer-events:none}
.home-banner{background-image:radial-gradient(ellipse at 90% 15%,#e9e6ff77,transparent 70%),linear-gradient(135deg,#fff6f7,#fceef3)!important}.home-banner .banner-art{background:transparent!important;position:relative}.banner-art>svg{filter:drop-shadow(0 6px 8px #75686e0a)}.account-wallet{background:linear-gradient(120deg,#20212d,#323146)}.account-wallet:before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-radial-gradient(ellipse at 130% 0%,transparent 0px,transparent 21px,#c6b5e51a 22px,transparent 23px),radial-gradient(circle at 85% 20%,#877bc63a,transparent 70%)}.account-wallet:after{border-color:#c5b3eb0b;animation:wfOrbit 15s ease-in-out infinite alternate}.fixed-hero{background:linear-gradient(135deg,#fff2f6,#f4efff)}.rc-balance{background:linear-gradient(130deg,#fff 38%,#fff7fa 100%)}.rc-partner-banner{background:linear-gradient(115deg,#fff,#f5f1ff)}.reward-hero:before{opacity:.45;background-size:18px 18px}.collection-image,.mini,.fixed-card-art,.fixed-main-art{background-color:#e9e6df;background-image:radial-gradient(circle at 1px 1px,#958b7a10 .65px,transparent .9px),linear-gradient(135deg,#f3f0e7aa,transparent);background-size:7px 7px,100% 100%}
@keyframes wfOrbit{to{transform:rotate(12deg) scaleX(.85) translateY(12px)}}
.wf-page{color:#161823;max-width:800px;margin:auto}.wf-title{display:flex;align-items:center;gap:12px;margin:0 0 20px}.wf-title h1{font-family:inherit;font-size:24px;margin:0}.wf-title button{width:30px;height:30px;border:0;border-radius:50%;background:#ffffffb8;font-size:24px;color:#34303e}.wf-title small{display:block;color:#a099a6;font-size:10px;margin-top:7px}.wf-card{background:#fff;border:1px solid #efebf2;border-radius:16px;padding:20px;margin-bottom:14px}.wf-card h2{font-family:inherit;font-size:16px;margin:0 0 17px}.wf-balance{background:linear-gradient(135deg,#fff5f7,#f0edff);border-radius:15px;padding:22px;margin-bottom:14px}.wf-balance span{font-size:11px;color:#9a8499}.wf-balance strong{display:block;font-size:35px;letter-spacing:-1px;margin:12px 0 5px}.wf-balance small{color:#ab9aaf;font-size:10px}.wf-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wf-amounts button{padding:16px 5px;border-radius:11px;border:1px solid #eeeaf2;background:#faf9fc;font-size:20px;font-weight:600;color:#4e4557}.wf-amounts button[aria-pressed=true]{background:#161823;color:#fff;border-color:#161823}.wf-amounts small{font-size:11px}.wf-custom-label{font-size:11px;color:#99909f;margin:18px 0 8px;display:block}.wf-custom{display:flex;align-items:center;border:1px solid #e9e4ed;border-radius:10px;padding:0 13px;background:#faf9fc}.wf-custom span{font-size:20px;color:#95879e}.wf-custom input{min-width:0;width:100%;padding:13px 10px;background:none;border:0;font-size:19px;outline-offset:0;margin:0}.wf-custom:focus-within{border-color:#928695}.wf-method{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid #f2eef5}.wf-method:last-child{border:0}.wf-method input{width:16px;height:16px;margin:0 0 0 auto;accent-color:#161823}.wf-method-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:16px;font-weight:700;background:var(--wf-bg);color:var(--wf-color)}.wf-method-text{font-size:13px;color:#4b4355}.wf-method-text small{display:block;font-size:10px;color:#a298ab;margin-top:5px}.wf-note{font-size:10px;line-height:1.9;color:#a79cac;margin:15px 0}.wf-error{color:#fe2c55;font-size:11px;line-height:1.7;min-height:19px;margin:9px 0}.wf-summary{display:flex;align-items:center;justify-content:space-between;margin:18px 0 13px;font-size:12px;color:#9f94a6}.wf-summary strong{font-size:22px;color:#fe2c55}.wf-submit{font-size:14px;padding:14px;border-radius:12px}.wf-address-card{border:1px solid #eee9f1;background:#fff;border-radius:14px;padding:18px;margin-bottom:11px}.wf-address-name{font-size:15px;font-weight:600;color:#3d3447;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.wf-address-name span{font-size:11px;font-weight:400;color:#9d91a7}.wf-address-detail{font-size:12px;color:#98909f;line-height:1.85;margin:11px 0 14px;overflow-wrap:anywhere}.wf-address-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #f2eef5;padding-top:12px}.wf-default{border:0;background:none;padding:0;color:#9d94a5;font-size:11px}.wf-default[aria-pressed=true]{color:#df3359}.wf-edit{border:1px solid #e4dfe9;border-radius:16px;padding:6px 13px;color:#81728d;background:#fff;font-size:11px}.wf-new{margin-top:17px;padding:14px;font-size:13px}.wf-sheet-backdrop{position:fixed;inset:0;z-index:190;background:#19121f66;display:flex;align-items:center;justify-content:center;padding:18px}.wf-sheet-backdrop[hidden]{display:none}.wf-sheet{background:#fff;border-radius:19px;width:100%;max-width:440px;padding:23px;max-height:90dvh;overflow:auto;color:#332a3c}.wf-sheet-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.wf-sheet h2{font-family:inherit;font-size:21px;margin:0}.wf-sheet-top button{border:0;background:none;color:#a69cae;font-size:25px;padding:0 4px}.wf-field{margin-bottom:14px}.wf-field label{display:block;font-size:12px;color:#8e8198;margin-bottom:7px}.wf-field input,.wf-field select,.wf-field textarea{box-sizing:border-box;width:100%;background:#faf9fc;border:1px solid #e9e4ee;border-radius:9px;padding:11px;font:inherit;font-size:13px;color:#55455f;margin:0}.wf-field textarea{resize:vertical;min-height:75px}.wf-field small{display:block;color:#b1a6b9;font-size:9px;line-height:1.7;margin-top:7px}.wf-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wf-default-check{display:flex;gap:9px;align-items:center;font-size:12px;color:#8a7c94;margin:16px 0}.wf-default-check input{width:17px;height:17px;margin:0;accent-color:#161823}.wf-empty{text-align:center;background:#fff;border-radius:14px;padding:35px 20px}.wf-empty svg{width:40px;height:40px;color:#b8adbf}.wf-empty p{font-size:12px;color:#a398ac;line-height:1.8}.wf-pick-button{border:1px solid #eee6f2;border-radius:12px;background:#fff;padding:14px;margin:0 0 10px;width:100%;text-align:left}.wf-pick-button[aria-pressed=true]{border-color:#161823;background:#faf8fc}.wf-pick-button b{font-size:13px}.wf-pick-button p{font-size:11px;line-height:1.8;color:#a095a9;margin:8px 0 0}.wf-checkout-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #eee8f2;border-radius:10px;background:#faf9fc;margin:16px 0}.wf-checkout-row span{font-size:12px;color:#998ca4;display:block;margin-bottom:5px}.wf-checkout-row b{font-size:12px;line-height:1.8;color:#574a62;display:block;overflow-wrap:anywhere;font-weight:500}.wf-checkout-row button{background:none;border:0;font-size:19px;color:#98869f;padding:7px}.wf-privacy-note{font-size:10px;color:#aaa0b1;line-height:1.8;margin:14px 0 0}.wf-topup-success{text-align:center;padding:12px 0}.wf-topup-success>i{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#eaf8f2;color:#45a37b;font-size:26px;font-style:normal;margin:auto}.wf-topup-success strong{display:block;font-size:30px;margin:19px 0 12px;color:#fe2c55}.wf-topup-success p{font-size:12px;color:#a093a9;line-height:1.8}.wf-result-actions{display:grid;gap:10px;margin-top:22px}
@media(max-width:760px){.wf-card{padding:18px;border:0}.wf-sheet-backdrop{padding:0;align-items:flex-end}.wf-sheet{max-width:100%;border-radius:20px 20px 0 0;padding:22px 20px max(24px,env(safe-area-inset-bottom));max-height:94dvh}.wf-title h1{font-size:23px}.wf-address-card{padding:17px;border:0}.home-banner:after{width:250px;height:250px}.wf-balance{padding:20px}}
@media(prefers-reduced-motion:reduce){.home-banner:after,.fixed-hero:after,.account-wallet:after,.rc-balance:after,.wf-balance:after{animation:none!important}}
@media(max-width:760px){body:has(#page-wallet:not([hidden])){padding-bottom:155px}.wf-paymentbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;position:fixed;bottom:65px;left:0;right:0;padding:12px 16px;background:#fff;border-top:1px solid #efeaf3;z-index:34}.wf-paymentbar .wf-summary{display:grid;gap:5px;margin:0;flex:1;font-size:10px}.wf-paymentbar .wf-error{order:-1;width:100%;margin:0;min-height:0}.wf-paymentbar .wf-error:empty{display:none}.wf-paymentbar .wf-submit{width:58%;font-size:13px;padding:13px 7px}}
/* Fine engraved orbit rings rather than broad colour bands. */
.home-banner:after,.fixed-hero:after,.rc-balance:after,.wf-balance:after{box-shadow:none;background:repeating-radial-gradient(circle at 50% 50%,transparent 0,transparent 27px,#ae8bb827 28px,transparent 29px);opacity:.65}

/* Shared white surfaces for every dialog and bottom sheet. */
.modal,.wf-sheet,.intro-shell,.intro-splash{background:#fff!important;background-image:none!important}
.modal::before,.modal::after,.wf-sheet::before,.wf-sheet::after{background-image:none!important}