/* The color shop previews the same character used on the stairs. */
.shop-item .avatar-preview{display:block;width:100%;max-width:160px;height:auto;aspect-ratio:1;margin:0 auto 10px}
.shop-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 12px;font-size:15px;color:#e7f4ff}
.shop-section-heading>span{font-size:9px;font-weight:500;letter-spacing:.5px;color:#9db5d1}
.trail-preview{display:block;width:100%;max-width:160px;height:auto;aspect-ratio:4/3;margin:0 auto 10px}
.continue-offer{padding:20px;margin:22px 0 0;border:1px solid #85dab25e;border-radius:18px;background:linear-gradient(135deg,#103b3b,#122238)}
.continue-offer>span{font-size:9px;font-weight:750;letter-spacing:2px;color:#9ff0cf}
.continue-offer>h3{font-size:23px;letter-spacing:-.4px;margin:7px 0 8px;color:#edfff8}
.continue-offer>p{font-size:12px;line-height:1.6;margin:0 0 15px;color:#b9cfdf}
.continue-offer>small{display:block;margin-top:10px;font-size:9px;text-align:center;color:#a9c5cd}
.continue-offer .ghost{border-color:#9ceac36b;color:#d3ffe8}
/* Compact arcade HUD: keep the forward corridor and the runner unobstructed. */
.play{background:#06142b}
.play .game-header{padding:calc(16px + env(safe-area-inset-top)) 22px 15px;background:linear-gradient(#020819b8,transparent);align-items:flex-start}
.play .brand-small{font-size:17px;letter-spacing:1.3px;gap:6px;padding-top:4px;text-shadow:0 2px 10px #0009}
.play .brand-small svg{height:25px;width:19px}
.play .stage-heading{display:none}
.play .icon-button{width:42px;height:42px;border:1px solid #b4e6ff42;background:#071b37b3;box-shadow:inset 0 1px #d3f5ff12,0 4px 18px #0003}
.play .cap-panel{top:calc(15px + env(safe-area-inset-top));width:min(250px,56%);filter:drop-shadow(0 3px 10px #020918);z-index:4}
.play .cap-eyebrow{font-size:8px;font-weight:700;letter-spacing:2.5px;color:#c3e8ff}
.play .cap-panel>strong{font-size:40px;font-weight:800;letter-spacing:-1.2px;line-height:1.1;margin:5px 0 9px;color:#f2fbff;text-shadow:0 2px 0 #1b4273,0 0 28px #3bbaed42}
.play .cap-target{font-size:8px;letter-spacing:.9px;color:#abcbe5;font-weight:600}
.play .cap-target b{color:#e1f6ff;font-weight:700}
.play .cap-progress{height:5px;margin-top:6px;background:#050e228c;border:1px solid #8bdcff23;box-shadow:0 2px 6px #0003}
.play .cap-progress>span{background:linear-gradient(90deg,#25b6f9,#a6fcff);box-shadow:0 0 12px #5ae6ff80}
.play .run-credit-hud{left:22px;top:calc(79px + env(safe-area-inset-top));display:flex;gap:7px;border:1px solid #ffc96438;border-radius:20px;padding:7px 11px;background:#211d2b9c;box-shadow:inset 0 1px #ffdea71a}
.play .run-credit-hud>strong{font-size:18px;line-height:20px;font-weight:750;color:#ffe2a3}
.play .run-credit-hud>svg{width:15px;height:15px;color:#ffd16e}
.play .run-credit-hud>span{display:none}
.play .record-hud{top:calc(80px + env(safe-area-inset-top));right:22px;text-shadow:0 2px 7px #000}
.play .record-hud>span{font-size:7px;color:#a7c3dd;letter-spacing:1.2px;margin-bottom:3px}
.play .record-hud>strong{font-size:16px;font-weight:700;color:#dfebff}
.play .power-hud{top:auto;left:24px;bottom:calc(100px + env(safe-area-inset-bottom));display:flex;flex-direction:row;gap:8px}
.play .power-pill{width:66px;min-width:0;height:66px;padding:7px 4px;display:flex;align-items:center;flex-direction:column;gap:3px;text-align:center;border-radius:14px;background:#071a32b8;border:1px solid #91c4e32e;opacity:.6;box-shadow:inset 0 1px #e3f9ff0c,0 5px 15px #0003}
.play .power-symbol{display:grid;place-items:center;width:25px;height:25px}
.play .power-symbol svg{width:24px;height:24px;filter:drop-shadow(0 0 5px currentColor)}
.play .power-pill b{font-size:6px;letter-spacing:.9px;line-height:9px}
.play .power-pill small{font-size:9px;margin-top:1px;font-weight:700;color:#e2f5ff;line-height:12px}
.play .power-pill:before{height:3px}
.play .power-pill.active{opacity:1;background:#123b53e6;border-color:var(--power);box-shadow:0 0 22px #45cce92b,inset 0 1px #f5fdff30}
.play .power-pill.boost.active{background:#574020e8;box-shadow:0 0 24px #ffae3f3b}
.play .power-pill.magnet.active{background:#34295ae8}
.play .power-pill.shield.expiring{--power:#ffcf91;border-color:#eeb675;background:#463324e6}
.play .power-pill.shield.expiring small{color:#ffe0b6}
.play .runner-dock{bottom:calc(49px + env(safe-area-inset-bottom));gap:10px;max-width:calc(100% - 24px)}
.play .runner-mode{padding:7px 13px;font-size:8px;font-weight:700;letter-spacing:1px;background:#05172bb3;border-color:#99e5ff40;box-shadow:inset 0 1px #d5f9ff12}
.play .runner-mode b{font-size:9px;font-weight:750;color:#d3f8ff;letter-spacing:.5px}
.play.boosting .runner-mode{border-color:#ffce7b9c;background:#4b3118d9;color:#ffe3a3;box-shadow:0 0 24px #f9ba5729}
.play.dipping .cap-panel>strong{color:#ffd2e5;text-shadow:0 2px 0 #462349,0 0 28px #e679c242}
.play.dipping .cap-progress>span{background:linear-gradient(90deg,#927bff,#ffc5e4);box-shadow:0 0 12px #c18fff60}
.play.dipping .runner-mode{border-color:#c89aef8c;background:#30204ee0;color:#eddbff}
.play.recovering .runner-mode{border-color:#8be9c98c;color:#b9ffe9}
.play.fallen .runner-buttons,.play.fallen .swipe-guide{opacity:.3;pointer-events:none}
.result-peak{margin:4px 0 14px;font-size:10px;font-weight:700;letter-spacing:1.3px;color:#acc6e2}
.play .swipe-guide{font-size:8px;letter-spacing:.5px;color:#b4cadf;gap:18px}
.play .swipe-guide b{font-size:18px;color:#e1f5ff}
.play .runner-buttons button{background:#102944c9;border-color:#82b9d34a;box-shadow:inset 0 1px #defaff0d}
.play .context-hint{top:calc(130px + env(safe-area-inset-top));bottom:auto;left:10%;right:10%;font-size:11px;font-weight:600;color:#d9f7ff;line-height:1.5;text-shadow:0 2px 7px #001028,0 0 20px #001028}
.play .game-footer{padding:12px 22px calc(12px + env(safe-area-inset-bottom));font-size:6px;letter-spacing:.9px;color:#a7bfd6;background:linear-gradient(transparent,#020b1ccd)}
.play .game-footer button{color:#d0e9ff;min-width:24px;min-height:24px}
.play .event-toast{top:22%;padding:13px 18px;background:linear-gradient(90deg,transparent,#061a32e6,transparent);width:min(380px,92%)}
.play .event-toast span{font-size:8px;font-weight:800;letter-spacing:2px;margin-bottom:5px;color:#b5f3ff}
.play .event-toast strong{font-size:20px;font-weight:750;letter-spacing:-.2px}
.play .milestone-banner{top:21%;width:94%;text-shadow:0 3px 0 #0a3550,0 0 32px #071f3a}
.play .milestone-banner>span{font-size:10px;letter-spacing:3px;font-weight:800;color:#a8ffee}
.play .milestone-banner>strong{font-size:clamp(38px,5vw,68px);font-weight:850;letter-spacing:-2px;line-height:1.1;margin:10px 0;color:#effffb}
.play .milestone-banner>p{font-size:12px;font-weight:600;color:#cefff3}
.play .run-countdown{top:35%;width:90%;text-align:center}
.play .run-countdown>span{font-size:9px;letter-spacing:3px;font-weight:750}
.play .run-countdown strong{font-size:90px;font-weight:850;line-height:1.1;text-shadow:0 4px 0 #155486,0 0 35px #44d3ff60}
.play.cinematic .power-hud,.play.cinematic .runner-dock{opacity:.22}
@media(pointer:fine){.play .swipe-guide{display:none}}
@media(max-width:700px){
  .play .game-header{padding-left:15px;padding-right:15px}.play .brand-small{font-size:15px}.play .brand-small svg{width:16px}
  .play .cap-panel>strong{font-size:34px}.play .cap-eyebrow{font-size:7px;letter-spacing:1.8px}.play .cap-target{font-size:7px}
  .play .run-credit-hud{left:14px;padding:6px 9px;gap:5px}.play .run-credit-hud>strong{font-size:17px}.play .record-hud{right:15px}.play .record-hud>strong{font-size:14px}
  .play .power-hud{left:50%;transform:translateX(-50%);bottom:calc(112px + env(safe-area-inset-bottom));gap:9px}.play .power-pill{width:58px;height:61px;border-radius:12px}
  .play .runner-dock{bottom:calc(47px + env(safe-area-inset-bottom));gap:8px}.play .context-hint{bottom:auto;font-size:10px}
  .play .game-footer{padding-left:15px;padding-right:15px;font-size:5px}.play .milestone-banner>strong{font-size:40px}.play .milestone-banner>span{font-size:8px}.play .milestone-banner>p{font-size:10px}
}
@media(max-width:360px){.play .cap-panel>strong{font-size:29px}.play .record-hud>strong{font-size:12px}.play .record-hud>span{font-size:6px}.play .run-credit-hud>strong{font-size:15px}.play .brand-small span{display:none}.play .swipe-guide{font-size:7px;gap:13px}}
@media(max-width:700px) and (max-height:720px) and (orientation:portrait){
  .play .power-hud{left:auto;right:8px;bottom:calc(92px + env(safe-area-inset-bottom));transform:none;flex-direction:column;gap:6px}
  .play .power-pill{width:40px;height:50px;padding:4px 2px;gap:1px;border-radius:10px}.play .power-symbol,.play .power-symbol svg{width:20px;height:20px}
  .play .power-pill b{font-size:5px;letter-spacing:.4px}.play .power-pill small{font-size:8px}
}
@media(orientation:landscape) and (max-height:550px){
  .play .cap-panel{top:9px;width:210px}.play .cap-panel>strong{font-size:30px;margin:3px 0 4px}.play .cap-eyebrow{font-size:6px}.play .cap-target{font-size:6px}
  .play .game-header{padding-top:12px}.play .run-credit-hud{top:65px}.play .record-hud{top:65px}
  .play .power-hud{left:15px;bottom:50px;transform:none;gap:6px}.play .power-pill{width:48px;height:55px}.play .power-symbol svg{width:20px;height:20px}.play .power-pill small{font-size:8px}
  .play .runner-dock{bottom:35px;gap:5px}.play .runner-mode{padding:5px 10px}.play .swipe-guide{display:none}.play .runner-buttons button{min-height:32px;padding:5px 10px}
  .play .context-hint{top:93px;bottom:auto;left:28%;right:20%;font-size:9px}.play .milestone-banner{top:22%}.play .milestone-banner>strong{font-size:38px}.play .milestone-banner>p{display:none}.play .event-toast{top:24%;padding:8px}
  .play .game-footer{padding-top:5px;padding-bottom:5px}.play .run-countdown{top:33%}.play .run-countdown strong{font-size:65px}
}
/* The burn panel explains the destination while live checkout is unavailable. */
.burn-entry{display:flex;align-items:center;gap:15px;width:100%;min-height:82px;padding:18px;margin:0 0 25px;text-align:left;border:1px solid #68cde657;border-radius:14px;background:linear-gradient(120deg,#12334b,#0b1d32);box-shadow:inset 0 1px #d7f7ff0c}
.burn-entry-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #75dbef38;border-radius:12px;background:#183e53;color:#9aeeff}
.burn-entry-icon svg{width:24px;height:29px}
.burn-entry-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}
.burn-entry-copy strong{font-size:16px;line-height:1.3;font-weight:700;letter-spacing:-.1px;color:#e6faff}
.burn-entry-copy small{font-size:12px;line-height:1.5;color:#b4d2e7}
.burn-entry-arrow{flex:0 0 auto;font-size:23px;line-height:1;color:#9de6f6}
.burn-entry:focus-visible,.burn-details summary:focus-visible,.burn-back:focus-visible{outline:2px solid #a0efff;outline-offset:4px}
.burn-status{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:7px 11px;margin:0 0 17px;border:1px solid #e9bf704d;border-radius:30px;background:#332c24;color:#ffe0a3;font-size:11px;line-height:1.4;font-weight:650;letter-spacing:.1px}
.burn-status:before{content:'';width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#f0ca86}
.wallet-panel{padding:20px;margin:2px 0 25px;border:1px solid #68cde64f;border-radius:15px;background:linear-gradient(135deg,#12374c,#0c2034)}
.wallet-panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.wallet-panel h3{margin:0;font-size:16px;line-height:1.4;color:#e1f7ff;font-weight:650}
.wallet-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#819aad}
.wallet-panel.is-connected .wallet-dot{background:#9be9c4;box-shadow:0 0 12px #9be9c42b}
.wallet-panel p{font-size:12px;line-height:1.65;color:#b7d1e4;margin:0 0 17px}
.wallet-panel .wallet-address{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.8;color:#e4f9ff;user-select:text;-webkit-user-select:text}
.wallet-panel .wallet-network{font-size:11px;color:#b2edd2;margin:9px 0 17px}
.wallet-panel .wallet-network.needs-switch{color:#ffe0a3}
.wallet-actions{display:flex;gap:9px;flex-wrap:wrap}.wallet-actions button{flex:1;min-width:115px;min-height:47px;font-size:12px}
.wallet-panel .wallet-connection-note{margin:14px 0 0;font-size:10px;color:#a9c5db}
.wallet-panel .wallet-error{margin:15px 0 0;padding:10px 12px;border:1px solid #ffc58e3d;border-radius:8px;color:#ffdfb9;background:#44302280}
.wallet-panel .primary:disabled{opacity:1;background:#263e54;color:#ccdfed;box-shadow:none;border-color:#5c7b94;white-space:normal}
.wallet-handoff{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:#020b194d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.wallet-handoff[hidden]{display:none}
.wallet-handoff.wallet-prompt-open{pointer-events:none}
.wallet-handoff.wallet-prompt-open>div{visibility:hidden}
dialog.wallet-background{position:fixed;inset:0;margin:auto;height:fit-content;z-index:90;pointer-events:none}
dialog.wallet-still[open] .modal-shell{animation:none}
.wallet-handoff>div{max-width:380px;width:100%;padding:27px;border:1px solid #70c5e14f;border-radius:16px;background:#0d2337}
.wallet-handoff h2{margin:14px 0;font-size:25px;line-height:1.2;color:#edfaff}
.wallet-handoff p{font-size:13px;line-height:1.7;color:#bdd6e7;margin:0 0 23px}
.credit-packs{margin:8px 0 25px}
.credit-packs .shop-section-heading{margin:0 0 14px}
.credit-pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.credit-pack{min-width:0;padding:19px 15px 16px;border:1px solid #65c5e14d;border-radius:14px;background:linear-gradient(150deg,#123449,#0b1b2e 75%)}
.credit-pack[data-pack="climber"]{border-color:#9f94e057;background:linear-gradient(150deg,#292d50,#0b1b2e 75%)}
.credit-pack[data-pack="ascent"]{border-color:#639ce366;background:linear-gradient(150deg,#1c3558,#0b1b2e 75%)}
.credit-pack[data-pack="summit"]{border-color:#a8e3e166;background:linear-gradient(150deg,#194849,#0b1b2e 75%)}
.credit-pack h4{margin:0 0 10px;color:#e7f4ff;font-size:13px;line-height:1.4;font-weight:650}
.credit-pack-saving{display:inline-block;max-width:100%;color:#9ee9f5;font-size:10px;line-height:1.5;font-weight:600}
.credit-pack[data-pack="climber"] .credit-pack-saving{color:#d1c9ff}
.credit-pack[data-pack="ascent"] .credit-pack-saving{color:#b7d9ff}
.credit-pack[data-pack="summit"] .credit-pack-saving{color:#a9f4df}
.credit-pack-amount{display:flex;flex-direction:column;gap:3px;margin:20px 0 17px}
.credit-pack-amount strong{font-size:28px;line-height:1.15;letter-spacing:-.8px;font-weight:750;font-variant-numeric:tabular-nums;color:#edfaff}
.credit-pack-amount span{font-size:11px;color:#b7d2e5}
.credit-pack-price{display:flex;flex-direction:column;gap:5px;margin:0;padding-top:14px;border-top:1px solid #98cde92e}
.credit-pack-price strong{font-size:21px;line-height:1.3;font-weight:650;font-variant-numeric:tabular-nums;color:#ffe0a3}
.credit-pack-price span{font-size:10px;line-height:1.5;color:#c0d7e6}
.credit-pack-note{margin:13px 0 0;font-size:11px;line-height:1.7;color:#b4ccdf}
@media(max-width:600px){
  .credit-pack-grid{grid-template-columns:minmax(0,1fr)}
  .credit-pack{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:17px}
  .credit-pack h4{margin:0 0 5px}.credit-pack-saving{grid-column:1}
  .credit-pack-amount{grid-column:1 / -1;margin:15px 0 0}.credit-pack-amount strong{font-size:29px}
  .credit-pack-price{grid-column:2;grid-row:1 / 3;align-self:center;text-align:right;border:0;padding:0;max-width:110px}
}
.burn-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;min-width:0;padding:15px 17px;margin:20px 0;border:1px solid #6eadd62b;border-radius:12px;background:#0c2035;font-size:12px;line-height:1.5;color:#b6cee0}
.burn-summary strong{font-size:21px;font-weight:700;font-variant-numeric:tabular-nums;color:#ffe0a3;overflow-wrap:anywhere}
.burn-steps{list-style:none;margin:25px 0;padding:0;display:grid;gap:19px}
.burn-steps li{display:flex;align-items:flex-start;gap:12px;min-width:0}
.burn-step-number{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid #67c6df40;border-radius:9px;background:#13324a;color:#9ceaff;font-size:12px;font-weight:750;line-height:1}
.burn-steps li>div{min-width:0;flex:1}
.burn-steps h3{margin:2px 0 5px;font-size:14px;font-weight:650;line-height:1.4;color:#e4f4ff}
.burn-steps p{margin:0;font-size:12px;line-height:1.65;color:#afc7dd}
.burn-destination{min-width:0;margin:22px 0 13px;padding:16px;border:1px solid #68ccdc40;border-radius:12px;background:#0b2435}
.burn-destination small{display:block;margin:0 0 9px;font-size:10px;line-height:1.5;font-weight:650;letter-spacing:.9px;text-transform:uppercase;color:#aadce9}
.burn-destination p{margin:11px 0 0;font-size:11px;line-height:1.65;color:#c1d5e4}
.burn-destination code,.burn-details code{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.75;color:#e0f7ff;user-select:text;-webkit-user-select:text}
.burn-details{margin:0 0 22px;min-width:0;border-bottom:1px solid #8db5d32b}
.burn-details summary{min-height:44px;padding:13px 2px;cursor:pointer;font-size:12px;line-height:1.5;font-weight:600;color:#bdd9eb}
.burn-details summary::marker{color:#83cee6}
.burn-details dl{display:grid;grid-template-columns:minmax(70px,.65fr) minmax(0,2fr);gap:12px;margin:3px 0 18px;font-size:12px;line-height:1.6}
.burn-details dt{color:#a7bfd4}
.burn-details dd{min-width:0;margin:0;color:#e1effa;overflow-wrap:anywhere}
.burn-unavailable{min-width:0;margin:22px 0 0;padding:18px;border:1px solid #9eb8ce33;border-radius:14px;background:#102238}
.burn-unavailable h3{margin:0 0 8px;font-size:15px;line-height:1.4;font-weight:650;color:#edf7ff}
.burn-unavailable p{margin:0 0 17px;font-size:12px;line-height:1.65;color:#bacfe0}
.burn-unavailable .primary:disabled{width:100%;min-height:50px;padding:13px 15px;opacity:1;color:#ccdfed;background:#263e54;border-color:#5c7b94;box-shadow:none;transform:none;filter:none;transition:none;line-height:1.45;white-space:normal}
.burn-footer{margin:15px 0 18px;font-size:11px;line-height:1.65;color:#bdd0df}
.burn-footer p{margin:0}
.burn-back{display:flex;align-items:center;justify-content:center;min-height:46px;width:100%;margin:0 0 24px;padding:12px 16px;font-size:13px;line-height:1.5}
@media(max-width:430px){
  .burn-entry{padding:15px 13px;gap:11px}.burn-entry-icon{flex-basis:36px;width:36px;height:40px}.burn-entry-copy strong{font-size:15px}.burn-entry-copy small{font-size:11px}
  .burn-summary{padding:13px 14px}.burn-destination{padding:14px}.burn-destination code,.burn-details code{font-size:11px}
  .burn-details dl{grid-template-columns:minmax(0,1fr);gap:4px}.burn-details dd{margin-bottom:9px}.burn-unavailable{padding:15px}
}
/* Permanent ability unlocks and the three-charge cache are separate purchases. */
.shop-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:19px 0 23px;padding:5px;border:1px solid #6c99b438;border-radius:12px;background:#051222}
.shop-tabs button{min-height:48px;padding:10px 6px;border:1px solid transparent;border-radius:8px;color:#b4ccdf;font-size:12px;line-height:1.3;font-weight:600;touch-action:manipulation}
.shop-tabs button[aria-pressed="true"]{border-color:#75d9ef60;background:#173d54;color:#e3faff;box-shadow:inset 0 1px #c9f2ff15}
.shop-tabs button:focus-visible{outline:2px solid #9aeeff;outline-offset:2px}
.shop-tabs button:not([aria-pressed="true"]):hover{background:#112a40}
.ability-section{margin:27px 0 30px}
.ability-section .shop-section-heading{margin-bottom:9px}
.ability-intro{max-width:560px;margin:0 0 18px;font-size:12px;line-height:1.7;color:#b6cde0}
.ability-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px}
.ability-card{--ability:#8fe7ff;display:flex;flex-direction:column;min-width:0;padding:17px 14px 14px;border:1px solid #5792b54f;border-radius:15px;background:linear-gradient(155deg,#122d43,#0b1a2c 68%);box-shadow:inset 0 1px #e8f8ff0a}
.ability-card[data-kind="magnet"]{--ability:#cab6ff;border-color:#a18ac547;background:linear-gradient(155deg,#292642,#0c1b2c 68%)}
.ability-card[data-kind="boost"]{--ability:#ffdc9b;border-color:#ba9e6447;background:linear-gradient(155deg,#332d2e,#0d1b2b 68%)}
.ability-card-head{display:flex;align-items:center;gap:9px;min-width:0;margin-bottom:13px}
.ability-symbol{display:grid;place-items:center;flex:0 0 35px;width:35px;height:39px;border-radius:11px;border:1px solid #b5d6e726;background:#c1eaff08;color:var(--ability)}
.ability-symbol svg{width:25px;height:25px}
.ability-label{min-width:0}
.ability-label h3{margin:0 0 4px;color:#f1f8ff;font-size:15px;line-height:1.3;font-weight:700;letter-spacing:-.2px}
.ability-label small{display:block;color:var(--ability);font-size:9px;line-height:1.4;letter-spacing:.35px}
.ability-effect,.ability-effect p{margin:0;font-size:11px;line-height:1.65;color:#b9cddd}
.ability-effect{min-height:57px;margin-bottom:16px}
.ability-unlock-scale{height:6px;overflow:hidden;border:1px solid #aacbe823;border-radius:8px;background:#030e1da6}
.ability-unlock-scale>span{display:block;max-width:100%;height:100%;border-radius:inherit;background:var(--ability);box-shadow:0 0 9px #9be9ff38}
.ability-scale-label{display:flex;align-items:flex-start;justify-content:space-between;gap:7px;margin:7px 0 0;color:#a6c0d5;font-size:9px;line-height:1.5;font-variant-numeric:tabular-nums}
.ability-scale-label>span:last-child{color:#e0edf9;text-align:right}
.ability-status{min-height:30px;margin:10px 0 11px;color:var(--ability);font-size:10px;line-height:1.5;font-weight:600}
.ability-current{color:var(--ability);font-weight:650;font-variant-numeric:tabular-nums}
.ability-card.is-unlocked{box-shadow:inset 0 2px var(--ability),inset 0 1px #e8f8ff0a}
.ability-cache-slots{display:flex;align-items:center;gap:6px;margin:0 0 15px}
.ability-cache-slots>i{flex:1;height:7px;max-width:48px;border:1px solid #9bb6d33d;border-radius:3px;background:#071523}
.ability-cache-slots>i.filled{border-color:var(--ability);background:var(--ability);box-shadow:0 0 9px #c0e6ff12}
.ability-price-line{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:auto;padding:12px 0 11px;border-top:1px solid #9eb8d322;font-size:10px;line-height:1.5;color:#b5cadd}
.ability-cache-slots>span{font-size:11px;line-height:1.4;color:#c1d5e4;white-space:nowrap}
.ability-price-line strong{font-size:15px;line-height:1.3;font-weight:750;white-space:nowrap;color:#ffe1a8;font-variant-numeric:tabular-nums}
.ability-actions{display:flex;flex-direction:column;gap:7px}
.ability-actions button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 9px;border:1px solid #92d7ef6b;border-radius:8px;background:#1b425c;color:#e9faff;font-size:11px;line-height:1.45;font-weight:650;white-space:normal;touch-action:manipulation;box-shadow:inset 0 1px #edfcff0d}
.ability-actions button:disabled{opacity:1;border-color:#6386a035;background:#12283b;color:#a8bfd2;box-shadow:none;filter:none;transform:none}
.ability-actions button:focus-visible{outline:2px solid var(--ability);outline-offset:3px}
.ability-actions button:not(:disabled):active{background:#265c7d;transform:translateY(1px)}
.ability-confirm-note{margin:18px 0;padding:15px 17px;border:1px solid #8cd9ea38;border-radius:12px;background:#112b3d;color:#c3deed;font-size:12px;line-height:1.75}
.ability-confirm-note strong{color:#ecfaff;font-weight:700}
/* Every cache remains tappable while the active duration has its own display. */
.play .power-hud{pointer-events:auto;z-index:4;gap:8px}
.play .power-pill{width:70px;min-width:48px;height:88px;min-height:48px;padding:7px 4px 6px;gap:3px;opacity:1;touch-action:manipulation;cursor:pointer;transition:border-color .15s,background-color .15s;appearance:none;-webkit-appearance:none}
.play .power-pill>.power-symbol{width:25px;height:25px;margin-right:14px}
.play .power-pill>.power-symbol svg{width:24px;height:24px}
.play .power-pill>div{width:100%}
.play .power-pill b{font-size:7px;line-height:10px;letter-spacing:.6px}
.play .power-pill small{min-height:12px;margin-top:2px;font-size:10px;line-height:12px;font-variant-numeric:tabular-nums}
.play .power-pill .cache-count{position:absolute;right:5px;top:7px;min-width:22px;padding:2px 3px;border:1px solid #c1e1fa30;border-radius:5px;background:#0b2339;font-size:9px;line-height:12px;font-weight:750;font-variant-numeric:tabular-nums;color:#e4f5ff}
.play .power-pill .cache-hint{display:block;font-size:7px;font-weight:750;line-height:10px;letter-spacing:.7px;color:#acc5da}
.play .power-pill.stocked{border-color:var(--power);background:#0f3048f2;box-shadow:inset 0 1px #d6f7ff1a,0 4px 15px #0005}
.play .power-pill.stocked .cache-count{background:#173e56;color:#f2fbff;border-color:#a4e7fc57}
.play .power-pill.stocked .cache-hint{color:var(--power)}
.play .power-pill:disabled{opacity:1;cursor:default;filter:none}
.play .power-pill.cache-locked{border-color:#8ca7bc38;background:#0a1c2ee6;box-shadow:inset 0 1px #c1e2f00a}
.play .power-pill.cache-locked .power-symbol{color:#91adc3}
.play .power-pill.cache-locked b,.play .power-pill.cache-locked small,.play .power-pill.cache-locked .cache-hint{color:#a8c0d3}
.play .power-pill.active{border-color:var(--power);background:#123b53f2;box-shadow:0 0 20px #45cce92b,inset 0 1px #f5fdff30}
.play .power-pill.active .cache-hint{color:var(--power)}
.play .power-pill.active .power-symbol{color:var(--power)}
.play .power-pill.boost.active{background:#574020f2}
.play .power-pill.magnet.active{background:#34295af2}
.play .power-pill.shield.expiring{background:#463324f2}
.play .power-pill:focus-visible{outline:2px solid #effdff;outline-offset:3px}
.play .power-pill:not(:disabled):active{transform:translateY(1px);background:#245771}
@media(max-width:620px){
  .ability-shop-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .ability-card{padding:18px}
  .ability-card-head{margin-bottom:10px;gap:12px}
  .ability-symbol{width:39px;flex-basis:39px;height:43px}
  .ability-label h3{font-size:17px}.ability-label small{font-size:10px}
  .ability-effect{min-height:0;margin-bottom:17px;font-size:12px}
  .ability-effect p{font-size:12px}
  .ability-scale-label{font-size:10px}
  .ability-status{min-height:0;margin:12px 0}
  .ability-cache-slots{margin-bottom:13px}.ability-cache-slots>i{max-width:62px;height:8px}
  .ability-price-line{font-size:11px;padding-top:13px}.ability-price-line strong{font-size:18px}
  .ability-actions button{font-size:12px;min-height:50px}
}
@media(max-width:700px){
  .play .power-hud{left:50%;right:auto;bottom:calc(112px + env(safe-area-inset-bottom));transform:translateX(-50%);flex-direction:row;gap:9px}
  .play .power-pill{width:70px;height:88px;border-radius:12px}
}
@media(max-width:700px) and (max-height:720px) and (orientation:portrait){
  .play .power-hud{left:auto;right:8px;bottom:calc(92px + env(safe-area-inset-bottom));transform:none;flex-direction:column;gap:6px}
  .play .power-pill{width:52px;height:78px;padding:6px 2px 5px;gap:2px;border-radius:10px}
  .play .power-pill>.power-symbol{width:21px;height:21px;margin-right:13px}.play .power-pill>.power-symbol svg{width:20px;height:20px}
  .play .power-pill b{font-size:6px;line-height:9px;letter-spacing:.3px}.play .power-pill small{font-size:9px;line-height:11px;min-height:11px}
  .play .power-pill .cache-count{top:6px;right:3px;padding:1px 2px;min-width:20px;font-size:8px;line-height:11px}
  .play .power-pill .cache-hint{font-size:6px;line-height:9px;letter-spacing:.4px}
}
@media(orientation:landscape) and (max-height:550px){
  .play .power-hud{left:15px;right:auto;bottom:calc(52px + env(safe-area-inset-bottom));transform:none;flex-direction:row;gap:6px}
  .play .power-pill{width:62px;height:76px;padding:5px 3px;gap:2px}
  .play .power-pill>.power-symbol{width:21px;height:21px;margin-right:15px}.play .power-pill>.power-symbol svg{width:20px;height:20px}
  .play .power-pill b{font-size:6px;line-height:9px}.play .power-pill small{font-size:9px;line-height:11px;min-height:11px;margin-top:1px}
  .play .power-pill .cache-count{top:5px;right:4px;font-size:8px;line-height:10px}
  .play .power-pill .cache-hint{font-size:6px;line-height:9px}
}
@media(prefers-reduced-motion:reduce){.play .power-pill,.ability-actions button{transition:none}}
/* Account checkout uses the same dark, quiet visual language as the runner. */
.credit-source{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:12px 0 18px;padding:5px;border:1px solid #355976;border-radius:14px;background:#061524}
.credit-source button{min-height:46px;border:0;border-radius:9px;background:transparent;color:#a6bfd2;font-size:12px;font-weight:700;padding:10px}
.credit-source button[aria-pressed=true]{color:#e9fbff;background:#17405a;box-shadow:inset 0 1px #7bcce137}
.credit-source button:disabled{opacity:.55;cursor:not-allowed}
.account-balance{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px;margin:18px 0 24px;border:1px solid #295574;background:linear-gradient(115deg,#10324a,#0b1d30);border-radius:16px}
.account-balance span{display:block;font-size:10px;letter-spacing:1.4px;color:#a1c8df;font-weight:700}
.account-balance strong{display:block;font-size:34px;line-height:1.15;margin-top:9px;color:#e9fbff;font-variant-numeric:tabular-nums}
.account-balance p{color:#a3bbce;font-size:12px;line-height:1.6;text-align:right;margin:0}
.checkout-review{margin:22px 0;padding:24px;border:1px solid #4696ae;border-radius:18px;background:linear-gradient(145deg,#103044,#0b1b2d);box-shadow:0 10px 30px #0002}
.checkout-review h3{font-size:23px;line-height:1.25;margin:15px 0;color:#e8faff}
.checkout-review>p,.deposit-notes p{font-size:13px;line-height:1.7;color:#afc6d7}
.checkout-review .primary{margin-top:12px}
.quote-summary{margin:18px 0;padding:0}
.quote-summary>div{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:11px 0;border-bottom:1px solid #73a6bf25}
.quote-summary dt{color:#93b6cd;font-size:12px;flex-shrink:0}
.quote-summary dd{color:#edfaff;font-size:13px;font-weight:650;text-align:right;margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.receipt-code{display:block;overflow-wrap:anywhere;word-break:break-all;font-size:11px;line-height:1.7;color:#b4d8ec;background:#04121d7d;padding:12px;border-radius:8px;margin:12px 0}
.receipt-link{display:inline-block;padding:10px 0;color:#8ce1ef;font-size:12px;text-underline-offset:4px}
.credit-pack-grid .credit-pack .ghost{min-height:43px;margin-top:18px;font-size:12px}
.credit-pack-grid .credit-pack .ghost:disabled{opacity:.5;cursor:not-allowed}
.network-badge{display:table;margin:20px auto;padding:8px 14px;font-size:11px;letter-spacing:.6px;color:#a9edf3;background:#123e4c;border:1px solid #367e8d;border-radius:30px}
.deposit-qr{display:flex;align-items:center;justify-content:center;width:240px;min-height:240px;margin:20px auto 26px;border-radius:18px;background:#fff;overflow:hidden;max-width:100%;color:#19344c;text-align:center;font-size:13px}
.deposit-qr img{display:block;width:100%;height:auto}
.deposit-address-label{display:block;color:#9dbece;font-size:11px;letter-spacing:.8px;text-transform:uppercase;margin-top:24px}
.deposit-notes{display:grid;gap:0;margin:22px 0 0;padding:0 18px;border-left:2px solid #367f96}
.deposit-notes strong{color:#e2f4fb}
.wallet-panel .wallet-actions{flex-wrap:wrap}
.wallet-panel .wallet-actions button{min-height:44px}
.wallet-actions button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:540px){.checkout-review{padding:18px}.account-balance{padding:18px;gap:12px}.account-balance strong{font-size:30px}.account-balance p{font-size:11px}.quote-summary>div{gap:12px}.quote-summary dd{font-size:12px}.credit-source button{font-size:11px}.wallet-actions{display:flex;flex-wrap:wrap;gap:8px}.wallet-actions button{flex:1 1 140px}}
.recovery-hash{display:block;width:100%;box-sizing:border-box;margin:12px 0;padding:13px;border:1px solid #426c88;border-radius:9px;background:#04121d;color:#dff8ff;font-family:monospace;font-size:12px;min-height:46px}.recovery-hash:focus-visible{outline:2px solid #8ce1ef;outline-offset:2px}
/* Wallet transfers keep the full destination and exact token amounts legible. */
.transfer-balances{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:22px 0}
.transfer-balances>div{min-width:0;padding:17px;border:1px solid #315e79;border-radius:12px;background:linear-gradient(130deg,#11334b,#0b1e30)}
.transfer-balances span{display:block;font-size:9px;font-weight:750;letter-spacing:1px;line-height:1.6;color:#a4c5db}
.transfer-balances strong{display:block;margin-top:9px;font-size:19px;line-height:1.45;font-weight:700;color:#e4faff;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.transfer-form{display:flex;flex-direction:column;margin:23px 0 12px}
.transfer-form>label{display:block;margin:0 0 9px;color:#d4eaf6;font-size:13px;font-weight:650}
.transfer-input{width:100%;box-sizing:border-box;min-height:52px;padding:14px 13px;border:1px solid #3f6884;border-radius:10px;background:#061727;color:#edfbff;font-size:16px;line-height:1.5;outline:none;box-shadow:inset 0 1px 5px #0002;font-variant-numeric:tabular-nums}
#transfer-recipient{font-family:monospace;font-size:14px}
.transfer-input::placeholder{color:#819eb2;opacity:1}
.transfer-input:focus-visible{border-color:#8ce1ef;outline:2px solid #8ce1ef;outline-offset:2px}
.transfer-input:disabled{opacity:.65}
.transfer-amount-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}
.transfer-amount-row .ghost{min-width:64px;padding:10px 16px;border:1px solid #3f6884;border-radius:10px;color:#b6eef6;background:#14344a;font-size:13px;font-weight:750}
.transfer-form .transfer-field-note{margin:9px 0 24px;color:#a7c0d3;font-size:11px;line-height:1.65}
.transfer-form>.primary{min-height:52px;margin-top:2px}
.transfer-form>.text-link{min-height:46px;margin-top:6px}
.transfer-form button:disabled{opacity:.55;cursor:not-allowed}
.transfer-address-label{color:#a1c5dc;font-size:11px;line-height:1.5;font-weight:650;margin:18px 0 7px}
.transfer-summary dd{font-size:14px;line-height:1.5;max-width:70%}
.transfer-recipient{border:1px solid #477e94;color:#e0f5ff;font-size:13px;line-height:1.8;letter-spacing:.2px}
.transfer-status.is-confirmed{border-color:#6fbaad;background:linear-gradient(145deg,#143e43,#0b2230)}
.transfer-status .wallet-error{margin-top:16px}
.transfer-activity-link{display:block;width:fit-content}
.transfer-credits-note{padding-top:16px;border-top:1px solid #6d93aa26;font-size:11px;line-height:1.7;color:#9fb6c8}
@media(max-width:420px){.transfer-balances{gap:8px}.transfer-balances>div{padding:13px}.transfer-balances strong{font-size:16px}.transfer-balances span{font-size:8px}.transfer-summary>div{align-items:flex-start}.transfer-summary dt{max-width:45%;white-space:normal;flex-shrink:1}.transfer-summary dd{font-size:12px}.transfer-recipient{font-size:12px}}
/* Cronos asset selection keeps the network and complete contract visible. */
.transfer-asset-picker{margin-top:22px;min-width:0}
.transfer-asset-picker>label{display:block;margin-bottom:9px;color:#d4eaf6;font-size:13px;font-weight:650}
.transfer-asset-picker select{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding-right:35px;color-scheme:dark}
.transfer-asset-note{margin:10px 0 6px;color:#a7c0d3;font-size:11px;line-height:1.6}
.transfer-contract{margin:6px 0 12px;font-size:11px;border:1px solid #315e7966}
.transfer-import{margin:14px 0 0;padding:13px 15px;background:#0c2337;border:1px solid #315e79;border-radius:10px}
.transfer-import summary{min-height:24px;display:list-item;color:#aee9f2;cursor:pointer}
.transfer-import p{font-size:11px;line-height:1.7;color:#a7c0d3}
.transfer-import label{display:block;margin:16px 0 9px;color:#d4eaf6;font-size:12px}
.transfer-import .ghost{margin-top:10px}
.transfer-import input{font-family:monospace;font-size:13px}
.transfer-import button:disabled{opacity:.55;cursor:not-allowed}
.transfer-balances small{display:block;margin-top:6px;color:#a7c0d3;font-size:10px;line-height:1.6}
/* Independent mix controls keep their saved levels when the master is muted. */
.setting-volume{padding:18px 0;border-bottom:1px solid var(--line)}
.setting-volume label{display:flex;justify-content:space-between;gap:20px;color:#d8eaf7;font-size:12px}
.setting-volume output{color:#aee9f2;font-variant-numeric:tabular-nums;font-weight:650}
.setting-volume input{display:block;width:100%;min-height:36px;margin:8px 0 0;accent-color:#63cee9;cursor:pointer}
.setting-volume input:disabled{opacity:.4;cursor:not-allowed}
.setting-volume input:focus-visible,.setting-row input:focus-visible{outline:2px solid #8ce1ef;outline-offset:3px;border-radius:8px}
.music-credits{margin-top:23px;padding:16px 18px;border:1px solid #315e79;border-radius:12px;background:#0b2033;color:#aac8dd}
.music-credits summary{cursor:pointer;font-size:12px;color:#b7edf6;min-height:24px;line-height:24px}
.music-credits p{font-size:11px;line-height:1.8;margin:10px 0 0}
.music-credits a{color:#93e3f0;text-underline-offset:3px}
.music-credits strong{color:#e1f3fd;font-weight:600}
.wallet-management-note{font-size:12px;line-height:1.8;color:#adc8dc;padding:16px 18px;margin:20px 0;border-left:2px solid #62bace;background:#112a3c}
.managed-wallets{display:grid;gap:12px;margin:22px 0}
.managed-wallet{min-width:0;padding:18px;border:1px solid #315e79;border-radius:12px;background:#0a2033}
.managed-wallet.is-active{border-color:#64b7c8;background:linear-gradient(135deg,#13394d,#0d2539)}
.managed-wallet .receipt-code{margin:12px 0 15px}
.managed-wallet button:disabled{opacity:.55;cursor:not-allowed}
.wallet-key-actions{display:flex;flex-wrap:wrap;gap:10px}
.wallet-key-actions button{flex:1 1 180px}
@media(max-width:420px){.transfer-import{padding:12px}.transfer-asset-picker select{font-size:14px}.managed-wallet{padding:14px}.setting-volume{padding:16px 0}}
/* Quote timing is separate from receipt tracking; zero never asks for a second payment. */
.checkout-countdown{display:flex;align-items:center;gap:20px;padding:16px;margin:18px 0;border:1px solid #4b93a56e;border-radius:12px;background:#123746}
.checkout-countdown>div{flex:0 0 auto;min-width:76px}
.checkout-countdown span{display:block;font-size:8px;font-weight:750;letter-spacing:1.2px;color:#acdce6}
.checkout-countdown strong{display:block;margin-top:5px;font-size:29px;line-height:1.1;font-variant-numeric:tabular-nums;color:#e5fcff;letter-spacing:.5px}
.checkout-countdown p{margin:0;color:#b8d4df;font-size:11px;line-height:1.7}
.checkout-countdown.is-expired{background:#342b29;border-color:#b59a6966}
.checkout-countdown.is-expired strong{color:#f5d9a9}
.checkout-watch-status>p{font-size:12px;line-height:1.7;color:#acd3e2;margin:10px 0 17px}
.checkout-watch-status>p:empty{display:none}
.checkout-watch-status button{margin:0 0 20px}
.checkout-success{margin:20px 0;padding:22px;border:1px solid #70b5a9;border-radius:16px;background:linear-gradient(135deg,#163d42,#0b2433)}
.checkout-success h3{font-size:22px;color:#e9fff7;margin:12px 0}
.checkout-success p{font-size:13px;line-height:1.7;color:#b7dad7}
#checkout-fresh-approval{margin-top:16px}
@media(max-width:420px){.checkout-countdown{gap:13px;padding:13px}.checkout-countdown strong{font-size:25px}.checkout-countdown p{font-size:10px}.checkout-success{padding:18px}}
.contract-setup-entry{margin:22px 0;padding:22px;border:1px solid #62bace80;border-radius:16px;background:linear-gradient(135deg,#153c50,#0b2237)}
.contract-setup-entry h3,.contract-setup-review h3,.contract-setup-pending h3{font-size:22px;line-height:1.25;margin:13px 0;color:#e8f8ff}
.contract-setup-entry p,.contract-setup-review>p,.contract-setup-pending>p{font-size:12px;line-height:1.8;color:#b7d1df}
.contract-setup-entry button{margin-top:12px}
.contract-setup-review,.contract-setup-pending{margin:22px 0 0;min-width:0}
.contract-setup-review .quote-summary dd{max-width:65%;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.contract-setup-fee-note{margin:22px 0 16px;padding:15px;border-left:2px solid #7dbaca;background:#173645}
.contract-setup-pending>.receipt-link{display:block;width:fit-content;margin:16px 0}
.contract-setup-pending>button{margin-top:12px}
.contract-setup-pending .burn-details label{display:block;font-size:12px;color:#c5dfec;margin:18px 0 10px}
.contract-setup-entry button:disabled,.contract-setup-review button:disabled,.contract-setup-pending button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:420px){.contract-setup-entry{padding:18px}.contract-setup-review .quote-summary dd{font-size:12px}.contract-setup-entry h3,.contract-setup-review h3,.contract-setup-pending h3{font-size:20px}}

/* Keep the next checkout action visible; secondary wallet tools open on demand. */
.wallet-panel .wallet-network{margin-bottom:0}
.wallet-panel .wallet-verify{margin-top:16px}
.wallet-panel .wallet-options{margin:17px 0 0;padding-top:15px;border-top:1px solid #68cde62a}
.wallet-options summary{font-size:13px;color:#d8f4ff;cursor:pointer}
.wallet-options summary span{display:block;margin:5px 0 0 17px;font-size:11px;font-weight:400;color:#9fbdd0}
.wallet-options .wallet-address{margin:16px 0}
.wallet-options .wallet-actions{margin-top:14px}


/* The wallet is a focused mobile destination; advanced controls stay in Settings. */
dialog.wallet-dialog{width:min(500px,calc(100% - 24px));max-height:calc(100dvh - 24px);border:1px solid #365066;border-radius:24px;background:#0c1426;scrollbar-width:thin;scrollbar-color:#31516a #0c1426}
.wallet-dialog .modal-shell{padding:30px 26px 22px}
.wallet-dialog .modal-close{top:18px;right:17px;width:44px;height:44px;background:#132739;color:#b7cddd;font-size:27px}
.wallet-page{min-width:0;color:#e5f2fb}
.wallet-page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:51px;min-height:39px;margin:0 0 8px}
.wallet-page-header h2,.wallet-page-header .modal-title{font-size:25px;line-height:1.25;font-weight:650;letter-spacing:-.6px;margin:0;color:#edf8ff}
.wallet-network-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;padding:6px 9px;border:1px solid #2b4b60;border-radius:30px;background:#122b3d;color:#b4d9e9;font-size:10px;font-weight:650;line-height:1.3;white-space:nowrap}
.wallet-network-pill:before{content:'';width:5px;height:5px;border-radius:50%;background:#7bd9bf}
.wallet-identity{display:flex;align-items:center;gap:7px;max-width:100%;min-height:36px;width:fit-content;margin:0;padding:5px 0;border:0;color:#9eb8cb;font-size:12px;line-height:1.5;letter-spacing:.15px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}
.wallet-identity svg{width:14px;height:14px;color:#80bed2}
.wallet-identity button{display:grid;place-items:center;min-width:36px;min-height:36px;padding:5px;border-radius:8px;color:#8ac8dd}
.wallet-hero{position:relative;text-align:center;padding:28px 0 12px;min-width:0}
.wallet-hero-kicker{display:block;margin:0 0 10px;font-size:12px;line-height:1.5;color:#a3bccd;font-weight:500;letter-spacing:.1px}
.wallet-hero-balance{display:block;margin:0;color:#f0fbff;font-size:clamp(31px,9vw,44px);font-weight:650;line-height:1.2;letter-spacing:-1.6px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.wallet-hero-balance small,.wallet-hero-balance span{font-size:.45em;letter-spacing:.2px;font-weight:500;color:#a8d8e6;white-space:nowrap}
.wallet-hero-note{margin:11px 0 0;font-size:11px;line-height:1.65;color:#8fa9be}
.wallet-primary-actions{display:flex;align-items:flex-start;justify-content:center;gap:34px;margin:21px 0 31px}
.wallet-action-button{display:flex;align-items:center;flex-direction:column;gap:10px;min-width:80px;min-height:91px;padding:5px 10px;border-radius:15px;font-size:12px;line-height:1.5;font-weight:600;color:#cfeaf6;transition:background .16s ease}
.wallet-action-button:hover{background:#162e41;filter:none}
.wallet-action-icon{display:grid;place-items:center;width:70px;height:51px;border:1px solid #2bb4ed;border-radius:30px;background:#149fdf;color:#f0fcff;box-shadow:inset 0 1px #c8f4ff24}
.wallet-action-icon svg{width:23px;height:23px;stroke-width:1.8}
.wallet-action-button:disabled{opacity:.45;cursor:not-allowed}
.wallet-action-button:disabled:hover{background:transparent}
.wallet-tabs{display:flex;gap:28px;padding:0;border-bottom:1px solid #284053;margin:0 0 17px}
.wallet-tabs button{position:relative;min-height:48px;padding:0 2px 13px;color:#8ea8bd;font-size:14px;font-weight:600;border-radius:3px}
.wallet-tabs button[aria-selected=true],.wallet-tabs button[aria-pressed=true],.wallet-tabs button.is-active{color:#b2f0ff}
.wallet-tabs button[aria-selected=true]:after,.wallet-tabs button[aria-pressed=true]:after,.wallet-tabs button.is-active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#79dff7;border-radius:3px 3px 0 0}
.wallet-content-section{min-width:0;min-height:157px}
.wallet-list-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 4px;min-height:36px}
.wallet-list-heading h3,.wallet-list-heading>span{font-size:11px;line-height:1.5;color:#94afc4;font-weight:500;margin:0}
.wallet-list-heading button,.wallet-list-heading a{font-size:11px;color:#9cd9e9;min-height:44px;padding:9px 0 9px 12px;line-height:1.5;text-decoration:none}
.wallet-assets,.wallet-history{display:grid;gap:0;list-style:none;padding:0;margin:0;min-width:0}
.wallet-assets{gap:7px}
.wallet-asset-row{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;padding:17px 14px;min-width:0;min-height:78px;border:1px solid #29375140;border-radius:14px;background:#151e33}
.wallet-asset-row:last-child{border-bottom:1px solid #29375140}
.wallet-asset-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #2e6685;border-radius:50%;background:#14334f;color:#b3e4ff;font-size:16px;font-weight:750;overflow:hidden;line-height:1}
.wallet-asset-icon svg{width:24px;height:26px}
.wallet-asset-icon img{display:block;width:100%;height:100%;object-fit:cover}
.wallet-asset-icon.is-ulti,.wallet-asset-icon[data-token=ULTI]{background:#0d4057;border-color:#2b718b;color:#7fe7ff}
.wallet-asset-name,.wallet-asset-balance{min-width:0}
.wallet-asset-name strong{display:block;font-size:14px;line-height:1.45;font-weight:600;color:#e1f2fc;overflow-wrap:anywhere}
.wallet-asset-name small,.wallet-asset-name span{display:block;margin-top:3px;font-size:11px;line-height:1.5;color:#8faabf;overflow-wrap:anywhere}
.wallet-asset-balance{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.wallet-asset-balance strong{display:block;color:#e5f5fd;font-size:14px;font-weight:550;line-height:1.5}
.wallet-asset-balance small,.wallet-asset-balance span{display:block;margin-top:3px;color:#8ca8be;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.wallet-empty,.wallet-loading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:29px 14px;border:1px solid #233e52;border-radius:14px;margin:12px 0;color:#9eb9cb;font-size:12px;line-height:1.7;text-align:center;background:#0b1c2b}
.wallet-empty strong,.wallet-loading strong{display:block;font-size:14px;font-weight:600;line-height:1.5;color:#d0e7f4}
.wallet-empty p,.wallet-loading p{margin:0;max-width:290px;font-size:12px;line-height:1.7;color:#9eb9cb}
.wallet-empty svg,.wallet-loading svg{width:26px;height:26px;color:#78b1ca;margin-bottom:3px}
.wallet-empty button,.wallet-loading button{min-height:44px;margin-top:4px}
.wallet-activity-row{display:grid;grid-template-columns:35px minmax(0,1fr) minmax(0,.8fr);align-items:start;gap:11px;min-width:0;padding:17px 0;border-bottom:1px solid #213b4e}
.wallet-activity-row:last-child{border-bottom:0}
.wallet-activity-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#183448;border:1px solid #2c5269;color:#a6d9e9;font-size:20px;line-height:1}
.wallet-activity-icon svg{width:18px;height:18px}
.wallet-activity-info,.wallet-activity-value{min-width:0}
.wallet-activity-info strong{display:block;color:#dcedf7;font-size:13px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.wallet-activity-info small,.wallet-activity-info p{display:block;font-size:10px;color:#8aa7bc;line-height:1.6;margin:4px 0 0;overflow-wrap:anywhere}
.wallet-activity-info a{display:inline-flex;align-items:center;gap:4px;min-height:36px;margin:2px 0 -7px;font-size:10px;line-height:1.5;color:#9ad9e8;text-decoration:underline;text-underline-offset:3px}
.wallet-activity-info a svg{width:11px;height:11px}
.wallet-activity-value{padding-top:1px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums;line-height:1.5;color:#dcedf7;overflow-wrap:anywhere}
.wallet-activity-value strong{display:block;font-size:12px;font-weight:600}
.wallet-activity-value small{display:block;margin-top:4px;font-size:10px;line-height:1.5;color:#8ca8be}
.wallet-activity-status{display:inline-block;max-width:100%;font-size:9px;font-weight:600;line-height:1.5;margin-top:6px;padding:3px 6px;border:1px solid #3d6172;border-radius:5px;background:#163143;color:#bbd8e4;overflow-wrap:anywhere}
.wallet-activity-status.is-pending,.wallet-activity-row.is-pending .wallet-activity-status{border-color:#716447;background:#322e26;color:#ecd4a8}
.wallet-activity-status.is-confirmed,.wallet-activity-row.is-confirmed .wallet-activity-status{border-color:#35665e;background:#14322f;color:#a8decb}
.wallet-activity-status.is-failed,.wallet-activity-row.is-failed .wallet-activity-status{border-color:#784a53;background:#39252c;color:#f0bac4}
.wallet-settings-menu{margin:24px 0 0;border-top:1px solid #2a4356;border-bottom:1px solid #2a4356;background:transparent}
.wallet-settings-menu>summary{display:flex;align-items:center;gap:10px;min-height:58px;padding:12px 1px;color:#c1d9e8;font-size:13px;font-weight:550;line-height:1.5;cursor:pointer;list-style:none}
.wallet-settings-menu>summary::-webkit-details-marker{display:none}
.wallet-settings-menu>summary svg{width:18px;height:18px;color:#87abc0}
.wallet-settings-menu>summary:after{content:'';width:7px;height:7px;flex:0 0 auto;margin-left:auto;margin-right:5px;border:solid #8ca9bc;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-2px)}
.wallet-settings-menu[open]>summary:after{transform:rotate(225deg) translate(-1px,-1px)}
.wallet-settings-menu>p,.wallet-settings-menu .wallet-management-note{font-size:11px;line-height:1.7;color:#93aec3;margin:0 0 17px;padding:0;border:0;background:transparent}
.wallet-settings-menu .wallet-address{display:block;overflow-wrap:anywhere;word-break:break-all;font-size:11px;line-height:1.7;color:#bfdbe9;user-select:text;-webkit-user-select:text}
.wallet-settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 0 17px}
.wallet-settings-actions button{min-width:0;min-height:47px;padding:11px 10px;background:#122b3d;border:1px solid #2c4d64;border-radius:9px;color:#b6d3e4;font-size:11px;line-height:1.5}
.wallet-settings-actions button.danger{color:#ecc0bd;border-color:#65484d;background:#2a252e}
.wallet-settings-actions button:disabled{opacity:.45}
.wallet-footer-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}
.wallet-footer-nav button,.wallet-footer-nav a{min-height:46px;padding:10px 0;font-size:11px;color:#9fbacc;line-height:1.6;text-underline-offset:3px}
.wallet-footer-nav svg{height:14px;width:14px;vertical-align:middle;margin-right:5px}
.wallet-sync-note{font-size:10px;line-height:1.65;color:#8aa8bd;margin:10px 0 0}
.wallet-sync-note:empty{display:none}
.wallet-credit-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:23px 0 0;padding:17px 18px;border:1px solid #36576e;border-radius:13px;background:linear-gradient(110deg,#133249,#0e2336);min-width:0}
.wallet-credit-card>div{min-width:0}
.wallet-credit-card strong{display:block;color:#d6f0fc;font-size:14px;line-height:1.45;font-weight:600;overflow-wrap:anywhere}
.wallet-credit-card small,.wallet-credit-card p{display:block;font-size:10px;line-height:1.6;color:#99bed1;margin:5px 0 0}
.wallet-credit-card button{min-height:44px;flex:0 0 auto;border:1px solid #446e85;border-radius:8px;padding:10px 12px;font-size:11px;font-weight:600;line-height:1.5;color:#b2e8f6;background:#173d50}
.wallet-page .wallet-error{padding:12px 14px;margin:15px 0;border:1px solid #866b4f;border-radius:10px;background:#302a25;color:#f0d3ad;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.wallet-page button:focus-visible,.wallet-page a:focus-visible,.wallet-page summary:focus-visible{outline:2px solid #92eaff;outline-offset:4px}
/* A purchase has one visible next step, including after its quote timer ends. */
.purchase-status-card{margin:22px 0;padding:23px;border:1px solid #3b7187;border-radius:17px;background:linear-gradient(145deg,#113348,#0b1d2d);min-width:0}
.purchase-status-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #4a8b9f;border-radius:13px;background:#174457;color:#adf0fa;margin:0 0 17px;font-size:21px;line-height:1}
.purchase-status-icon svg{width:24px;height:24px}
.purchase-status-card h3{font-size:22px;line-height:1.3;margin:0 0 11px;font-weight:650;letter-spacing:-.3px;color:#edfaff}
.purchase-status-card>p{font-size:12px;line-height:1.8;margin:0 0 17px;color:#b7d1df}
.purchase-status-card.is-confirmed{border-color:#5c968a;background:linear-gradient(145deg,#123a3d,#0b2330)}
.purchase-status-card.is-confirmed .purchase-status-icon{border-color:#579a88;background:#1c4b43;color:#bcf5d9}
.purchase-status-card.is-failed{border-color:#7d6562;background:linear-gradient(145deg,#342b32,#1a2230)}
.purchase-status-card.is-failed .purchase-status-icon{border-color:#9c7968;background:#4a3835;color:#f3d5b6}
.purchase-status-steps{display:grid;gap:0;list-style:none;margin:20px 0;padding:0}
.purchase-status-steps li{display:flex;align-items:center;gap:10px;min-width:0;min-height:39px;color:#9ab8cc;font-size:12px;line-height:1.6}
.purchase-status-steps li:before{content:'';height:8px;width:8px;flex:0 0 8px;border:1px solid #62879e;border-radius:50%;margin:0 5px;background:transparent}
.purchase-status-steps li.is-complete{color:#c6eee2}
.purchase-status-steps li.is-complete:before{border-color:#96d8bf;background:#96d8bf}
.purchase-status-steps li.is-active{color:#dff6ff;font-weight:600}
.purchase-status-steps li.is-active:before{border-color:#91e2f3;background:#56b8d0;box-shadow:0 0 0 4px #56b8d022}
.purchase-status-steps small{margin-left:auto;color:#93b0c1;font-size:10px}
.purchase-status-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}
.purchase-status-actions button{min-height:50px;width:100%;line-height:1.5}
.purchase-status-actions .primary{margin-top:0}
.purchase-status-actions .text-link{min-height:44px;margin:0}
@media(max-width:420px){
  dialog.wallet-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:20px}
  .wallet-dialog .modal-shell{padding:23px 20px 16px}
  .wallet-dialog .modal-close{top:16px;right:13px;width:40px;height:40px}
  .wallet-page-header{padding-right:46px;gap:8px;min-height:34px}
  .wallet-page-header h2,.wallet-page-header .modal-title{font-size:22px;letter-spacing:-.5px}
  .wallet-network-pill{font-size:9px;padding:6px 8px;gap:5px}
  .wallet-hero{padding-top:24px}
  .wallet-hero-balance{font-size:38px;letter-spacing:-1.3px}
  .wallet-primary-actions{margin-top:17px;margin-bottom:25px;gap:32px}
  .wallet-asset-row{grid-template-columns:38px minmax(0,1fr) minmax(0,1fr);gap:10px;padding:15px 12px}
  .wallet-asset-icon{width:38px;height:38px}
  .wallet-asset-name strong,.wallet-asset-balance strong{font-size:13px}
  .wallet-activity-row{grid-template-columns:32px minmax(0,1fr) minmax(0,.8fr);gap:9px}
  .wallet-activity-icon{width:32px;height:32px}
  .wallet-activity-info strong{font-size:12px}
  .wallet-credit-card{padding:15px 13px;gap:10px}
  .wallet-credit-card strong{font-size:13px}
  .wallet-credit-card button{font-size:10px;padding:9px 10px}
  .purchase-status-card{padding:19px}
  .purchase-status-card h3{font-size:20px}
}
@media(max-width:350px){
  .wallet-dialog .modal-shell{padding-left:16px;padding-right:16px}
  .wallet-page-header{flex-wrap:wrap;justify-content:flex-start;gap:8px;padding-right:40px}
  .wallet-page-header h2,.wallet-page-header .modal-title{font-size:21px}
  .wallet-network-pill{font-size:8px}
  .wallet-hero-balance{font-size:34px}
  .wallet-settings-actions{grid-template-columns:1fr}
  .wallet-activity-row{grid-template-columns:29px minmax(0,1fr) minmax(0,.75fr);gap:7px}
  .wallet-activity-icon{width:29px;height:29px}
}
@media(prefers-reduced-motion:reduce){.wallet-action-button{transition:none}.wallet-dialog[open] .modal-shell{animation:none}}

/* Wallet markup keeps addresses, native units, and confirmed history distinct. */
.wallet-page-header .modal-eyebrow{margin:0 0 7px;font-size:7px;line-height:1.5;letter-spacing:1.6px;color:#8cbfd5}
.wallet-network-pill>i{display:none}
.wallet-identity{flex-wrap:wrap;gap:5px 10px}
.wallet-identity>span:first-child{font-weight:550;letter-spacing:.3px;color:#bad8e8}
.wallet-identity>span+span{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#83a5bb}
.wallet-identity>span+span:before{content:'';width:3px;height:3px;flex:0 0 3px;border-radius:50%;background:#5f8299}
.wallet-hero-balance>small{display:inline-block;margin-left:9px;vertical-align:baseline;line-height:1.3}
.wallet-hero-note>span{color:#7f9db3}
.wallet-action-icon{font-size:29px;font-weight:450}
.wallet-action-button>strong{font-size:12px;line-height:1.5;font-weight:550}
.wallet-asset-name>small{margin-top:5px;font-size:9px;letter-spacing:.15px;color:#7798af}
.wallet-asset-icon.cro-token{background:#0c294b;border-color:#3b607e;color:#e1efff;font-size:11px;letter-spacing:.3px}
.wallet-asset-icon.ulti-token{background:#0c3a51;border-color:#2f6d87;color:#65d9f6}
.wallet-asset-icon.ulti-token svg{width:22px;height:29px;filter:none}
.wallet-history-date{font-size:11px;font-weight:500;color:#8fa9c0;line-height:1.5;margin:21px 0 0;padding:0 0 6px;letter-spacing:.15px}
.wallet-history-date:first-child{margin-top:4px}
.wallet-activity-info>span{display:block;margin-top:4px;font-size:10px;color:#8aa7bc;line-height:1.6;overflow-wrap:anywhere}
.wallet-activity-info>a,.wallet-activity-info>button{display:inline-flex;align-items:center;gap:4px;min-height:44px;margin:0 0 -10px;padding:8px 0;color:#9ad9e8;font-size:10px;font-weight:500;line-height:1.5;text-decoration:underline;text-underline-offset:3px;text-align:left}
.wallet-game-history{padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid #284053}
.wallet-game-history>h3.wallet-list-heading{display:block;min-height:0;font-size:11px;line-height:1.5;margin:4px 0 1px;color:#9cbed1;font-weight:600}
.wallet-game-history .wallet-activity-row{grid-template-columns:35px minmax(0,1fr) auto;column-gap:11px}
.wallet-game-history .wallet-activity-row>.wallet-activity-status{justify-self:end;align-self:start;max-width:76px;margin-top:3px;text-align:center}
.wallet-settings-menu>summary>span{display:none}
.wallet-settings-menu .wallet-address{margin:0 0 17px;padding:11px 12px;border:1px solid #2c455a;border-radius:8px;background:#0a1a2b;font-family:monospace}
.wallet-footer-nav>.ghost,.wallet-footer-nav>.primary{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;min-height:48px;padding:10px 12px;border-radius:10px;font-size:12px;font-weight:600}
.wallet-footer-nav>.primary{background:#188bc0;border:1px solid #3fafd6;color:#e6faff;box-shadow:none}
.wallet-footer-nav>.ghost{background:#132739;border-color:#2f4f67;color:#b5d4e4}
.wallet-footer-nav svg{margin:0;width:15px;height:15px}
.home .secondary-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.home .secondary-actions button{min-width:0;min-height:47px;gap:5px;padding:12px 5px;font-size:11px;line-height:1.4}
.home .secondary-actions svg{width:12px;height:16px}
.home .secondary-actions .mini-stairs{font-size:13px}
@media(max-width:420px){
  .wallet-page-header .modal-eyebrow{font-size:6px;letter-spacing:1.3px;margin-bottom:5px}
  .wallet-identity{margin-top:4px}
  .wallet-identity>span+span{font-size:9px}
  .wallet-hero-balance>small{margin-left:8px}
  .wallet-game-history .wallet-activity-row{grid-template-columns:32px minmax(0,1fr) auto;column-gap:9px}
  .wallet-game-history .wallet-activity-row>.wallet-activity-status{font-size:8px;max-width:67px;padding:3px 5px}
  .wallet-footer-nav{gap:9px;margin-top:14px}
  .wallet-footer-nav>.ghost,.wallet-footer-nav>.primary{padding:10px 8px;font-size:11px}
  .home .secondary-actions button{font-size:10px}
}

.purchase-status-card h2{font-size:26px;line-height:1.25;letter-spacing:-.5px;margin:0 0 14px;color:#edfaff}.purchase-status-amount{margin:23px 0;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.purchase-status-amount strong{font-size:34px;line-height:1.2;letter-spacing:-1px;color:#e9fbff}.purchase-status-amount span{font-size:12px;color:#a4c2d7}.purchase-status-card .wallet-error{margin:16px 0;padding:13px;border:1px solid #83694e;border-radius:10px;background:#302a25;color:#f1d1a6;font-size:12px;line-height:1.7}.purchase-status-card .burn-details label{display:block;margin:14px 0 8px;font-size:12px;color:#b9d5e3}

/* Compact balance context in the shops; wallet actions live on the Wallet page. */
.store-wallet-summary{margin:17px 0 9px;padding:14px 16px;border:1px solid #27465b;border-radius:12px;background:#0c2030}
.store-wallet-balance{display:flex;align-items:center;gap:12px;min-width:0}
.store-token-icon{display:grid;place-items:center;flex:0 0 36px;height:42px}
.store-token-icon img{max-width:30px;max-height:40px;object-fit:contain}
.store-wallet-balance>div{flex:1;min-width:0}
.store-wallet-label{display:block;color:#96b8c9;font-size:9px;font-weight:600;letter-spacing:1px;line-height:1.5}
.store-wallet-balance strong{display:block;color:#e8faff;font-size:21px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.store-wallet-balance strong small{font-size:11px;font-weight:500;color:#a4c4d6}
.store-wallet-balance>.text-link{flex:0 1 auto;min-height:44px;margin:0;padding:8px 0 8px 8px;color:#7eddf0;font-size:11px;line-height:1.5;text-align:right}
.store-wallet-note{margin:7px 0 0;color:#9bb8c9;font-size:11px;line-height:1.6}
.store-wallet-summary .wallet-error{margin:9px 0 0;font-size:11px;line-height:1.6}
.store-fee-banner{display:flex;align-items:center;gap:12px;margin:10px 0 16px;padding:13px 15px;border:1px solid #846b49;border-radius:11px;background:#2c261e;text-align:left}
.store-fee-banner>span{flex:1;min-width:0}.store-fee-banner strong{display:block;color:#f1d8ae;font-size:12px;line-height:1.5}.store-fee-banner small{display:block;color:#cfbb9c;font-size:11px;line-height:1.6;margin-top:3px}
.store-fee-banner>.ghost{display:flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;min-height:44px;padding:8px 11px;border-color:#97794f;color:#ffe3b7;font-size:11px}.store-fee-banner svg{width:13px;height:13px}
@media(max-width:380px){.store-wallet-summary{padding:12px}.store-wallet-balance{gap:9px}.store-wallet-balance strong{font-size:19px}.store-fee-banner{flex-wrap:wrap;padding:12px}.store-fee-banner>.ghost{margin-left:auto}.store-wallet-balance>.text-link{max-width:110px}}