/* Wayward wallet: lightweight, transform-only motion; bank information never scrolls internally. */
.wallet-v2{--wallet-line:#304455;padding-top:32px;position:relative;isolation:isolate}.wallet-v2:before{display:none;content:'';position:absolute;z-index:-1;inset:0 -20px auto;height:460px;pointer-events:none;background:radial-gradient(ellipse at 15% 10%,#1b656b33,transparent 55%),radial-gradient(ellipse at 75% 0%,#51477a22,transparent 55%)}
.wallet-intro{display:grid;grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);align-items:center;gap:24px;padding:34px;margin-bottom:28px;border:1px solid #31515b;border-radius:24px;background:linear-gradient(115deg,#142b32e8,#152436d9);overflow:hidden;position:relative}.wallet-intro:after{content:'';pointer-events:none;position:absolute;width:220px;height:220px;right:220px;top:-110px;transform:rotate(45deg);border:1px solid #8dcac91a}.wallet-hero-copy{z-index:1}.wallet-intro h1{font-size:clamp(31px,3.2vw,46px);line-height:1.2;letter-spacing:-1.3px;margin:14px 0 18px}.wallet-intro h1 em{font-style:normal;color:#83e9d3}.wallet-intro p{font-size:14px;line-height:1.9;color:#a3bccc}.wallet-hero-tags{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}.wallet-hero-tags>span{display:inline-flex;gap:6px;align-items:center;font-size:11px;color:#b2d3d6}.wallet-hero-tags svg{width:15px;height:15px;color:#70d8c7}.wallet-intro-links{display:flex;gap:22px;margin-top:22px;font-size:13px}.wallet-hero-art{position:relative;display:grid;place-items:center;min-height:245px}.wallet-hero-art>img{position:relative;width:300px;height:215px;object-fit:cover;z-index:1;max-width:none}.hero-orbit{position:absolute;width:220px;height:220px;border:1px solid #64d4c635;border-radius:50%;background:radial-gradient(circle,#53c8c31a,transparent 70%)}.hero-orbit:after{content:'';position:absolute;inset:18px;border:1px dashed #64d4c624;border-radius:50%}.hero-block{position:absolute;width:45px;height:45px;display:grid;place-items:center;background:#285b5c;border:1px solid #5db7aa;border-radius:10px;color:#a8ffe1;z-index:2;transform:rotate(-12deg)}.hero-block svg{width:28px;height:28px}.block-one{bottom:5px;left:18px}.block-two{top:6px;right:0;transform:rotate(14deg);background:#504267;color:#e0c8ff;border-color:#8e77b2;width:34px;height:34px}.block-two svg{width:22px;height:22px}
.wallet-balance{justify-self:end;width:245px;max-width:100%;box-sizing:border-box;position:relative;z-index:1;padding:24px;border:1px solid #466c6c;border-radius:18px;background:linear-gradient(145deg,#244744aa,#1d2e3f);box-shadow:0 10px 24px #0002}.wallet-balance>span{display:flex;align-items:center;gap:9px;margin-bottom:22px;font-size:13px}.wallet-balance .avatar{width:30px;height:30px;border-radius:9px}.wallet-balance>small{font-size:12px;color:#a6c3cd}.wallet-balance>div{font-size:35px;font-weight:800;color:#c8ffed;margin-top:7px}.wallet-balance>div span{font-size:13px;font-weight:500;color:#a6c8c4}.wallet-balance>.link{display:block;margin-top:20px;font-size:12px}
.wallet-method-tabs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 22px}.wallet-method-tabs>button{display:flex;align-items:center;gap:14px;text-align:left;color:#edf7ff;padding:20px 23px;border:1px solid #344d65;background:linear-gradient(115deg,#182f40,#202b42);border-radius:16px;cursor:pointer}.wallet-method-tabs>button:nth-child(2){background:linear-gradient(115deg,#2d2d25,#202b32);border-color:#544d3c}.wallet-method-tabs>button[aria-selected=true]{border-color:#69d5c4;box-shadow:inset 0 -3px #69d5c4}.wallet-method-tabs>button:nth-child(2)[aria-selected=true]{border-color:#d2b371;box-shadow:inset 0 -3px #d2b371}.wallet-method-tabs strong{display:block;font-size:16px}.wallet-method-tabs small{display:block;font-size:12px;color:#9eb6c5;margin-top:6px}.wallet-method-tabs .badge{margin-left:auto;white-space:nowrap}.method-symbol{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#65cdbd15;color:#8cdece;flex-shrink:0}.instant-credit{display:inline-flex;align-items:center;gap:6px;background:#24685565;border:1px solid #448b75;color:#b2ffda;white-space:nowrap}.instant-credit:before{content:'';width:5px;height:5px;border-radius:50%;background:#9af7c1}
.wallet-v2 [hidden]{display:none!important}.wallet-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start;margin-bottom:26px}.wallet-main.box{padding:30px}.wallet-main h2{font-size:27px;margin:10px 0 0;letter-spacing:-.6px}.wallet-main>.section-title{margin-bottom:20px;align-items:center}.wallet-main p{font-size:14px;line-height:1.95}.credit-packages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0}.credit-packages article{padding:18px 14px 14px;border:1px solid #365a66;border-radius:15px;background:linear-gradient(145deg,#1c3c48,#182936);box-shadow:0 6px 18px #0002}.credit-packages article:nth-child(2){background:linear-gradient(145deg,#233e57,#192b3d)}.credit-packages article:nth-child(3){background:linear-gradient(145deg,#3b3057,#222d40);border-color:#61537e}.credit-packages article:nth-child(4){background:linear-gradient(145deg,#49402a,#263431);border-color:#746242}.package-symbol{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;color:#9aead3;background:#81ebce14}.credit-packages article:nth-child(3) .package-symbol{color:#d3bbff;background:#bf9cff18}.credit-packages article:nth-child(4) .package-symbol{color:#f3d492;background:#eed49218}.credit-packages article>span:not(.package-symbol){display:block;font-size:11px;color:#aac2d1;margin-top:20px}.credit-packages strong{display:block;font-size:31px;letter-spacing:-1px;color:#e2fff5;margin:8px 0 20px}.credit-packages strong small{display:block;font-size:12px;font-weight:500;color:#a4bdcb;letter-spacing:0;margin-top:4px}.credit-packages article:nth-child(3) strong{color:#e6d6ff}.credit-packages article:nth-child(4) strong{color:#ffe0a1}.credit-packages .btn{width:100%;font-size:11px;padding:11px 5px;min-height:40px}.wallet-v2 .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.wallet-caption{display:block;font-size:12px;color:#99b1c3;line-height:1.85;margin-top:14px}
.wallet-side{padding:24px;border:1px solid #3a5361;border-radius:20px;background:linear-gradient(155deg,#203c48,#162636);overflow:hidden}.wallet-crest{position:relative;display:grid;place-items:center;height:170px;margin:-8px -10px 18px}.wallet-crest>span{position:absolute;width:150px;height:150px;border:1px solid #7bded72a;border-radius:50%;background:radial-gradient(circle,#79e2da15,transparent 70%)}.wallet-side-logo{position:relative;width:260px;height:180px;object-fit:cover;max-width:none}.wallet-side h3{font-size:23px;line-height:1.4;margin:13px 0 22px;letter-spacing:-.5px}.wallet-timeline{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px}.wallet-timeline li{display:flex;gap:12px;padding:13px 12px;border:1px solid #46617266;border-radius:12px;background:#0e1e2b55}.wallet-timeline b{color:#a1e9d9;font-size:13px;letter-spacing:1px;padding-top:2px}.wallet-timeline strong{font-size:13px}.wallet-timeline p{font-size:12px;color:#a8bac9;line-height:1.7;margin:4px 0 0}.wallet-side>.btn{gap:12px}.wallet-side>.btn svg{width:17px;height:17px}.provider-tip{display:flex;gap:13px;padding:17px;border:1px solid #36566e;border-radius:12px;background:#163044;margin:22px 0}.provider-mark{display:grid;place-items:center;flex-shrink:0;width:34px;height:38px;background:#1481b8;border-radius:7px;color:#fff;font-size:26px;font-style:italic;font-weight:800}.provider-tip strong{font-size:14px}.provider-tip p{font-size:12px;margin:6px 0 0;line-height:1.8}
.wallet-v2 .amount-picks{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.wallet-v2 .amount-picks button{padding:13px 7px;font-size:14px}.bonus-preview{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center;padding:22px;border:1px solid #4b7c61;border-radius:15px;background:linear-gradient(130deg,#183b31,#19352e);margin:22px 0}.bonus-preview small{display:block;font-size:12px;color:#a5c9b3}.bonus-preview strong{display:block;font-size:28px;color:#d7ffe4;margin-top:8px}.bonus-arrow{font-size:24px;color:#8cddaf}.bonus-preview p{grid-column:1/-1;padding-top:14px;border-top:1px solid #72a78333;margin:0;color:#a7eac0;font-size:13px}.bank-side{border-color:#6b5b3c;background:linear-gradient(145deg,#393422,#192e34)}.bank-side>.eyebrow{color:#f2d590}.bank-side>p{font-size:14px;line-height:1.9}.bank-advantage-art{display:flex;gap:16px;align-items:center;padding:15px 0 22px;color:#f5d28d}.bank-advantage-art>svg{width:42px;height:42px}.bank-advantage-art strong{font-size:58px;line-height:1;letter-spacing:-3px}.bank-advantage-art small{font-size:27px;letter-spacing:0;margin-left:3px}.receipt-callout{padding:18px;border:1px solid #806b42;border-radius:12px;background:#caa55212;margin-top:22px}.receipt-callout strong{color:#f2d69a;font-size:14px}.receipt-callout p{font-size:13px;line-height:1.85;margin:9px 0 12px}.receipt-callout .link{font-size:12px}
.bank-info-card{margin-top:26px;border:1px solid #4b726b;border-radius:16px;background:linear-gradient(145deg,#162e33,#142631);padding:24px;overflow:visible;max-height:none}.bank-info-heading{display:flex;gap:13px;align-items:center;padding-bottom:20px;border-bottom:1px solid #3d5b644d}.bank-info-heading .icon{background:#6dd6bf18;color:#88e6ce;width:38px;height:38px}.bank-info-heading h3{font-size:20px;margin:7px 0 0}.bank-info-heading .eyebrow{font-size:9px}.bank-recipient{padding:20px 0}.bank-recipient small,.iban-copy-row small{display:block;font-size:12px;color:#a0bdc8;margin-bottom:8px}.bank-recipient strong{font-size:17px;font-weight:600}.iban-copy-row{display:flex;gap:16px;align-items:center;justify-content:space-between;border:1px solid #3b5f6d;background:#0c1c29;border-radius:12px;padding:17px}.iban-copy-row strong{font-size:clamp(12px,1.25vw,16px);font-weight:600;letter-spacing:.8px;overflow-wrap:anywhere;color:#d3f6ed}.copy-iban-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #518e81;border-radius:9px;background:#254e47;color:#caffec;padding:12px 14px;font-size:12px;white-space:nowrap;cursor:pointer;flex-shrink:0}.copy-iban-button svg{width:16px;height:16px}.bank-nick-note{display:flex;gap:10px;align-items:center;padding:17px 0;color:#b7dfd7}.bank-nick-note>svg{flex-shrink:0;color:#8fddca}.bank-nick-note p{font-size:13px;margin:0}.bank-receipt-note{padding-top:16px;border-top:1px solid #3d5b644d}.bank-receipt-note p{font-size:13px;margin:0 0 12px;line-height:1.85}.bank-receipt-note .link{font-size:13px}
.redeem-box{display:grid;grid-template-columns:215px minmax(0,1fr);gap:32px;border:1px solid #557077;border-radius:22px;background:linear-gradient(115deg,#1a3c3a,#1c3146);overflow:hidden;scroll-margin-top:30px;position:relative}.redeem-visual{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:280px;background:linear-gradient(150deg,#3e87733d,#39527738);border-right:1px dashed #81c3b45c}.redeem-visual:before,.redeem-visual:after{content:'';position:absolute;right:-11px;width:22px;height:22px;background:#0c1722;border:1px solid #547475;border-radius:50%}.redeem-visual:before{top:-12px}.redeem-visual:after{bottom:-12px}.redeem-token{display:grid;place-items:center;width:92px;height:92px;border:1px solid #83d4bca1;border-radius:24px;background:linear-gradient(145deg,#417e68,#294f55);transform:rotate(-12deg);box-shadow:8px 10px 0 #0a1a252a}.redeem-token svg{width:47px;height:47px;color:#c7fce4}.redeem-stamp{font-size:13px;letter-spacing:3px;color:#a3daca;line-height:1.8;margin-top:25px}.redeem-stamp strong{font-size:10px;letter-spacing:5px;font-weight:500;color:#82b7b0}.redeem-spark{position:absolute;color:#f6d68d;font-size:26px}.spark-one{top:30px;right:28px}.spark-two{top:110px;left:22px;font-size:19px;color:#a1e8dc}.redeem-content{padding:30px 32px 30px 0}.redeem-topline{display:flex;align-items:center;gap:15px;justify-content:space-between}.redeem-topline .eyebrow{font-size:10px}.redeem-content h2{font-size:28px;margin:16px 0 10px;letter-spacing:-.6px}.redeem-content>p{font-size:14px;color:#aec7d6}.redeem-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:22px}.redeem-form .field{margin:0}.redeem-form .field label{font-size:12px}.redeem-form input{background:#0d2130;border-color:#4e6d7b;font-size:17px;padding:16px 18px;letter-spacing:1px;min-width:0}.redeem-form .form-actions{margin:0;display:contents}.redeem-form .btn{min-height:56px;padding:16px 24px;gap:12px}.redeem-form .btn svg{width:18px;height:18px}.redeem-form .form-result{grid-column:1/-1}.redeem-account{display:flex;align-items:center;gap:9px;margin-top:19px;color:#adc7cd;font-size:12px}.redeem-account .avatar{width:25px;height:25px;border-radius:7px}.redeem-account>svg{width:16px;height:16px;margin-left:auto;color:#93cfb9}
.credit-guide{padding:38px 0 22px;scroll-margin-top:30px}.credit-guide h2{font-size:26px;margin:10px 0}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.guide-card{padding:22px 18px;border:1px solid #304658;border-top:2px solid #6ebfa9;border-radius:14px;background:#132330}.guide-card:nth-child(2){border-top-color:#6e9bc2}.guide-card:nth-child(3){border-top-color:#a494cb}.guide-card:nth-child(4){border-top-color:#c6b078}.guide-illustration{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.guide-illustration svg{width:26px;height:26px;color:#8edacb}.guide-illustration>span{font-size:25px;font-weight:800;color:#577183}.guide-card h3{font-size:15px;line-height:1.6}.guide-card p{font-size:13px;line-height:1.9;margin-bottom:0;color:#a4b9ca}.wallet-activity-link{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid #314b5c;border-radius:15px;background:#152633;margin:12px 0}.wallet-activity-link>.icon{color:#88d8c9}.wallet-activity-link h3{font-size:17px;margin:0 0 6px}.wallet-activity-link p{font-size:13px;margin:0}.wallet-activity-link>.btn{margin-left:auto;gap:10px;white-space:nowrap}
.receipt-upload{margin:18px 0;padding:18px;border:1px dashed #3a6068;border-radius:12px;background:#101e29}.receipt-upload input{padding:12px;font-size:13px;max-width:100%}.receipt-upload small{display:block;font-size:12px;color:#9fb4c7;margin-top:10px;line-height:1.8}.attachment-link{display:inline-flex;gap:8px;align-items:center;color:#73ded6;padding:12px 16px;margin-top:12px;background:#1b383f;border:1px solid #2a555b;border-radius:10px;font-size:13px}.wallet-method-tabs>button:focus-visible,.copy-iban-button:focus-visible{outline:2px solid #a3f3db;outline-offset:3px}
@media(max-width:1150px){.wallet-intro{grid-template-columns:minmax(0,1fr) 260px minmax(0,1fr);padding:26px;gap:15px}.wallet-hero-art>img{width:260px;height:185px}.wallet-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.wallet-main.box{padding:24px}.credit-packages{grid-template-columns:repeat(2,1fr)}.credit-packages strong small{display:inline;margin-left:5px}.wallet-side-logo{width:245px;height:170px}.guide-grid{grid-template-columns:repeat(2,1fr)}.iban-copy-row{align-items:flex-start;flex-direction:column}.iban-copy-row strong{font-size:16px}.redeem-box{grid-template-columns:165px minmax(0,1fr);gap:25px}.redeem-content{padding-right:24px}.redeem-content h2{font-size:25px}}
@media(max-width:850px){.wallet-intro{grid-template-columns:minmax(0,1fr) 240px}.wallet-hero-art{grid-column:2;grid-row:1;min-height:210px}.wallet-balance{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 15px;padding:20px}.wallet-balance>span{margin:0;grid-row:1/3}.wallet-balance>small{grid-column:2}.wallet-balance>div{grid-column:2;font-size:28px;margin:0}.wallet-balance>.link{grid-column:1/-1;margin:8px 0 0}.wallet-workspace{grid-template-columns:1fr}.wallet-side{display:block}.wallet-crest{height:155px}.wallet-side-logo{width:270px;height:175px}.wallet-timeline{grid-template-columns:repeat(3,1fr)}.store-roadmap>.eyebrow,.store-roadmap>h3{text-align:center}.wallet-timeline li{flex-direction:column;gap:5px}.bank-advantage-art{justify-content:center}.bank-side>h3,.bank-side>.eyebrow{text-align:center}.iban-copy-row{flex-direction:row;align-items:center}.wallet-method-tabs>button{padding:18px 15px;gap:10px}.wallet-method-tabs strong{font-size:14px}.wallet-method-tabs .badge{font-size:10px}.method-symbol{width:32px;height:32px}}
@media(max-width:600px){.wallet-intro{grid-template-columns:1fr;padding:24px}.wallet-hero-art{grid-column:1;grid-row:1;min-height:195px}.wallet-hero-art>img{width:300px;height:210px}.hero-orbit{width:185px;height:185px}.hero-block.block-one{left:calc(50% - 115px)}.hero-block.block-two{right:calc(50% - 120px)}.wallet-intro h1{font-size:34px}.wallet-hero-copy{text-align:center}.wallet-intro-links,.wallet-hero-tags{justify-content:center}.wallet-intro p{font-size:13px}.wallet-balance{padding:18px;margin-top:8px}.wallet-method-tabs{gap:10px}.wallet-method-tabs>button{flex-wrap:wrap;align-content:start}.wallet-method-tabs .badge{margin:0}.wallet-method-tabs strong{font-size:13px}.wallet-method-tabs small{font-size:11px}.method-symbol{display:none}.wallet-main.box{padding:22px}.wallet-main>.section-title{flex-direction:column;align-items:flex-start;gap:12px}.wallet-main h2{font-size:24px}.wallet-timeline{grid-template-columns:1fr}.wallet-timeline li{flex-direction:row;gap:13px;padding:14px}.redeem-box{grid-template-columns:1fr;gap:0}.redeem-visual{min-height:150px;border-right:0;border-bottom:1px dashed #81c3b45c;flex-direction:row;gap:25px}.redeem-token{width:70px;height:70px;border-radius:19px}.redeem-token svg{width:36px;height:36px}.redeem-stamp{margin:0}.redeem-visual:before{left:-12px;right:auto;bottom:-11px;top:auto}.redeem-visual:after{bottom:-11px}.spark-one{top:18px;right:30px}.spark-two{left:30px;top:105px}.redeem-content{padding:24px}.redeem-topline{flex-wrap:wrap;gap:12px}.redeem-content h2{font-size:24px}.redeem-form{grid-template-columns:1fr;gap:12px}.redeem-form .btn{width:100%;min-height:50px}.redeem-account{font-size:11px;flex-wrap:wrap}.guide-card{padding:20px 16px}.credit-guide>.section-title{align-items:flex-start;flex-direction:column;gap:12px}.guide-grid{gap:12px}.bonus-preview{padding:18px;gap:10px}.bonus-preview strong{font-size:25px}.bank-info-card{padding:18px}.iban-copy-row{flex-direction:column;align-items:stretch;padding:15px}.iban-copy-row strong{font-size:14px;letter-spacing:.5px}.copy-iban-button{justify-content:center}.bank-info-heading h3{font-size:18px}.bank-info-heading .eyebrow{font-size:8px}.wallet-activity-link{flex-wrap:wrap;padding:20px}.wallet-activity-link>.icon{display:none}.wallet-activity-link>.btn{margin:0;width:100%}}
@media(prefers-reduced-motion:no-preference){.wallet-hero-art>img,.wallet-side-logo{animation:none;transform:none}.wallet-hero-art,.wallet-crest{animation:none;transform:none}.credit-packages article,.copy-iban-button{transition:transform .18s ease,border-color .18s ease}.credit-packages article:hover{transform:translateY(-3px);border-color:#8ed8c4}.copy-iban-button:hover{transform:translateY(-1px);border-color:#92d9c5}.wallet-v2 [role=tabpanel]:not([hidden]),.bank-info-card{animation:wallet-enter .22s ease both}@keyframes wayward-float-smooth{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-4px,0)}}@keyframes wallet-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}

/* Keep all color inside the hero border and stop large page-level animation layers. */
.wallet-v2.reveal-in{animation:none!important;transform:none!important;opacity:1}.wallet-hero-art{justify-self:center;width:300px;max-width:100%;overflow:hidden}.wallet-hero-art>img{display:block;margin:auto;flex-shrink:0}.wallet-hero-copy{min-width:0}.wallet-crest{overflow:hidden}.wallet-redeem-cta{background:linear-gradient(110deg,#74ebd4,#50d6c6);border:1px solid #9affea;color:#092d29;box-shadow:0 5px 17px #39ba9e22;font-weight:800}.wallet-redeem-cta:focus-visible{outline:3px solid #d7fff6;outline-offset:4px}.wallet-redeem-cta:hover{background:#92f5df;color:#092d29}
.redeem-box{--ticket-stub:215px;-webkit-mask-image:radial-gradient(circle at var(--ticket-stub) 0,transparent 10px,#000 11px),radial-gradient(circle at var(--ticket-stub) 100%,transparent 10px,#000 11px);mask-image:radial-gradient(circle at var(--ticket-stub) 0,transparent 10px,#000 11px),radial-gradient(circle at var(--ticket-stub) 100%,transparent 10px,#000 11px);-webkit-mask-composite:source-in;mask-composite:intersect}.redeem-visual{border-right:0}.redeem-visual:before,.redeem-visual:after{display:none}.redeem-perforation{position:absolute;top:22px;bottom:22px;right:0;border-right:1px dashed #8ccdb477}.redeem-brand-mark{width:154px;height:93px;object-fit:cover;display:block;margin-top:12px}.redeem-visual{gap:0}.redeem-token{width:82px;height:82px}.redeem-stamp{display:none}
@media(max-width:1150px){.wallet-balance{width:220px}.wallet-hero-art{width:260px}.redeem-box{--ticket-stub:165px}}
@media(max-width:850px){.wallet-intro{grid-template-columns:minmax(0,1fr);justify-items:center}.wallet-hero-art{grid-column:1;grid-row:1;width:300px;min-height:230px}.wallet-hero-art>img{width:300px;height:215px}.wallet-hero-copy{grid-row:2;text-align:center}.wallet-hero-tags,.wallet-intro-links{justify-content:center}.wallet-balance{grid-column:1;width:100%;justify-self:stretch}.wallet-intro:after{right:calc(50% - 110px)}}
@media(max-width:600px){.redeem-box{-webkit-mask-image:radial-gradient(circle at 0 150px,transparent 10px,#000 11px),radial-gradient(circle at 100% 150px,transparent 10px,#000 11px);mask-image:radial-gradient(circle at 0 150px,transparent 10px,#000 11px),radial-gradient(circle at 100% 150px,transparent 10px,#000 11px)}.redeem-visual{border-bottom:0;height:150px;min-height:150px;box-sizing:border-box;gap:24px}.redeem-perforation{top:auto;bottom:0;left:22px;right:22px;border-right:0;border-bottom:1px dashed #8ccdb477}.redeem-brand-mark{width:145px;height:90px;margin:0}.redeem-token{width:70px;height:70px}.wallet-hero-art{min-height:230px}}

/* Static logos: no continuous animation or persistent compositor layers. */
.wallet-hero-art,.wallet-crest,.wallet-hero-art>img,.wallet-side-logo{animation:none!important;transition:none;transform:none;will-change:auto;backface-visibility:visible}.redeem-brand-mark{display:none}.redeem-visual{justify-content:center}.redeem-token{margin:0}

/* Static crystal accents complement the logo without continuous animation. */
.wallet-intro{grid-template-columns:minmax(0,1fr) 310px minmax(0,1fr)}.wallet-intro h1{font-size:clamp(27px,2.7vw,38px);letter-spacing:-.8px;line-height:1.23}.wallet-hero-art{width:310px}.wallet-hero-art>img{width:310px;height:222px}.hero-block{display:none}.redeem-crystals{position:relative;z-index:1;display:block;width:174px;height:190px;object-fit:contain}.crystal-halo{position:absolute;width:150px;height:150px;border:1px solid #8ad9cb28;border-radius:50%;background:radial-gradient(circle,#83dce71c,transparent 72%);pointer-events:none}.package-symbol svg{width:22px;height:22px}
@media(max-width:1150px){.wallet-intro{grid-template-columns:minmax(0,1fr) 270px minmax(0,1fr)}.wallet-hero-art{width:270px}.wallet-hero-art>img{width:270px;height:193px}.redeem-crystals{width:145px;height:176px}}
@media(max-width:850px){.wallet-intro{grid-template-columns:minmax(0,1fr)}.wallet-hero-art{width:310px}.wallet-hero-art>img{width:310px;height:222px}.wallet-intro h1{font-size:34px}}
@media(max-width:600px){.wallet-intro h1{font-size:29px}.redeem-crystals{width:147px;height:140px}.crystal-halo{width:116px;height:116px}}

/* Bank method: a crystal benefit panel, balanced estimate and dismissible information dialog. */
.bonus-preview{display:block;padding:0;border:1px solid #416372;border-radius:18px;background:linear-gradient(130deg,#1a3543,#172b3b);overflow:hidden}.estimate-heading{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;border-bottom:1px solid #7fa8b31a;background:#8dd7cf05}.estimate-heading>span{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:#aec8d4}.estimate-heading>b{font-size:11px;font-weight:700;color:#f5d794;background:#c5a15617;border:1px solid #b5975540;border-radius:20px;padding:5px 10px}.estimate-values{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:center;padding:27px 18px 24px;gap:10px;text-align:center}.estimate-values>div{min-width:0}.estimate-values small{font-size:12px;line-height:1.6;color:#a6becd}.estimate-values strong{font-size:30px;line-height:1.2;margin-top:9px;color:#edf9ff}.estimate-values>div:last-child strong{color:#99f3cf}.estimate-arrow{display:grid;place-items:center;width:37px;height:37px;border:1px solid #719b9c50;border-radius:50%;background:#426d6728;color:#a0e7d3}.estimate-arrow svg{width:19px;height:19px}.bonus-preview .estimate-breakdown{margin:0;padding:13px 18px;text-align:center;border-top:1px solid #8cb4bd25;font-size:12px;color:#b0e7d2;background:#76d7b908}
.bank-benefits{position:relative;overflow:hidden;border:1px solid #405970;border-radius:22px;padding:24px;background:radial-gradient(ellipse at 15% 0,#2b656443,transparent 55%),linear-gradient(155deg,#1b3047,#142838);text-align:center}.bank-benefits:before{content:'';position:absolute;left:24px;right:24px;top:0;height:2px;background:linear-gradient(90deg,transparent,#79ded1,#b6c0ec,transparent)}.bank-benefits-art{display:flex;align-items:center;justify-content:center;gap:5px;height:168px;position:relative;margin:0 -7px 13px}.bank-benefits-art>img{width:120px;height:145px;object-fit:contain;position:relative;z-index:1}.bank-crystal-orbit{position:absolute;left:calc(50% - 113px);width:130px;height:130px;border:1px solid #77cccf26;border-radius:50%}.bank-extra{position:relative;z-index:1;display:block;text-align:left}.bank-extra>strong{display:block;font-size:55px;line-height:1;letter-spacing:-2px;color:#ffe1a0}.bank-extra>strong small{font-size:24px;letter-spacing:0;margin-left:2px}.bank-extra>span{display:block;font-size:12px;color:#c1d7e2;letter-spacing:.5px;margin:10px 0 0 7px}.bank-benefits>.eyebrow{font-size:9px;letter-spacing:1.8px;color:#94ddd2}.bank-benefits h3{font-size:23px;line-height:1.5;letter-spacing:-.5px;margin:13px 0}.bank-benefits>p{font-size:13px;line-height:1.9;color:#acc2d2;margin-bottom:22px}.bank-benefits-list{display:grid;gap:9px;list-style:none;padding:0;margin:0 0 22px}.bank-benefits-list li{display:flex;align-items:center;text-align:left;gap:10px;font-size:12px;line-height:1.6;padding:12px;background:#0d213033;border:1px solid #8aacc021;border-radius:11px;color:#d2e3eb}.bank-benefits-list svg{width:17px;height:17px;color:#8be0ca;flex-shrink:0}.bank-benefits>small{display:block;font-size:11px;line-height:1.9;color:#95b0c3;margin-top:15px}.bank-support-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(110deg,#78e8ce,#55cabb);color:#092e2a;border:1px solid #a2ffe6;font-size:13px;font-weight:800;min-height:47px;padding:13px 18px}.bank-support-btn svg{width:18px;height:18px;flex-shrink:0}.bank-support-btn:hover{background:#98f4db;color:#092e2a}.bank-support-btn:focus-visible{outline:3px solid #d0fff0;outline-offset:3px}
#modal.bank-modal{width:min(740px,calc(100vw - 32px));max-height:calc(100svh - 32px);box-sizing:border-box;padding:27px 30px 25px;background:linear-gradient(145deg,#172f3b,#142431);border:1px solid #65938e;border-radius:22px;box-shadow:0 28px 90px #0008;animation:none;overflow:auto}#modal.bank-modal::backdrop{background:#030a14de;backdrop-filter:blur(3px);animation:none}#modal.bank-modal .modal-close{width:30px;height:30px;border:1px solid #7c9da34d;background:#213f4b;border-radius:9px;top:12px;right:12px;display:grid;place-items:center;padding:0;color:#c5e3e5;line-height:1;font-size:21px}#modal.bank-modal .bank-info-card{margin:0;padding:0;border:0;background:none;border-radius:0;max-height:none;overflow:visible;text-align:center}.bank-modal .bank-info-heading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0 25px 15px;border:0;border-bottom:1px solid #6a949d33;background:none;box-shadow:none;text-align:center;min-height:0}.bank-modal-symbol{width:35px;height:35px;display:grid;place-items:center;background:#6bd6be14;color:#9ce8d2;border:1px solid #81d2bd30;border-radius:11px;margin-bottom:10px}.bank-modal .bank-info-heading .eyebrow{font-size:9px;letter-spacing:1.7px}.bank-modal .bank-info-heading h2{font-size:25px;line-height:1.3;margin:8px 0 7px}.bank-modal .bank-info-heading p{font-size:12px;color:#b0cdcd;margin:0;line-height:1.6}.bank-modal .bank-recipient{padding:16px 0;text-align:center}.bank-modal .bank-recipient small{font-size:11px;margin-bottom:5px}.bank-modal .bank-recipient strong{display:block;font-size:17px;line-height:1.5;font-weight:600}.bank-modal .iban-copy-row{display:flex;align-items:center;justify-content:center;gap:19px;padding:15px 18px;background:#0c1e2b;border-color:#48717b;text-align:center}.bank-modal .iban-copy-row>div{flex:1;min-width:0}.bank-modal .iban-copy-row small{font-size:10px;margin-bottom:6px;letter-spacing:1px}.bank-modal .iban-copy-row strong{font-size:16px;letter-spacing:.7px;line-height:1.6}.bank-modal .copy-iban-button{font-size:11px;padding:11px 13px;min-height:41px}.bank-modal .bank-nick-note{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:17px 16px;margin-top:16px;border:1px solid #b69e5a99;border-radius:13px;background:linear-gradient(115deg,#b69c3424,#b69c3410);text-align:center}.bank-modal .bank-nick-note>span{display:none}.bank-modal .bank-nick-note strong{font-size:19px;line-height:1.4;color:#ffe3a0}.bank-modal .bank-nick-note small{font-size:11px;color:#d2cebc;line-height:1.6}.bank-modal .bank-nick-note b{color:#f4f4e7}.bank-modal .bank-receipt-note{padding:16px 0 0;border:0;text-align:center}.bank-modal .bank-receipt-note p{max-width:510px;margin:0 auto 16px;font-size:12px;line-height:1.85;color:#abc2ce}.bank-modal-actions{display:flex;align-items:center;justify-content:center;gap:10px}.bank-modal-actions .bank-support-btn{font-size:12px;min-height:44px}.bank-modal-actions .bank-dismiss{font-size:12px;min-height:44px;padding:12px 22px;border-color:#6a879155;color:#c1d4df;background:#1d3444}
@media(max-width:1150px){.estimate-values strong{font-size:28px}}
@media(max-width:850px){.bank-benefits{max-width:none}.bank-benefits-art{height:160px}.bank-benefits-list{grid-template-columns:repeat(3,1fr)}.bank-benefits-list li{flex-direction:column;text-align:center;gap:8px}.bank-benefits>.bank-support-btn{max-width:360px}.bank-modal .iban-copy-row{flex-direction:row}.bank-modal .iban-copy-row strong{font-size:15px}}
@media(max-width:600px){.estimate-heading{padding:14px 16px}.estimate-values{padding:23px 12px 20px;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:7px}.estimate-values small{font-size:10px}.estimate-values strong{font-size:24px}.estimate-arrow{width:28px;height:28px}.estimate-arrow svg{width:15px;height:15px}.bank-benefits-list{grid-template-columns:1fr}.bank-benefits-list li{flex-direction:row;text-align:left}.bank-benefits{padding:22px}.bank-benefits-art{height:155px}#modal.bank-modal{width:calc(100vw - 22px);max-height:calc(100svh - 22px);padding:25px 18px 20px;border-radius:18px}.bank-modal .bank-info-heading{padding-left:20px;padding-right:20px}.bank-modal .bank-info-heading h2{font-size:22px}.bank-modal .iban-copy-row{flex-direction:column;gap:12px;padding:14px}.bank-modal .iban-copy-row strong{font-size:14px;letter-spacing:.3px}.bank-modal .copy-iban-button{width:100%}.bank-modal .bank-nick-note strong{font-size:17px}.bank-modal-actions{flex-direction:column}.bank-modal-actions>.btn{width:100%}.bank-modal .bank-recipient{padding:14px 0}.bank-modal .bank-recipient strong{font-size:16px}}

/* Transfer details read from the left; crystal and orbit share one coordinate box. */
.bank-crystal-figure{position:relative;display:grid;place-items:center;width:130px;height:150px;flex-shrink:0}.bank-crystal-figure>img{position:relative;z-index:1;display:block;width:120px;height:145px;object-fit:contain}.bank-crystal-figure>.bank-crystal-orbit{left:50%;top:50%;width:130px;height:130px;transform:translate(-50%,-50%);box-sizing:border-box}.bank-benefits-art{gap:0}.bank-benefits h3{font-size:24px;line-height:1.4}.bank-benefits>p{max-width:245px;margin:0 auto 22px;line-height:1.85}.bank-benefits-list li{font-size:11px;line-height:1.75}
#modal.bank-modal .bank-info-card{text-align:left}.bank-modal .bank-info-heading{position:relative;display:block;align-items:initial;text-align:left;padding:8px 140px 23px 0;min-height:104px;box-sizing:border-box}.bank-modal .bank-info-heading .eyebrow{display:block;padding-top:3px}.bank-modal .bank-info-heading h2{margin:12px 0 9px}.bank-modal-crystals{position:absolute;right:15px;top:-2px;width:107px;height:110px;object-fit:contain;pointer-events:none}.bank-modal .bank-recipient{text-align:left;padding:18px 0}.bank-modal .iban-copy-row{text-align:left;justify-content:space-between}.bank-modal .bank-nick-note{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:13px;row-gap:7px;align-items:center;justify-content:initial;text-align:left;padding:19px}.bank-modal .bank-nick-note>span{display:grid;place-items:center;width:34px;height:34px;grid-column:1;grid-row:1/3;align-self:start;border:1px solid #b9a16a55;background:#c9a94119;border-radius:9px;color:#f2d391;margin-top:2px}.bank-modal .bank-nick-note>span svg{width:18px;height:18px}.bank-modal .bank-nick-note strong{grid-column:2;font-size:18px;line-height:1.6}.bank-modal .bank-nick-note small{grid-column:2;font-size:11px}.bank-modal .bank-receipt-note{text-align:left;padding-top:18px}.bank-modal .bank-receipt-note p{max-width:none;margin:0 0 17px;font-size:12px;line-height:1.9}.bank-modal-actions{justify-content:flex-start}
@media(max-width:600px){.bank-modal .bank-info-heading{padding:8px 87px 19px 0;min-height:100px}.bank-modal-crystals{width:77px;height:90px;right:-2px;top:6px}.bank-modal .bank-info-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.bank-modal .bank-info-heading h2{font-size:20px;margin-top:10px}.bank-modal .bank-info-heading p{font-size:11px}.bank-modal .bank-nick-note{padding:15px;grid-template-columns:28px minmax(0,1fr);column-gap:10px}.bank-modal .bank-nick-note>span{width:28px;height:28px}.bank-modal .bank-nick-note strong{font-size:16px}.bank-modal .bank-recipient{text-align:left}}