/* Isolated approved wallet styles: no site-wide reset or navigation overrides. */
#wallet .wallet-inner{width:min(1280px,calc(100% - 64px));max-width:none;margin:0 auto;padding:0}
#wallet .prize-wallet-ui{font:400 1rem/1.6 Poppins,Arial,sans-serif;color:#14171c;text-align:left;min-width:0}
#wallet .prize-wallet-ui{
&{color-scheme:light;--ink:#14171c;--muted:#636b77;--line:#e8e9ec;--blue:#1265de;--blue-soft:#edf4ff;--red:#f52223;--green:#158149;--amber:#946008;--radius:26px;--shadow:0 18px 48px #382c1910;--font:Poppins,Arial,sans-serif;--activity-emblem-size:46px;--activity-emblem-gap:14px}
/* Mirror Home's styles.css / typography.css / reference-light-theme.css hero tokens. */
&{--font-heading:Sora,Poppins,Arial,sans-serif;--home-title-size:clamp(2.6108rem,3.9698vw,4.5778rem);--home-lead-size:clamp(.8129rem,1.1705vw,1.4225rem);--home-lead-gap:1.625rem;--hero-ink:#111318;--hero-accent:#f21814}
*{box-sizing:border-box}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.48}
a{color:inherit}
button{color:inherit}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
h1,h2,h3,strong{font-family:Sora,var(--font)}
h1,h2,h3,p{margin:0}
h2{font-size:1.3125rem;font-weight:650;letter-spacing:-.7px;line-height:1.4}
h3{font-size:1.125rem}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7bb5ff;outline-offset:4px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.site-header{position:sticky;top:14px;z-index:10;height:70px;margin:14px 22px 0;display:flex;align-items:center;gap:38px;padding:0 26px 0 32px;border-radius:60px;background:#fffffffa;box-shadow:0 12px 36px #30261909}
.brand{text-decoration:none;display:flex;align-items:center;gap:24px;font-family:Sora,var(--font);font-size:1.25rem;font-weight:750;letter-spacing:-.3px}
.brand svg{width:24px;height:24px;stroke:#4d4f54}
.site-header nav{display:flex;align-items:center;gap:30px;margin-left:auto}
.site-header nav a{text-decoration:none;font-size:0.875rem;font-weight:650;position:relative}
.site-header nav [aria-current]:after{content:"";position:absolute;width:7px;height:7px;border-radius:100%;background:var(--red);left:calc(50% - 3px);bottom:-15px;box-shadow:0 2px 8px #ff292930}
.player-chip{display:flex;align-items:center;gap:10px;font-size:0.875rem;font-weight:600}
.player-chip>span{display:grid;place-items:center;background:#f2f5fa;width:36px;height:36px;border:1px solid #e6ebf1;border-radius:50%;color:#43618a}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}
.page-heading>div{min-width:0}
.page-heading h1{font-family:var(--font-heading);font-size:var(--home-title-size);letter-spacing:normal;font-weight:700;line-height:1.02;color:var(--hero-ink);overflow-wrap:anywhere}
.page-heading h1 span{color:var(--hero-ink)}
.page-heading h1 em{font-style:normal;color:var(--hero-accent)}
.page-heading p{font-family:var(--font-heading);font-size:var(--home-lead-size);font-weight:600;line-height:1.25;letter-spacing:normal;margin-top:var(--home-lead-gap);color:var(--hero-ink);max-width:860px}
.preview-label{display:flex;align-items:center;gap:8px;border:1px solid #ddd9d2;background:#ffffffb8;padding:8px 12px;border-radius:30px;font-size:0.875rem;letter-spacing:.02em;color:#565b64}
.preview-label i{width:6px;height:6px;background:#d38b1b;border-radius:50%}
.preview-label svg{width:14px;height:14px}
.card{background:#fffdfa;border:1px solid #ffffffa8;border-radius:var(--radius);box-shadow:var(--shadow)}
.wallet-top{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(320px,1fr);grid-template-areas:"balance destination" "history history";gap:22px;align-items:start}
.wallet-top.has-request{grid-template-areas:"balance request" "history destination"}
.wallet-top>.balance-card{grid-area:balance;align-self:stretch;min-width:0}
.request-slot{grid-area:request;container-type:inline-size;container-name:withdrawal-tracker;min-width:0;align-self:stretch;display:flex}
.request-slot>.request-callout{width:100%;margin:0;flex:1;min-width:0}
.balance-card{padding:30px 32px 0;display:flex;flex-direction:column;overflow:hidden;container-type:inline-size;container-name:wallet-balance}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:0.8125rem;font-weight:700;letter-spacing:.035em;line-height:1.5}
.eyebrow svg{color:var(--blue);width:20px;height:20px}
.badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border-radius:9px;line-height:1.45;font-size:0.875rem;font-weight:600;white-space:nowrap}
.badge svg{width:15px;height:15px}
.badge.green{background:#eaf5ed;color:#127342}
.badge.blue{background:var(--blue-soft);color:#165db8}
.badge.amber{background:#fff3d9;color:#855905}
.badge.red{background:#fff0f0;color:#b53839}
.badge.gray{background:#f0f1f4;color:#626974}
.token{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#159675;color:white;flex:none}
.badge .token{width:16px;height:16px;font-size:0.875rem}
.balance-body{display:flex;align-items:center;justify-content:space-between;gap:22px;flex:1;padding:28px 0 30px}
.balance-body h2{font:500 1rem/1.5 var(--font);letter-spacing:0;color:var(--muted)}
.balance-number{display:flex;align-items:baseline;gap:11px;margin:4px 0 7px;flex-wrap:wrap;min-width:0}
.balance-number strong{font-size:4rem;line-height:1.25;font-weight:700;letter-spacing:-3.8px;font-variant-numeric:tabular-nums}
.balance-number>span{font-weight:600;font-size:1rem;color:var(--muted)}
.balance-note{color:var(--muted);font-size:0.875rem;line-height:1.65;max-width:none}
.balance-body>div{flex:1;min-width:0}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:12px 24px;border:1px solid #dbe0e8;border-radius:40px;font-size:0.875rem;font-weight:700;text-decoration:none;background:#fff}
.button.primary{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 12px 25px #1265de24}
.button.primary:hover:not(:disabled){background:#0c57c6;transform:translateY(-1px)}
.button.danger{color:#b83042;background:#fff4f5;border-color:#eabfc5}
.balance-body .button{flex:none}
.button svg{width:18px;height:18px}
.balance-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:24px 0 28px;border-top:1px solid var(--line)}
.balance-stats>div{display:grid;gap:9px;min-width:0;grid-template-rows:1fr auto;align-items:start}
.balance-stats>div+div{padding-left:18px;border-left:1px solid var(--line)}
.balance-stats>div>span{display:flex;align-items:center;gap:6px;font-size:0.875rem;color:var(--muted)}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex:none}
.dot.amber{background:#d19825}
.dot.green{background:#279865}
.balance-stats svg{width:17px;height:17px;color:#53677f}
.balance-stats strong{font-size:1.5rem;font-weight:650;letter-spacing:-.7px;white-space:nowrap;font-variant-numeric:tabular-nums}
.balance-stats small{display:block;margin-top:3px;font:500 0.75rem/1.5 var(--font);color:var(--muted);letter-spacing:0}
/* Payout settings size to their content, independent of the balance tracker height. */
.destination-card{grid-area:destination;padding:30px 28px;display:flex;flex-direction:column;gap:22px;align-self:start;min-width:0}
.wallet-top:not(.has-request)>.destination-card{align-self:stretch}
.destination-card h2{font-size:1.375rem;letter-spacing:-.6px;line-height:1.4}
.network{display:flex;gap:12px;align-items:center}
.network>div{display:grid;gap:2px}
.network strong{font-size:1rem;font-weight:600}
.network small{font-size:0.875rem;color:var(--muted)}
.address-box{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f4f6f9;border:1px solid #e8eaf0;border-radius:13px;padding:16px}
.address-box>div{min-width:0;display:grid;gap:4px}
.address-box span{font-size:0.875rem;color:var(--muted)}
.address-box strong{font-family:var(--font);font-size:0.875rem;font-weight:500;overflow-wrap:anywhere}
.icon-button{display:grid;place-items:center;flex:none;background:transparent;border:1px solid transparent;width:36px;height:36px;border-radius:9px;color:#677180}
.icon-button:hover{background:#f0f3f7;border-color:#dce3ed;color:#28435f}
.icon-button svg{width:17px;height:17px}
.destination-hint{display:flex;gap:7px;font-size:0.8125rem;color:var(--muted);align-items:flex-start;margin-top:auto;line-height:1.65}
.destination-hint svg{width:15px;height:15px;margin-top:2px}
/* Withdrawal tracker: one high-contrast focal surface, with state-driven milestones. */
.request-callout{--tracker-ink:#fff;--tracker-muted:#c0cee3;--tracker-line:#ffffff26;--tracker-active:#79b6ff;margin:0 0 24px;padding:22px 24px;color:var(--tracker-ink);background:linear-gradient(115deg,#172b4b 0%,#102441 100%);border:1px solid #253d60;border-radius:20px;box-shadow:0 12px 24px #122b471a,inset 0 1px #ffffff10}
.request-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:17px}
.request-caption{display:inline-flex;align-items:center;gap:9px;font-size:.9375rem;font-weight:600;color:#edf3fc}
.request-caption svg{width:19px;height:19px;color:#a9ceff}
.request-header .badge{padding:5px 10px;font-size:.875rem;border-radius:8px;border:1px solid transparent;max-width:100%;white-space:normal}
.request-header .badge.amber{background:#ffdf901c;border-color:#e9bd4d44;color:#ffe1a0}
.request-header .badge.blue{background:#86c3ff20;border-color:#82bdff40;color:#bedfff}
.request-header .badge.red{background:#ffa4b320;border-color:#f2a4b040;color:#ffc4ce}
.request-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:100%;margin-left:auto}
.request-dismiss{width:44px;height:44px;color:#d0f1df;background:#ffffff09;border-color:#ffffff26;border-radius:50%}
.request-dismiss:hover{color:#fff;background:#ffffff20;border-color:#ffffff50}
.request-summary{display:flex;align-items:center;justify-content:space-between;gap:24px}
.request-value{min-width:0}
.request-amount{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.request-amount strong{font:650 2.125rem/1.2 Sora,var(--font);letter-spacing:-1.1px;font-variant-numeric:tabular-nums;color:#fff}
.request-amount>span{font-size:.9375rem;font-weight:500;color:var(--tracker-muted)}
.request-callout p{font-size:.875rem;color:var(--tracker-muted);margin-top:9px;line-height:1.65}
.text-button{border:0;background:none;padding:6px 0;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--blue);font-size:0.875rem;font-weight:600}
.text-button svg{width:16px;height:16px}
.text-button:hover{text-decoration:underline}
.request-action{flex:none;min-height:46px;padding:11px 18px;white-space:nowrap;border-radius:30px;background:#fff;border-color:#fff;color:#123b72;box-shadow:0 5px 15px #06172b26}
.request-action:hover{background:#eaf3ff;border-color:#eaf3ff}
.request-action:focus-visible{outline:3px solid #93c5fd;outline-offset:4px}
.request-action svg{width:17px;height:17px}
.request-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:18px 0 0;margin:20px 0 0;border-top:1px solid var(--tracker-line);gap:0}
.request-progress li{position:relative;display:flex;align-items:center;gap:8px;min-width:0;color:var(--tracker-muted);font-size:.875rem}
.request-progress li>span:last-child{overflow-wrap:anywhere}
.request-progress li:not(:last-child){padding-right:16px}
.request-progress li:not(:last-child):after{content:"";height:1px;flex:1;min-width:8px;background:var(--tracker-line);margin-left:4px}
.request-stage-icon{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;border:1px solid #8fa5c55c;background:#ffffff07;color:#aebfd7}
.request-stage-icon svg{width:14px;height:14px}
.request-progress .is-done{color:#dcece7}
.request-progress .is-done .request-stage-icon{color:#b2ead3;background:#65c39e1a;border-color:#82d6b840}
.request-progress .is-current{color:#fff;font-weight:600}
.request-progress .is-current .request-stage-icon{color:#102c4e;background:#a7ceff;border-color:#a7ceff;box-shadow:0 0 0 4px #91c3ff12}
.request-callout .request-hold{display:flex;align-items:flex-start;gap:9px;border-top:1px solid var(--tracker-line);padding-top:16px;margin-top:18px;color:#ffc4ce}
.request-hold svg{width:17px;height:17px;flex:none;margin-top:3px}
/* Completion is acknowledged explicitly, never timed out or confused with approval. */
.request-callout.is-completed{--tracker-muted:#c5e3d5;--tracker-line:#bce7d42b;background:linear-gradient(115deg,#174d3d 0%,#103a30 100%);border-color:#2e6a52;box-shadow:0 12px 24px #15412e1a,inset 0 1px #ffffff14}
.is-completed .request-caption{font-size:1.0625rem;color:#fff}
.is-completed .request-caption svg{color:#aeebc7;width:24px;height:24px}
.request-header .badge.green{background:#a6efc61c;border-color:#a6efc63b;color:#c6f5d9}
.is-completed .request-action{color:#18533b}
.is-completed .request-action:hover{background:#edfff4;border-color:#edfff4}
.is-completed .request-progress .is-done{color:#d9f2e4}
.is-completed .request-progress .is-done .request-stage-icon{background:#b4f0ce;color:#164633;border-color:#b4f0ce}
.request-callout .request-completed-date{margin-top:16px}
.request-remaining{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 18px;margin-top:16px;padding-top:12px;border-top:1px solid var(--tracker-line);font-size:.875rem;color:var(--tracker-muted)}
.request-remaining .text-button{min-height:44px;color:#e0faeb;text-decoration:underline;text-underline-offset:3px;white-space:normal;text-align:left;justify-content:flex-start}
@container withdrawal-tracker (max-width:570px){
 .request-callout{padding:20px}
 .request-summary{align-items:stretch;flex-direction:column;gap:17px}
 .request-action{width:100%;white-space:normal}
 .request-progress{margin-top:18px}
 .request-progress li{flex-direction:column;align-items:flex-start;gap:8px}
 .request-progress li:not(:last-child){padding-right:0}
 .request-progress li:not(:last-child):after{position:absolute;left:35px;right:12px;top:12px;margin:0}
}
@container withdrawal-tracker (max-width:330px){
 .request-callout{padding:17px 16px;border-radius:17px;margin-bottom:22px}
 .request-caption{font-size:.875rem;gap:7px}
 .request-header{gap:9px;margin-bottom:14px}
 .request-caption svg{width:17px;height:17px}
 .request-header .badge{font-size:.875rem}
 .request-amount strong{font-size:2rem}
 .request-summary{gap:15px}
}
@container withdrawal-tracker (max-width:14rem){
 .request-progress{grid-template-columns:1fr;gap:14px}
 .request-progress li{flex-direction:row;align-items:center;gap:10px}
 .request-progress li:not(:last-child):after{display:none}
 .request-header-actions{width:100%;justify-content:space-between;margin:0}
}
.history-card{grid-area:history;padding:27px 32px 0;overflow:hidden;min-width:0;container-type:inline-size;container-name:wallet-activity}
.history-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:24px}
.history-heading .eyebrow{font-size:0.75rem;color:#6b7280;margin-bottom:7px}
.history-heading h2{font-size:1.4375rem}
.segmented{display:flex;gap:4px;padding:4px;background:#f0f2f6;border-radius:30px}
.segmented button{border:0;background:none;border-radius:25px;padding:8px 16px;font-size:0.875rem;white-space:nowrap;color:#697281;font-weight:500}
.segmented [aria-selected=true]{background:white;box-shadow:0 2px 7px #112e4512;color:var(--ink);font-weight:600}
.activity-labels,.activity-row{display:grid;grid-template-columns:minmax(0,1fr) 170px 150px 18px;align-items:center;gap:20px;min-height:90px;padding:18px 15px}
.activity-labels{padding:0 15px 12px;color:#69717d;font-size:0.75rem;font-weight:600;letter-spacing:.06em;border-bottom:1px solid var(--line)}
.activity-labels>span:nth-child(3){text-align:right}
.activity-row{background:none;width:100%;border:0;border-bottom:1px solid var(--line);text-align:left;min-height:82px;padding:15px;color:var(--ink)}
.activity-row:hover{background:#f6f9fe;border-radius:12px}
.activity-main{display:flex;gap:var(--activity-emblem-gap);align-items:center;min-width:0}
.activity-icon{width:var(--activity-emblem-size);height:var(--activity-emblem-size);border-radius:12px;display:grid;place-items:center;background:#ecf2f9;border:1px solid #d4deec;color:#315780;flex:none}
.activity-icon.returned{background:#f1f2f5;border-color:#dcdfe6;color:#68758a}
.activity-icon svg{width:24px;height:24px}
.activity-main>span:last-child{display:grid;gap:4px;min-width:0}
.activity-main strong{font:600 0.875rem/1.4 var(--font);overflow-wrap:anywhere}
.activity-main small{color:#727986;font-size:0.75rem}
.activity-row .badge{justify-self:start}
.activity-amount{text-align:right;font:650 1rem/1.5 Sora,var(--font);letter-spacing:-.5px;white-space:nowrap}
.activity-amount.green{color:#18874c}
.activity-amount.gray{color:#878a91}
.activity-amount small{font:400 0.75rem/1.6 var(--font);display:block;color:#6c7380;letter-spacing:0}
.activity-row>svg{width:15px;height:15px;color:#a3aab5}
.history-footer{min-height:64px;display:flex;align-items:center;justify-content:space-between;font-size:0.8125rem;color:#6c7380}
.wallet-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 6px 0;color:#000;font-size:0.875rem}
.wallet-footer>span{display:flex;align-items:center;gap:7px}
.wallet-footer svg{width:14px;height:14px}
.wallet-footer .text-button{font-size:0.875rem;color:inherit;font-weight:400}
.wallet-footer .text-button span{font-weight:600;color:inherit}
.demo-disclaimer{text-align:center;font-size:0.875rem;color:#89847c;margin-top:24px;letter-spacing:.02em}
dialog{border:0;background:#fffdfa;border-radius:26px;padding:0;width:min(510px,calc(100% - 28px));max-height:calc(100dvh - 32px);box-shadow:0 40px 100px #111a3640;overflow:auto;color:var(--ink)}
dialog::backdrop{background:#15203966;backdrop-filter:blur(5px)}
.dialog-shell{padding:32px;position:relative}
.dialog-close{position:absolute;right:16px;top:16px;background:#f2f4f7;z-index:1}
.dialog-eyebrow{font-size:0.875rem;letter-spacing:.08em;color:var(--blue);font-weight:700;margin-bottom:12px}
.dialog-shell h2{font-size:1.6875rem;letter-spacing:-1px;padding-right:28px}
.dialog-intro{font-size:1rem;color:var(--muted);margin:10px 0 23px;line-height:1.7}
.dialog-field{display:grid;gap:8px;margin:20px 0}
.dialog-field>span{font-size:0.875rem;font-weight:500}
.dialog-field input,.dialog-field select,.dialog-field textarea{width:100%;border:1px solid #dce1e9;border-radius:11px;min-height:48px;padding:12px 14px;background:white;color:var(--ink);outline:none}
.dialog-field input:focus,.dialog-field textarea:focus{border-color:var(--blue)}
.dialog-field textarea{min-height:85px;resize:vertical}
.amount-input{display:flex;align-items:center;border:1px solid #cbd8ed;border-radius:13px;background:white;padding-right:14px;gap:10px}
.amount-input input{border:0;background:none;font-family:Sora;font-size:1.75rem;font-weight:600;letter-spacing:-1px;min-width:0;padding:16px}
.amount-input>span{color:var(--muted);font-size:0.875rem}
.amount-input .text-button{font-size:0.875rem;padding:4px 8px;border-radius:5px;background:var(--blue-soft)}
.dialog-hint{font-size:0.875rem;color:var(--muted)}
.dialog-summary{border:1px solid #e4e7ed;border-radius:13px;padding:17px 18px;margin:20px 0;background:#f7f9fc}
.dialog-summary>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;font-size:0.875rem;margin:0 0 12px}
.dialog-summary>div:last-child{margin:0}
.dialog-summary dt{color:var(--muted)}
.dialog-summary dd{margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere;min-width:0}
.dialog-summary .destination-value{font-weight:400;font-size:0.8125rem}
.dialog-summary>.transaction-detail{display:block;border-top:1px solid var(--line);padding-top:15px;margin-top:16px}
.transaction-detail dt{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 12px}
.transaction-demo{font-size:.75rem;color:#71694e;font-weight:500}
.transaction-detail .transaction-value{display:flex;align-items:flex-start;gap:12px;margin-top:10px;text-align:left}
.transaction-value code{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere;user-select:all;font:400 .875rem/1.7 Consolas,monospace;color:#33445b;padding-top:6px}
.transaction-value .hash-copy{width:44px;height:44px;background:#fff;border:1px solid #ccdcf2;color:var(--blue);border-radius:11px}
.transaction-value .hash-copy:hover{background:var(--blue-soft);border-color:#a4c6f5}
.transaction-value .hash-copy.is-copied{color:#197149;background:#ecf7f0;border-color:#b5d8c3}
.transaction-detail .transaction-unavailable{margin-top:8px;text-align:left;font-weight:400;color:var(--muted)}
.transaction-detail .hash-copy-error{margin-top:10px;text-align:left;font-weight:400;font-size:.875rem;color:#b42c3e}
.notice{display:flex;align-items:flex-start;gap:9px;font-size:0.875rem;line-height:1.7;color:#75623e;background:#fff6e5;border-radius:11px;padding:12px 14px;margin:16px 0}
.notice svg{width:16px;height:16px;margin-top:2px}
.dialog-actions{display:flex;gap:12px;margin-top:22px}
.dialog-actions .button{flex:1}
.full-width{width:100%}
.field-error{color:#b42c3e;font-size:0.875rem;min-height:20px;margin-top:8px}
.check-field{display:flex;align-items:flex-start;gap:10px;font-size:0.875rem;margin:18px 0}
.check-field input{width:17px;height:17px;accent-color:var(--blue);margin-top:2px;flex:none}
.success-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:#f5faf7;border:1px solid #bdd9c8;color:#197149;margin-bottom:22px}
.success-mark svg{width:26px;height:26px}
.steps{padding:0;margin:24px 0;list-style:none;display:grid;gap:20px}
.steps li{display:flex;gap:13px;align-items:flex-start}
.step-dot{width:27px;height:27px;border:1px solid #d9e0e9;display:grid;place-items:center;border-radius:7px;color:#6a7a90;flex:none}
.step-dot svg{width:14px;height:14px}
.step-dot.done{color:#197149;background:#f5faf7;border-color:#bdd9c8}
.step-dot.current{color:#285787;background:#f5f8fc;border-color:#c6d5e8}
.steps strong{font:600 0.875rem var(--font)}
.steps small{display:block;font-size:0.875rem;color:var(--muted);margin-top:4px}
.empty-state{text-align:center;padding:42px 16px;color:var(--muted)}
.empty-state strong{font-size:1.0625rem;color:var(--ink);display:block;margin:14px}
.empty-state svg{width:29px;height:29px;color:#8294af}
.empty-state p{font-size:0.875rem}
.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(18px);max-width:calc(100% - 32px);padding:12px 22px;border-radius:40px;background:#182c45;color:white;font-size:0.875rem;box-shadow:0 12px 30px #1113;opacity:0;pointer-events:none;transition:.2s;z-index:20;text-align:center}
.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}
.demo-grid{display:grid;gap:12px}
.demo-grid .button{justify-content:space-between;border-radius:12px;font-size:0.875rem}
.review-item{padding:16px;border:1px solid var(--line);border-radius:14px;margin:14px 0}
.review-item strong{font-size:1.0625rem}
.review-item p{font-size:0.875rem;color:var(--muted);overflow-wrap:anywhere}
.review-item .dialog-actions{margin-top:14px}
.review-item .button{font-size:0.875rem;padding:9px 12px;min-height:40px}
.flash{animation:balance-flash .65s ease-out}
@keyframes balance-flash{0%{color:var(--blue);transform:translateY(-3px)}100%{color:var(--ink);transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Balance title and currency use the same visible scale as other working controls. */
.balance-card .card-top{flex-wrap:nowrap}
.balance-card .eyebrow{font-size:0.9375rem;font-weight:650;letter-spacing:0;flex:1;min-width:0;gap:12px}
.balance-card .eyebrow svg{width:38px;height:38px;color:#174f92}
.currency-badge{padding:8px 12px;gap:8px;font-size:0.875rem;min-height:40px;flex:none}
.currency-badge .token{width:22px;height:22px;font-size:0.9375rem}
.dot.blue{background:var(--blue)}
@media(min-width:1650px){
.page-heading{margin-bottom:30px}
.balance-body{padding:32px 0}
.balance-number strong{font-size:4.375rem}
}
@media(max-width:1150px){
 .site-header nav{gap:18px}
.site-header{gap:24px}
.player-chip{display:none}
 .wallet-top{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr)}
 .balance-body{align-items:flex-start;flex-direction:column;gap:22px}
 .balance-card{padding:28px 26px 0}
.balance-number strong{font-size:3.75rem}
 .balance-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0}
 .balance-stats>div:nth-child(odd){border-left:0;padding-left:0}
 .balance-stats>div:nth-child(n+3){border-top:1px solid var(--line);padding-top:18px}
 .destination-card{padding:28px 24px}
}
@media(max-width:900px){
 .wallet-top{grid-template-columns:1fr;grid-template-areas:"balance" "destination" "history"}
 .wallet-top.has-request{grid-template-areas:"balance" "request" "destination" "history"}
 .balance-body{flex-direction:row;align-items:center}
 .destination-card{gap:20px}
 .balance-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
 .balance-stats>div:nth-child(n){border-top:0;padding-top:0}
 .balance-stats>div+div{border-left:1px solid var(--line);padding-left:18px}
 .activity-labels,.activity-row{grid-template-columns:minmax(0,1fr) 150px 120px 14px;gap:12px}
}
@media(max-width:920px){
 &{--home-title-size:clamp(2.2174rem,5.006vw,3.2903rem)}
}
@media(max-width:760px){
 /* Home's mobile lead clamp, expressed in rem so enlarged text remains usable. */
 &{--home-lead-size:clamp(.875rem,3.9vw,1.125rem)}
}
@media(max-width:560px){
 &{--home-title-size:clamp(1.45rem,6.65vw,2.1rem);--home-lead-gap:1.375rem}
 .page-heading h1{line-height:1.08}
}
@media(max-width:820px){
 .site-header nav{display:none}
.site-header{top:12px;margin:12px 16px 0;padding:0 22px;height:62px}
 .brand{font-size:1.125rem;gap:15px}
.site-header nav{margin-left:auto}
 .page-heading{gap:12px;flex-wrap:wrap}
 .preview-label{gap:7px;padding:9px 10px}
 .history-card{padding:26px 22px 0}
.history-heading{flex-wrap:wrap;gap:18px}
}
@media(max-width:600px){
 body{background-image:url('/reference-background-mobile-20260816.png');background-size:cover;--activity-emblem-size:40px;--activity-emblem-gap:10px}
 .page-heading{margin-bottom:22px}
 .balance-card{padding:24px 22px 0}
.balance-card .eyebrow{gap:9px}
 .balance-card .eyebrow svg{width:32px;height:32px}
 .currency-badge{padding:7px 10px;font-size:0.8125rem}
 .balance-body{flex-direction:column;align-items:stretch;padding:26px 0;gap:24px}
 .balance-number strong{font-size:3.75rem}
.balance-body .button{width:100%}
 .balance-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}
 .balance-stats>div:nth-child(odd){border-left:0;padding-left:0}
 .balance-stats>div:nth-child(n+3){border-top:1px solid var(--line);padding-top:18px}
 .balance-stats strong{font-size:1.5rem}
.balance-stats>div>span{font-size:0.875rem}
 .destination-card{padding:24px;gap:20px}
.destination-card h2{font-size:1.3125rem}
 .history-card{padding:24px 18px 0}
.activity-icon{border-radius:10px}
 .activity-main strong{font-size:0.875rem}
.activity-main small{font-size:0.75rem}
 .wallet-footer{flex-wrap:wrap;justify-content:center;text-align:center;font-size:0.8125rem}
 .dialog-shell{padding:30px 22px 24px}
.dialog-shell h2{font-size:1.5rem}
 .dialog-actions{gap:10px;flex-wrap:wrap}
.dialog-actions .button{padding:12px 16px;font-size:0.875rem;min-width:110px}
 .dialog-summary{padding:15px}
.dialog-summary>div{font-size:0.875rem;gap:14px}
 .dialog-intro{font-size:1rem}
.demo-disclaimer{font-size:0.75rem}
 .dialog-summary dt{flex:1}
.dialog-summary dd{flex:1.1}
}

/* Activity adapts to its own column, not just the viewport width. */
@container wallet-balance (min-width:28rem){
 .balance-body{flex-direction:row;align-items:center}
 .balance-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
 .balance-stats>div:nth-child(n){border-top:0;border-left:0;padding-top:0;padding-left:0}
 .balance-stats>div:nth-child(n+2){border-left:1px solid var(--line);padding-left:18px}
}
/* Mobile media policy wins over rem-based container evaluation in WebKit.
   A full-width withdrawal button must never collapse the balance beside it. */
@media(max-width:600px){.balance-body{flex-direction:column;align-items:stretch}}
@container wallet-activity (max-width:680px){
 .history-heading{display:block;margin-bottom:18px}
 .segmented{margin-top:20px;width:100%;border-radius:14px;flex-wrap:wrap}
 .segmented button{flex:1;padding:10px 8px;font-size:.875rem;white-space:normal;border-radius:11px}
 .activity-labels{display:none}
 .activity-row{grid-template-columns:minmax(0,1fr) 108px;gap:8px 10px;padding:20px 0;min-height:106px}
 .activity-row>.activity-main{grid-column:1;grid-row:1}
 .activity-row>.badge{grid-column:1/-1;grid-row:2;margin-left:calc(var(--activity-emblem-size) + var(--activity-emblem-gap));font-size:.875rem;padding:4px 8px;max-width:calc(100% - var(--activity-emblem-size) - var(--activity-emblem-gap));white-space:normal;text-align:left}
 .activity-row>.activity-amount{grid-column:2;grid-row:1;align-self:start;font-size:1rem}
 .activity-row>svg{display:none}
}
@container wallet-activity (max-width:380px){.activity-row{grid-template-columns:minmax(0,1fr) 94px}}

/* Collapsible navigation is local UI only; other sections open the public site. */
.menu-button{display:none}
.preview-mobile{display:none}
@media(max-width:820px){
 .preview-label .preview-desktop,.preview-label svg{display:none}
 .preview-label .preview-mobile{display:inline;font-size:0.875rem}
 .menu-button{display:grid;width:32px;height:36px;margin-left:-5px}
 .site-header{gap:14px}
 .site-header.menu-open nav{display:flex;position:absolute;top:74px;left:0;right:0;margin:0;padding:14px;gap:4px;align-items:stretch;flex-direction:column;background:#fffdfa;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
 .site-header nav a{padding:12px 16px;border-radius:10px;font-size:0.875rem}
 .site-header nav a:hover,.site-header nav [aria-current]{background:var(--blue-soft);color:var(--blue)}
 .site-header nav [aria-current]:after{display:none}
}

/* Wallet editing: visible action, explicit eligibility, and full destination comparison. */
.wallet-edit-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wallet-edit-button{min-height:44px;padding:10px 18px;border-color:#c9dbfa;color:var(--blue);background:#f5f9ff}
.wallet-edit-button:disabled{opacity:1;color:#7a653d;background:#fff7e7;border-color:#eadbbd}
.wallet-policy{display:flex;align-items:flex-start;gap:10px;padding-top:17px;border-top:1px solid var(--line);color:var(--muted)}
.wallet-policy>svg{width:17px;height:17px;flex:none;margin-top:3px;color:var(--blue)}
.wallet-policy strong{font:600 .875rem/1.6 var(--font);color:var(--ink)}
.wallet-policy p{font-size:.8125rem;line-height:1.65;margin-top:4px}
.wallet-change-note{font-size:.8125rem;line-height:1.6;color:#5e6d79}
.address-box>div{width:100%}
.address-detail{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#f7f9fc;margin:14px 0;min-width:0}
.address-detail>span{display:block;font-size:.8125rem;font-weight:600;line-height:1.6;color:var(--muted);margin-bottom:7px}
.address-detail code,.wallet-change-entry code{display:block;font:400 .8125rem/1.8 Consolas,monospace;overflow-wrap:anywhere;white-space:normal;user-select:all;color:var(--ink)}
.address-detail.current{background:#f2faf5;border-color:#cde8d7}
.address-detail.current>span{color:#177143}
.address-detail.old{background:#f8f5f4;border-color:#e6dcda}
.address-detail.old>span{color:#8b4e42}
.destination-alert{padding:16px;border:1px solid #ead5a9;background:#fff9ec;border-radius:14px;margin:18px 0}
.destination-alert>strong{display:flex;align-items:center;gap:9px;font:600 .9375rem/1.5 var(--font);color:#805507}
.destination-alert>strong svg{width:18px;height:18px}
.destination-alert p{font-size:.875rem;line-height:1.7;color:#7d6540;margin-top:9px}
.destination-alert .address-detail{margin:14px 0 0;background:#fffdfa}
.admin-wallet-summary{padding:18px;border:1px solid var(--line);border-radius:15px;margin-bottom:24px;background:#fafbf9}
.admin-wallet-summary>.address-detail{margin-bottom:10px}
dialog:has(.admin-wallet-summary){width:min(650px,calc(100% - 28px))}
.review-item-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.review-item .dialog-actions{flex-wrap:wrap}
.review-item .dialog-actions .button{min-width:140px}
.wallet-change-history{margin-top:13px}
.wallet-change-history summary,.demo-edit-tools summary{cursor:pointer;color:var(--blue);font-size:.875rem;font-weight:600}
.wallet-change-entry{display:grid;gap:8px;padding:14px 0;border-top:1px solid var(--line);margin-top:14px}
.wallet-change-entry strong,.wallet-change-entry>span{font:500 .8125rem var(--font);color:var(--muted)}
.demo-edit-tools{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.demo-edit-tools .demo-grid{margin-top:16px}
@media(max-width:600px){.destination-alert{padding:14px}.address-detail{padding:13px}.admin-wallet-summary{padding:15px}.wallet-policy{padding-top:15px}}

/* Shared vector treatment: optical weight stays consistent in cards, actions and status rows. */
.ui-icon{display:block;overflow:visible}
.ui-icon .icon-solid{fill:currentColor;stroke:none}
.ui-icon .icon-secondary{fill:currentColor;fill-opacity:.23;stroke:none}
.ui-icon .icon-cut{stroke:#fff;stroke-width:2.5}
.ui-icon .icon-tone{fill:currentColor;fill-opacity:.15;stroke:none}
.token>.ui-icon{width:74%;height:74%;stroke-width:1.25}
.token .token-stem{fill:currentColor;stroke:none}
.success-mark.pending{color:#85601e;background:#fffaf0;border-color:#e6d5b2}



/* Competition ranks: distinct silhouettes, readable numerals, and restrained medal metals. */
.rank-emblem{--rank-edge:#b6c3d2;--rank-face:#f4f7fb;--rank-facet:#e1e8f1;--rank-ink:#415675;display:inline-flex;align-items:center;justify-content:center;width:var(--activity-emblem-size);height:var(--activity-emblem-size);flex:none}
.rank-gold{--rank-edge:#9e701b;--rank-face:#f2ce79;--rank-facet:#dcaf52;--rank-ink:#543908}
.rank-silver{--rank-edge:#7a8da3;--rank-face:#e2eaf3;--rank-facet:#bfcddd;--rank-ink:#34485d}
.rank-bronze{--rank-edge:#936346;--rank-face:#e7bc98;--rank-facet:#d49c72;--rank-ink:#603d27}
.rank-emblem.is-uncredited{--rank-edge:#a5adb8;--rank-face:#e9ecf0;--rank-facet:#d7dde4;--rank-ink:#576373}
.rank-glyph{width:100%;height:100%;stroke:none;overflow:visible}
.rank-edge{fill:var(--rank-edge)}
.rank-face{fill:var(--rank-face)}
.rank-facet{fill:var(--rank-facet)}
.rank-crown{fill:var(--rank-face);stroke:var(--rank-edge);stroke-width:1.25;stroke-linejoin:miter}
.rank-highlight{fill:none;stroke:#fff;stroke-width:1.25;opacity:.7}
.rank-outline{fill:var(--rank-face);stroke:var(--rank-edge);stroke-width:1.25}
.rank-line{fill:none;stroke:var(--rank-edge);stroke-width:1.25}
.rank-number{fill:var(--rank-ink);font:750 18px Sora,Arial,sans-serif;letter-spacing:-.8px}
.rank-standard .rank-number{font-size:17px;font-weight:650;letter-spacing:-.4px}
.reward-emblem{margin:0 0 22px}
.reward-emblem .rank-emblem{width:76px;height:76px}


& .page-heading h1{margin:0;max-width:none;text-align:left}
& .page-heading h1 span,& .page-heading h1 em{display:inline}
& .page-heading p{margin-bottom:0}
& .wallet-fetch-message{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px 0;color:#8b4e42;font-size:.9rem}
& .wallet-fetch-message:empty{display:none}
/* Old prizes are a separate read-only history channel, never wallet credits. */
& .history-heading{flex-wrap:wrap}
& .legacy-history-message[hidden]{display:none}
& .legacy-history-message{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:12px 0 20px;font-size:.875rem;color:#75513b}
& .badge.legacy{color:#425e83;background:#edf2f8;border:1px solid #dbe4ef}
& .activity-row.is-legacy .activity-amount{color:#58677c}
& .activity-row.is-legacy .activity-amount small{white-space:normal;font-size:.8125rem}
@container wallet-activity (max-width:680px){
 .segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;border-radius:18px;box-sizing:border-box}
 .segmented button{min-width:0;padding:9px 8px;white-space:normal;border-radius:14px}
}
& dialog{position:fixed;inset:0;margin:auto}
& .wallet-footer{padding:0;min-height:0;background:none;border:0;box-shadow:none}
}
@media(max-width:820px){#wallet .wallet-inner{width:calc(100% - 32px)}}