/* Isolate art sizing from frozen styles and intrinsic image dimensions. */
body .prize-catalog-dialog .prize-catalog-grid .gift-tile__scene {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}
body .prize-catalog-dialog .prize-catalog-grid .gift-tile__scene > .gift-art {
  position: absolute;
  inset: 4px;
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  aspect-ratio: auto;
  align-self: stretch;
  justify-self: stretch;
}
body .prize-catalog-dialog .prize-catalog-grid .gift-tile__scene > .gift-art > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

:root {
  --scar-page-field: radial-gradient(ellipse at 48% 38%, #215440 0%, #163e31 40%, #0d251e 78%, #0a1c17 100%);
  --page-field: var(--scar-page-field);
}
html, body, #root { background: #0d251e; }
body .app-shell, body .app-shell--root,
body .app-shell:has(.plinko-page), body .app-shell:has(.mines-page),
body .scar-topup-page, body .mines-page {
  background: var(--scar-page-field) !important;
}
body .app-shell { --page-field: var(--scar-page-field); }
body .app-shell::before { background: none; }
button, a, input, label, [role="button"], [role="switch"] { touch-action: manipulation; }
.gu-toggle > i, .gu-toggle > i::before, .gu-toggle > i::after { transition-duration: 100ms; }
.mines-page .mines-board { gap: 4px; }
.mines-page .mines-cell { border-radius: 12px; }
.mines-cell--animate .mines-cell__flip { animation-duration: 160ms; }
.mines-cell--animate.mines-cell--safe .mines-cell__art { animation-delay: 0ms; animation-duration: 180ms; }
.mines-cell--pending .mines-cell__front { opacity: 1; border-color: #f2cd80; transform: scale(.97); }
.mines-cell--pending::after { animation-delay: 350ms; animation-fill-mode: backwards; }
.plinko-board__ball-art { border-radius: 50%; overflow: hidden; background: radial-gradient(circle at 32% 25%, #fff9e3, #dfb14d 65%, #86571c); }
.port-supply-primary .gu-money img, .port-supply-packages .gu-money img { width: 21px; height: 21px; object-fit: contain; }
.port-supply-primary .gu-money, .port-supply-packages .gu-money { display: inline-flex; align-items: center; gap: 5px; }
@media (max-width: 360px), (max-height: 700px) {
  .mines-page .mines-board { gap: 3px; }
  .mines-page .mines-cell { border-radius: 9px; }
}

body .port-supply-packages > button { display: grid; grid-template-columns: auto auto; justify-content: center; align-content: center; gap: 2px 4px; min-width: 0; padding: 7px 4px; }
body .port-supply-packages > button > strong { font-size: 16px; line-height: 20px; }
body .port-supply-packages > button > span:not(.gu-money) { align-self: center; font-size: 12px; line-height: 18px; }
body .port-supply-packages > button > .gu-money { grid-column: 1 / -1; justify-content: center; font-size: 14px; line-height: 20px; }
body .port-supply-packages > button > .gu-money img { width: 17px; height: 17px; }

body .mines-title { display: flex; align-items: center; gap: 10px; }

body .mines-title .mines-demo-label { position: static; margin: 0; }

/* Referral card: a single message, paired counters and a primary action. */
body .referral-campaign{padding:14px 16px;border-radius:22px;background:var(--ui-surface);color:var(--ui-text,#f5f7ef);border:1px solid var(--ui-border);box-shadow:none}
body .referral-campaign__top{position:relative;min-height:154px;margin-bottom:8px}
body .referral-campaign__intro{margin:4px 0 0}
body .referral-campaign__copy{position:relative;z-index:1;width:56%;min-width:0}
body .referral-campaign__character{position:absolute;right:-15px;top:-5px;width:164px;height:164px;pointer-events:none}
body .referral-campaign__character .referral-gift{position:relative;width:100%;height:100%}
body .referral-campaign__benefit{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0;font-size:15px;line-height:1.3;font-weight:500;color:var(--ui-text,#f5f7ef)}
body .referral-campaign__benefit strong{font-size:48px;line-height:1;font-weight:750;color:var(--ui-text,#f5f7ef);letter-spacing:0}
body .referral-campaign h2{margin:0;font-size:24px;line-height:1.24;font-weight:700;letter-spacing:0;color:var(--ui-text,#f5f7ef);white-space:nowrap}
body .referral-campaign h2 strong{font-weight:800;white-space:nowrap;color:inherit;background:none}
body .referral-campaign button{font-family:inherit;cursor:pointer;touch-action:manipulation}
body .referral-campaign__terms{display:block;width:max-content;min-height:28px;margin:1px 0 0;padding:4px 0;border:0;background:none;color:var(--ui-muted,#b4cfc0);font-size:11px;line-height:1.4;text-decoration:underline;text-underline-offset:3px}
body .referral-campaign__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 10px}
body .referral-campaign__stats>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:56px;padding:5px;box-sizing:border-box;border-radius:16px;background:var(--ui-raised)}
body .referral-campaign__stats dt{font-size:13px;line-height:1.3;color:var(--ui-muted,#b4cfc0)}
body .referral-campaign__stats dd{order:-1;display:flex;align-items:center;justify-content:center;gap:5px;margin:0;max-width:100%;font-size:26px;line-height:1.1;font-weight:650;color:var(--ui-text,#f5f7ef);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body .referral-campaign__stats dd img,body .referral-campaign__stats dd svg{width:21px;height:21px;object-fit:contain;flex-shrink:0}
body .referral-campaign__actions{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px}
body .referral-campaign__invite,body .referral-campaign__copy-link{height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;border:1px solid transparent}
body .referral-campaign__invite{background:var(--ui-accent,#008459);border-color:var(--ui-accent-border,#54b991);color:var(--ui-on-accent);font-size:16px;font-weight:650}
body .referral-campaign__copy-link{background:var(--ui-raised);color:var(--ui-text,#f5f7ef);border-color:var(--ui-border);padding:0}
body .referral-campaign button:focus-visible{outline:3px solid var(--ui-focus,#b2e8c8);outline-offset:3px}
@media(hover:hover){body .referral-campaign__invite:hover{background:var(--ui-accent-hover)}body .referral-campaign__copy-link:hover{background:var(--color-pine-700)}}
@media(max-width:350px){body .referral-campaign{padding:14px 16px}body .referral-campaign h2{font-size:18px}body .referral-campaign__stats{gap:8px;margin-bottom:10px}body .referral-campaign__stats>div{min-height:56px}body .referral-campaign__stats dd{font-size:26px}body .referral-campaign__invite{font-size:15px}}

@media(max-width:350px){body .referral-campaign__top{min-height:146px}body .referral-campaign__character{width:128px;height:128px;right:-20px;top:0}body .referral-campaign__benefit{font-size:14px}body .referral-campaign__benefit strong{font-size:46px}body .referral-campaign__terms{font-size:11px}}

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
:root,:host{--color-pine-950:#0b211a;--color-pine-900:#102e24;--color-pine-850:#183c30;--color-pine-800:#204b3c;--color-pine-700:#2d6250;--color-pine-500:#769e8c;--color-pine-300:#b4cfc0;--color-pine-100:#e0f1e6;--color-pine-50:#f5f7ef;--color-action:#008459;--color-action-hover:#007c53;--color-action-pressed:#006c49;--color-action-edge:#54b991;--color-focus:#b2e8c8}html:root,body,body .app-shell,body .gu-root,body .rewards-page,body .scar-profile,body .scar-topup-page{--ui-text:var(--color-pine-50);--ui-muted:var(--color-pine-300);--ui-backdrop:var(--color-pine-950);--ui-page:var(--color-pine-900);--ui-surface:var(--color-pine-850);--ui-raised:var(--color-pine-800);--ui-field:var(--color-pine-900);--ui-border:#a2cdb82e;--ui-accent:var(--color-action);--ui-accent-hover:var(--color-action-hover);--ui-accent-pressed:var(--color-action-pressed);--ui-accent-border:var(--color-action-edge);--ui-on-accent:#fff;--ui-disabled-bg:var(--color-pine-800);--ui-disabled-text:var(--color-pine-300);--ui-focus:var(--color-focus);--text:var(--ui-text);--muted:var(--ui-muted);--muted-dark:var(--ui-muted);--line:var(--ui-border);--line-strong:var(--color-pine-500);--surface:var(--ui-surface);--surface-raised:var(--ui-raised);--surface-strong:var(--color-pine-700);--surface-soft:var(--ui-field);--surface-sheen:linear-gradient(180deg, #d4f3df06, transparent 42%);--surface-card:var(--ui-surface);--surface-card-soft:var(--ui-surface);--surface-control:var(--ui-raised);--surface-value:var(--ui-raised);--surface-selected:var(--color-pine-700);--chrome-fill:var(--color-pine-900);--modal-fill:var(--ui-surface);--glass-fill:var(--ui-surface);--glass-fill-strong:var(--ui-raised);--glass-line:var(--ui-border);--glass-shadow:0 8px 24px #03140d33;--shadow-card:none;--shadow-control:none;--gu-surface:var(--ui-surface);--gu-raised:var(--ui-raised);--gu-edge:var(--ui-border);--inventory-surface:var(--ui-surface);--inventory-edge:var(--ui-border);--inventory-depth:none;color:var(--ui-text);accent-color:var(--ui-focus);caret-color:var(--ui-focus);scrollbar-color:var(--color-pine-700) var(--ui-field)}body .app-shell .bottom-nav.bottom-nav--neutral,body .scar-brand-island>.scar-brand.brand,body .scar-balance-pill{background-color:var(--color-pine-900);color:var(--color-pine-50);border-color:var(--ui-border);background-image:none;box-shadow:0 6px 18px #03140d26}body .bottom-nav .nav-item{color:var(--color-pine-300)}body .bottom-nav .nav-item[aria-current=page]{background-color:var(--color-pine-800);color:var(--color-pine-100);box-shadow:none}body .scar-balance-add{background-color:var(--color-pine-100);color:var(--color-pine-950)}body .rewards-page .referral-summary,body .rewards-page .bonus-promo,body .gift-action__summary,body .scar-deposit-steps,body .gu-dock,body .dialog-card,body .game-dock,body .roulette-scene .roulette-prize-card,body .roulette-prize-card,body .bonus-task-list,body .bonus-empty{background-color:var(--color-pine-850);color:var(--color-pine-50);border-color:var(--ui-border);box-shadow:none;background-image:none}body .scar-method-tabs,body .gu-root .service-info__tabs,body .referral-terms__footer{background-color:var(--color-pine-900);border-color:var(--ui-border)}body .scar-method-tabs button{color:var(--color-pine-300)}body .scar-method-tabs button[aria-selected=true],body .gu-segments button[aria-pressed=true],body .gu-root .service-info__tabs button[aria-selected=true]{background-color:var(--color-pine-700);color:var(--color-pine-50);box-shadow:none;border-color:var(--ui-border)}body .scar-method-tabs button:disabled{opacity:.7}body .scar-topup-presets button,body .gu-icon,body .scar-frame-controls .gu-sheet .gu-icon,body .gu-increments button,body .gu-count-grid button,body .referral-summary__copy-link,body .scar-inventory-withdraw{background-color:var(--color-pine-800);color:var(--color-pine-50);border-color:var(--ui-border);box-shadow:none}body .rewards-page .bonus-promo input{border-color:var(--color-pine-500);box-shadow:none}body .referral-summary__terms,body .referral-summary__stats,body .scar-topup-hint,body .scar-topup-label,body .scar-deposit-notice,body .referral-terms__steps li>span,body .gu-demo,body .scar-deposit-sheet header button,body .scar-case-prizes{color:var(--ui-muted)}body .referral-summary__rate strong{background-color:var(--color-pine-700);color:var(--color-pine-100);box-shadow:none}body .gu-toggle>i{background:var(--color-pine-700)}body .gu-toggle input:checked+i{background:var(--ui-accent)}body .gu-toggle>i:after{background:var(--color-pine-100)}body #scar-frame-ui .gu-header .gu-demo{background:var(--ui-field)}body :is(input,textarea)::placeholder{color:var(--ui-muted);opacity:1}body :is(button,a,input,textarea,[role=switch]):focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}::selection{color:#f5f7ef;background:#2d6250}@media (hover:hover){body .bottom-nav .nav-item:hover:not([aria-current=page]),body .scar-topup-presets button:hover,body .scar-inventory-withdraw:hover:not(:disabled){background-color:var(--color-pine-700);color:var(--color-pine-50)}}body .app-backdrop{background:var(--scar-page-field,#0d251e)}body .referral-summary__stats span,body .scar-method-tabs small{color:var(--ui-muted)}body .gu-icon.scar-live-settings{background:var(--ui-raised);border-color:var(--ui-border)}body[data-scar-mode=chase] #error-panel,body[data-scar-mode=chase] #outcome{background:var(--ui-surface);border-color:var(--ui-border);box-shadow:none}body[data-scar-mode=chase] #retry{background:var(--ui-raised);border-color:var(--ui-border);color:var(--ui-text);box-shadow:none}body dialog[open]::backdrop{-webkit-backdrop-filter:none;background:0 0}body .port-supply-page .port-supply-primary,body .rewards-page .rewards-primary-action:not(:disabled),body .scar-inventory-sell:not(:disabled),body .scar-payment-action:not(:disabled){background:var(--ui-accent);color:var(--ui-on-accent);border-color:var(--ui-accent-border);text-shadow:none;box-shadow:none}body .case-catalog-item .case-catalog-item__price{background:var(--ui-field);color:var(--ui-text);border-color:var(--ui-border);box-shadow:none}body .prize-catalog-dialog .dialog-card.prize-catalog-card{background-color:var(--color-pine-900);color:var(--color-pine-50);border-color:var(--ui-border);box-shadow:var(--glass-shadow);background-image:none}body .prize-catalog-dialog .prize-catalog-grid .gift-tile{background-color:var(--color-pine-850);color:var(--color-pine-50);border-color:var(--ui-border);box-shadow:none;background-image:none}body .prize-catalog-dialog .gift-tile .gift-tile__value{background-color:var(--color-pine-950);color:var(--color-pine-50);border-color:var(--ui-border);box-shadow:none;background-image:none}body .prize-catalog-dialog .prize-catalog-header h2{color:var(--ui-text)}body .prize-catalog-dialog .prize-catalog-grid{scrollbar-color:var(--color-pine-500) var(--color-pine-900)}@media (min-width:440px){body .prize-catalog-dialog .prize-catalog-grid{grid-auto-rows:max-content}}body .prize-catalog-dialog .prize-catalog-close{background-color:var(--color-action);color:var(--color-pine-50);border-color:var(--ui-accent-border);box-shadow:none;text-shadow:none;background-image:none}@media (hover:hover){body .prize-catalog-dialog .prize-catalog-close:hover{background:var(--ui-accent-hover);color:var(--ui-on-accent)}}body .prize-catalog-dialog .prize-catalog-close:active{background:var(--ui-accent-pressed);color:var(--ui-on-accent)}
.free-banner,.free-reward,.free-dialog{background:var(--ui-surface,#183c30);color:var(--ui-text,#f5f7ef);border:1px solid var(--ui-border,#a2cdb82e);border-radius:22px;font:inherit}
/* Same wide, illustrated entry treatment as the mini-game cards. */
.free-entry{margin:12px auto 20px;padding:0 12px;max-width:740px;box-sizing:border-box}
.free-banner{position:relative;display:block;width:100%;height:188px;overflow:hidden;text-align:left;border:0;border-radius:24px;background:radial-gradient(ellipse at 76% 55%,#477a56 0,transparent 64%),linear-gradient(125deg,#173e30,#234d38);padding:0;cursor:pointer;isolation:isolate;box-shadow:inset 0 1px 0 #b9dec11c;color:#f6f9f2}
.free-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102d2390,transparent 85%);pointer-events:none;z-index:-1}
.free-banner-art{position:absolute;right:-12px;top:-14px;width:55%;height:210px;z-index:-2;pointer-events:none}
.free-banner-art>.gift-art{position:absolute;width:130px;height:130px;filter:drop-shadow(0 10px 14px #051b2840)}
.free-banner-art>.gift-art:nth-child(1){right:5px;top:32px;transform:rotate(16deg)}
.free-banner-art>.gift-art:nth-child(2){right:76px;top:66px;transform:rotate(-18deg)}
.free-banner-art>.gift-art:nth-child(3){right:62px;top:-27px;width:110px;height:110px;transform:rotate(-9deg)}
.free-banner-copy{position:absolute;left:22px;right:16px;bottom:21px;display:flex;align-items:flex-start;flex-direction:column;gap:8px}
.free-eyebrow{font-size:11px;line-height:1.4;font-weight:600;color:#c9e4cd;background:#143327aa;border:1px solid #b8d4b823;border-radius:8px;padding:5px 8px}
.free-banner-copy>strong{font-size:27px;line-height:1.12;letter-spacing:-.8px;font-weight:750;text-shadow:0 2px 18px #0b2a2355}
.free-banner-action{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:650;color:#d5efd9}.free-banner-action>span{font-size:22px;line-height:20px}
.free-entry-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 3px;color:var(--ui-muted,#b4cfc0)}.free-entry-caption p{margin:0;font-size:10px;line-height:1.5}.free-entry-caption button{border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:3px;font:inherit;font-size:11px;min-height:40px;cursor:pointer}
.free-banner:focus-visible,.free-entry-caption button:focus-visible{outline:3px solid var(--ui-focus,#b2e8c8);outline-offset:3px}
.free-section-heading span{font-size:12px;color:var(--ui-muted,#b4cfc0)}
.free-primary,.free-secondary,.free-link,.free-close{font:inherit;cursor:pointer;touch-action:manipulation}.free-primary,.free-secondary{display:block;width:100%;min-height:46px;padding:10px 14px;border-radius:14px;border:1px solid var(--ui-accent-border,#54b991);background:var(--ui-accent,#008459);color:var(--ui-on-accent,#fff);font-size:14px;font-weight:650;line-height:1.4}.free-secondary{background:var(--ui-raised,#204b3c);border-color:var(--ui-border,#a2cdb82e)}.free-primary:disabled,.free-secondary:disabled{background:var(--ui-raised,#204b3c);color:var(--ui-muted,#b4cfc0);border-color:var(--ui-border,#a2cdb82e);cursor:default}.free-link{display:block;min-height:44px;margin:auto;padding:10px 6px;border:0;background:none;color:var(--ui-muted,#b4cfc0);font-size:13px;text-decoration:underline;text-underline-offset:3px}.free-close{border:0;border-radius:50%;background:var(--ui-raised,#204b3c);color:inherit;min-width:44px;height:44px;font-size:26px}.free-primary:focus-visible,.free-secondary:focus-visible,.free-link:focus-visible,.free-close:focus-visible,.free-consent input:focus-visible{outline:3px solid var(--ui-focus,#b2e8c8);outline-offset:3px}
.free-pool{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px;margin:22px 0}.free-pool>div{display:flex;align-items:center;flex-direction:column;text-align:center;gap:5px;min-width:0;font-size:12px}.free-pool .gift-art{width:75px;height:75px}.free-pool small{color:var(--ui-muted,#b4cfc0)}.free-result{text-align:center}.free-result>.gift-art{width:170px;height:170px;margin:20px auto}.free-task-art{display:flex;align-items:center;gap:12px;color:var(--ui-muted,#b4cfc0);font-size:13px}.free-task-art>.gift-art{width:78px;height:78px}.free-paid{color:#b2e8c8!important}.free-dialog progress{width:100%;height:8px;accent-color:var(--ui-accent);border:0;border-radius:4px}.free-friends{padding:0;list-style:none}.free-friends li{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid var(--ui-border);font-size:14px}.free-friends span{min-width:0;overflow-wrap:anywhere}.free-friends small{flex-shrink:0;max-width:50%;text-align:right;color:var(--ui-muted);font-size:12px}.free-error{padding:12px;border:1px solid #dfba87;border-radius:12px;color:#ffe1b9!important;font-size:14px;line-height:1.5}.free-inventory{margin:20px 0 28px}.free-section-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.free-section-heading h2{font-size:19px}.free-inventory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.free-reward{padding:14px 10px;min-width:0;text-align:center}.free-reward>.gift-art{width:110px;max-width:100%;height:110px;margin:auto}.free-reward h3{font-size:15px;margin:8px 0;overflow-wrap:anywhere}.free-reward small{font-size:11px;color:var(--ui-muted)}.free-reward p{font-size:12px;line-height:1.5;color:var(--ui-muted);min-height:36px}.free-inventory>.free-secondary{margin-top:14px}.free-load{padding:12px}.free-refund{border-top:1px solid var(--ui-border)}.free-policy-label{font-size:11px;color:var(--ui-muted);text-align:center;padding:6px}
.free-result .roulette-window--opening{position:relative;overflow:hidden;height:220px}.free-result .roulette-reel{position:absolute;top:50%;display:flex;gap:12px;will-change:transform}.free-result .roulette-reel__item{flex:0 0 140px;width:140px}.free-result .roulette-center-mark{position:absolute;left:50%;border-left:7px solid transparent;border-right:7px solid transparent}.free-result .roulette-center-mark--top{top:0;border-top:10px solid #b2e8c8}.free-result .roulette-center-mark--bottom{bottom:0;border-bottom:10px solid #b2e8c8}
@media(min-width:700px){.free-banner{height:220px}.free-banner-copy>strong{font-size:34px}.free-banner-art{right:30px;transform:scale(1.3);transform-origin:top right}.free-inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.free-banner *,.free-dialog *{scroll-behavior:auto!important}}

.free-quality{margin:12px;padding:16px;border:1px solid var(--ui-border);border-radius:16px;font-size:13px;line-height:1.5;color:var(--ui-muted)}

.free-reserved h3{font-size:15px;text-align:center;margin:6px}.free-reserved>p{font-size:11px;text-align:center;color:var(--ui-muted);margin:8px}.free-reserved .gift-art{width:100%;height:100%}


.scar-profile:has(.free-inventory) .scar-inventory-empty>p{display:none}
/* Daily case: plum campaign art, the same leather model as the opening scene. */
.free-banner{height:150px;background:linear-gradient(110deg,#39123f 0%,#642052 48%,#ad3978 100%);box-shadow:inset 0 1px 0 #ffd9f447;border:1px solid #d37cb64d;border-radius:22px}
.free-banner::before{content:'';position:absolute;inset:-30% -12% -25% 28%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 64% 42%,#ffb77b80 0%,#f268b255 30%,transparent 66%);animation:daily-light-drift 12s cubic-bezier(.45,0,.55,1) infinite alternate}
.free-banner::after{display:block;inset:0;z-index:-2;background:radial-gradient(circle at 85% 22%,#ffe3ab9c 0 1px,transparent 2px),radial-gradient(circle at 52% 72%,#ffb8d478 0 1px,transparent 2px),radial-gradient(ellipse at 76% 80%,#f074ad35,transparent 52%);animation:daily-ambient-breathe 9s cubic-bezier(.45,0,.55,1) infinite alternate}
.free-banner-art{width:56%;height:124%;right:-7%;top:-17px;z-index:-1;transform:none}
.free-banner-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 8px #260a386b);transform:translate3d(0,3px,0) rotate(-9deg) scale(1.16);animation:daily-case-float 6s cubic-bezier(.45,0,.55,1) infinite;transform-origin:55% 58%}
.free-banner-copy{left:20px;top:17px;bottom:16px;right:auto;gap:0;width:58%;justify-content:flex-start}
.free-banner-copy>strong{margin-top:0;font-size:20px;line-height:1.15;letter-spacing:-.45px;font-weight:750;text-shadow:none}
.daily-timer{margin-top:auto;font-size:35px;line-height:1.1;font-weight:750;letter-spacing:-1.1px;font-variant-numeric:tabular-nums;color:#fff7ff}

.scar-inventory-card{position:relative}.daily-promo-tag{position:absolute;top:10px;left:10px;z-index:1;padding:4px 7px;background:#71536d;border:1px solid #b891af55;border-radius:6px;color:#fff0fb;font-size:9px;line-height:1;font-weight:650}
.daily-progress{padding:14px 0}.daily-progress h3{font-size:20px;margin:0 0 10px;letter-spacing:-.4px}.daily-details{margin-top:20px;font-size:13px}.daily-details summary{cursor:pointer;color:var(--ui-muted);padding:8px 0}.daily-more{max-width:500px;margin:10px auto;display:block}.free-task-art strong{color:var(--ui-text);font-size:17px}.free-task-art p{margin:6px 0!important;font-size:12px!important}
@media(max-width:350px){.free-banner{height:140px}.free-banner-copy{left:16px}.free-banner-copy>strong{font-size:18px}.daily-timer{font-size:29px}.free-banner-art{width:57%;right:-5%}}
@media(min-width:700px){.free-banner{height:170px}.free-banner-copy{left:24px;top:17px;bottom:16px}.free-banner-copy>strong{font-size:24px}.daily-timer{font-size:38px}.free-banner-art{right:-5%;top:-20px;width:52%}}

.free-banner-copy{z-index:1;pointer-events:none}.daily-timer{color:#fff5eb;font-size:32px;line-height:1;letter-spacing:.2px;font-weight:650;white-space:nowrap}
.daily-availability{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:14px;line-height:1.2;font-weight:600;color:#e7cada;white-space:nowrap}.daily-availability>span{width:6px;height:6px;border-radius:50%;background:#c3a8be;flex-shrink:0}.daily-availability[data-ready="true"]{color:#d7f5d9}.daily-availability[data-ready="true"]>span{background:#a7efb5;box-shadow:0 0 8px #a7efb530}
.free-entry[data-motion="paused"] .free-banner-art img,.free-entry[data-motion="paused"] .free-banner::before,.free-entry[data-motion="paused"] .free-banner::after{animation-play-state:paused}
@keyframes daily-case-float{0%,100%{transform:translate3d(0,3px,0) rotate(-9deg) scale(1.16)}50%{transform:translate3d(0,-5px,0) rotate(-7deg) scale(1.16)}}
@keyframes daily-light-drift{from{transform:translate3d(-10px,7px,0) scale(.98);opacity:.72}to{transform:translate3d(13px,-6px,0) scale(1.08);opacity:1}}
@keyframes daily-ambient-breathe{from{transform:translate3d(0,3px,0);opacity:.35}to{transform:translate3d(-6px,-3px,0);opacity:.8}}
@media(max-width:350px){.free-banner-copy>strong{font-size:17px}.daily-timer{font-size:28px}.daily-availability{font-size:12.5px;gap:5px}.free-banner-art{right:-12%;width:59%}}
@media(prefers-reduced-motion:reduce){.free-banner-art img,.free-banner::before,.free-banner::after{animation:none!important}.free-banner-art img{transform:rotate(-8deg) scale(1.16)}}

/* One bottom sheet for the withdrawal fee and both promo actions.
   The balance stays in the native top layer; only the body scrolls. */
body dialog.free-dialog {
  position: fixed;
  inset: auto 0 0;
  box-sizing: border-box;
  width: min(100%, 540px);
  height: fit-content;
  min-height: 0;
  max-height: calc(100dvh - var(--promo-dialog-top, 100px));
  margin: 0 auto;
  padding: 0;
  overflow: visible;
  border: 1px solid var(--ui-border);
  border-bottom: 0;
  border-radius: 24px 24px 0 0;
  background: var(--ui-surface);
  color: var(--ui-text);
  box-shadow: none;
}
body dialog.free-dialog[open] { display: flex; flex-direction: column; }
/* Keep both properties: the theme compiler aliases the prefixed declaration. */
body dialog[open]::backdrop { background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; }
.free-dialog progress { display: block; appearance: none; overflow: hidden; background: var(--ui-raised); }
.free-dialog progress::-webkit-progress-bar { background: var(--ui-raised); border-radius: 4px; }
.free-dialog progress::-webkit-progress-value { background: var(--ui-focus); border-radius: 4px; }
.free-dialog progress::-moz-progress-bar { background: var(--ui-focus); border-radius: 4px; }
.free-dialog-header {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px 10px;
}
.free-dialog-header h2 { margin: 0; font-size: 21px; line-height: 1.25; letter-spacing: -.4px; }
.free-dialog-body { min-height: 0; padding: 0 18px max(18px, env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; }
.free-dialog p { font-size: 14px; line-height: 1.5; color: var(--ui-muted); }
.free-dialog .free-task-art { min-height: 64px; gap: 10px; }
.free-task-art > .gift-art { width: 58px; height: 58px; flex-shrink: 0; }
.free-task-art > div { min-width: 0; }
.free-task-art strong { font-size: 17px; overflow-wrap: anywhere; }
.promo-progress { margin: 16px 0 12px; }
.promo-progress > div { margin-bottom: 8px; font-size: 16px; }
.promo-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; margin: 0 0 16px; }
.promo-stats > div { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 11px 2px; background: var(--ui-raised); border-radius: 12px; }
.promo-stats strong { font-size: 24px; line-height: 1; font-variant-numeric: tabular-nums; }
.promo-stats span { font-size: 11px; color: var(--ui-muted); text-align: center; }
.promo-steps { list-style: none; padding: 0; margin: 14px 0 18px; }
.promo-steps li { display: flex; gap: 10px; margin: 12px 0; }
.promo-steps li > span { width: 25px; height: 25px; border-radius: 50%; display: grid; place-items: center; background: var(--ui-raised); flex-shrink: 0; font-size: 12px; font-weight: 700; }
.promo-steps strong { font-size: 14px; line-height: 1.35; display: block; }
.free-dialog .promo-steps p { font-size: 12px; line-height: 1.45; margin: 4px 0 0; }
.free-dialog .promo-note { font-size: 12px; line-height: 1.45; margin: 12px 0; color: var(--ui-muted); }
.promo-fee { display: inline-flex; align-items: center; gap: 5px; margin-left: auto; padding-left: 8px; flex-shrink: 0; }
.promo-fee img { width: 25px; height: 25px; }
.promo-fee strong { font-size: 26px; line-height: 1; color: var(--ui-text); }
.free-dialog .promo-fee-note { font-size: 14px; line-height: 1.5; margin: 14px 0 20px; }
.promo-friend-list { margin-top: 14px; border-top: 1px solid var(--ui-border); padding-top: 12px; }
.promo-friend-list summary { font-size: 13px; cursor: pointer; }