/* V64.34: presentation only. Prices, payment gating and consent stay unchanged. */
.market-screen { --market-muted:#aec5e4; --market-line:#24446e; padding-top:18px; }
:is(.market-screen,.stars-checkout-card) :is(h1,h2,p,span,strong,small,b,em,button) { font-family:var(--spark-font-ui); }
.market-screen .market-head { align-items:start; gap:12px; }
.market-screen .market-head > div { min-width:0; }
.market-screen .market-head h1 { font-size:30px; line-height:1.1; letter-spacing:-.015em; }
.market-screen .eyebrow { font-size:11px; line-height:15px; letter-spacing:.12em; color:#84caff; }
.market-screen .market-head .muted { font-size:13px; line-height:18px; color:var(--market-muted); }
.market-screen .market-mode { font-size:10px; line-height:14px; letter-spacing:.02em; padding:8px; flex-shrink:0; max-width:105px; white-space:normal; }
.market-screen .market-hero { min-height:0; margin-top:16px; border-radius:21px; }
.market-screen .market-stage { min-height:264px; height:264px; margin:0; transform:none; }
.market-screen .market-stage .spark-visual { width:252px; max-width:80%; }
.market-screen .market-stage .spark-aura { width:210px; }
.market-screen .market-orbit { width:216px; height:216px; }
/* Keep copy in flow: translated titles must never overlap the character. */
.market-screen .market-hero-copy { position:relative; inset:auto; padding:12px 16px 16px; background:linear-gradient(180deg,#04102022,#040b18); }
.market-screen .market-hero-copy > span { font-size:11px; letter-spacing:.08em; }
.market-screen .market-hero-copy h2 { font-size:27px; line-height:31px; letter-spacing:0; }
.market-screen .market-hero-copy > p { font-size:14px; line-height:19px; color:var(--market-muted); }
.market-screen .market-price { padding:12px; margin-top:13px; background:#071528; }
.market-screen .market-price small { color:var(--market-muted); font-size:11px; line-height:15px; letter-spacing:.025em; }
.market-screen .market-price strong { color:#ffd044; font-size:30px; line-height:35px; font-variant-numeric:tabular-nums; }
.market-screen .market-price em { color:#bfcee4; font-size:12px; }
.market-screen .market-loadout { padding:14px; border-radius:18px; background:linear-gradient(145deg,#0c1e38,#040d1e); border-color:var(--market-line); }
.market-screen .market-section-title { flex-wrap:wrap; gap:5px 12px; }
.market-screen .market-section-title span { font-size:12px; line-height:16px; letter-spacing:.035em; }
.market-screen .market-section-title strong { color:var(--market-muted); font-size:12px; line-height:16px; }
.market-screen .market-loadout-grid > div { min-width:0; padding:12px 10px; grid-template-columns:1fr; gap:5px; align-content:start; background:#061327; }
.market-screen .market-loadout-grid > div > span { grid-row:auto; width:34px; height:34px; font-size:22px; }
.market-screen .market-loadout-grid :is(small,strong) { white-space:normal; overflow:visible; overflow-wrap:anywhere; }
.market-screen .market-loadout-grid small { font-size:10px; line-height:14px; color:var(--market-muted); letter-spacing:.02em; }
.market-screen .market-loadout-grid strong { margin:0; font-size:16px; line-height:20px; }
.market-screen .market-drop-list { gap:10px; }
.market-screen .market-drop-card { background:linear-gradient(140deg,#0a1a32,#040c1c); border-color:var(--market-line); border-radius:18px; }
.market-screen .market-drop-card.selected { border-color:var(--card-accent); background:linear-gradient(130deg,color-mix(in srgb,var(--card-accent) 16%,#061022),#061024); }
.market-screen .market-drop-card button { min-height:112px; padding:12px; grid-template-columns:76px minmax(0,1fr) 65px; gap:10px; border-radius:inherit; }
.market-screen .market-drop-art { width:76px; height:82px; }
.market-screen .market-drop-art img { width:86px; height:86px; }
.market-screen .market-drop-art em { width:20px; height:20px; font-size:11px; }
.market-screen .market-drop-copy small { font-size:10px; line-height:14px; letter-spacing:.02em; }
.market-screen .market-drop-copy strong { font-size:19px; line-height:22px; white-space:normal; overflow:visible; overflow-wrap:anywhere; }
.market-screen .market-drop-copy em { font-size:11px; line-height:15px; color:#9db6d8; letter-spacing:0; }
.market-screen .market-drop-card.selected .market-drop-copy em { color:var(--card-accent-2); }
.market-screen .market-drop-card.interested .market-drop-copy em { color:#66f5b2; }
.market-screen .market-drop-price { min-width:0; }
.market-screen .market-drop-price small { font-size:10px; line-height:14px; letter-spacing:0; color:var(--market-muted); }
.market-screen .market-drop-price b { font-size:21px; color:#ffd044; white-space:nowrap; }
.market-screen .market-checkout { padding:16px; border-radius:19px; background:linear-gradient(145deg,#211a30,#071225); border-color:#b3944866; }
.market-screen .market-checkout span { font-size:11px; line-height:15px; letter-spacing:.055em; }
.market-screen .market-checkout strong { font-size:22px; line-height:26px; }
.market-screen .market-checkout p { font-size:14px; line-height:19px; color:var(--market-muted); }
.market-screen .market-checkout button { min-height:50px; padding:10px; border:1px solid #ae7cff; border-radius:13px; color:white; background:var(--spark-primary-fill); font-size:16px; line-height:20px; letter-spacing:.02em; }
.market-screen .market-checkout button:disabled { color:#70f6bd; border-color:#00e67666; background:#06312c; box-shadow:none; }
.market-screen .market-checkout > small { font-size:12px; line-height:16px; color:var(--market-muted); }
.market-screen .market-vault-link { min-height:48px; font-size:14px; border-color:var(--market-line); background:#061226; }
/* The sheet scrolls internally on short screens so its close and consent controls remain reachable. */
.stars-checkout-overlay { padding:12px 12px max(12px,env(safe-area-inset-bottom,0px)); }
.stars-checkout-card { max-height:calc(100dvh - 24px - env(safe-area-inset-bottom,0px)); overflow-y:auto; overscroll-behavior:contain; padding:24px 18px 18px; border-radius:23px; background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--checkout-accent) 17%,transparent),transparent 40%),#061022; }
.stars-checkout-card .stars-checkout-close { width:44px; height:44px; top:10px; right:10px; font-size:26px; background:#091526; color:#dceaff; }
.stars-checkout-card .stars-checkout-mark { width:58px; height:58px; margin:6px auto 13px; font-size:29px; border-radius:18px; }
.stars-checkout-card > .eyebrow { font-size:11px; line-height:15px; letter-spacing:.06em; }
.stars-checkout-card > h2 { font-size:27px; line-height:31px; letter-spacing:0; }
.stars-checkout-card .stars-checkout-detail { color:#aec5e4; font-size:14px; line-height:19px; margin-bottom:14px; }
.stars-checkout-card .stars-order-line { gap:10px; font-size:14px; }
.stars-checkout-card .stars-order-line strong { font-size:17px; }
.stars-checkout-card .stars-order-line.total strong { font-size:28px; color:#ffd044; }
.stars-checkout-card .stars-fair-play b { font-size:14px; line-height:18px; }
.stars-checkout-card .stars-fair-play small { font-size:12px; line-height:16px; color:#aec5e4; }
.stars-checkout-card .stars-terms { min-height:44px; font-size:13px; line-height:18px; }
.stars-checkout-card .stars-terms span { font-size:13px; line-height:18px; }
.stars-checkout-card .stars-terms-link { min-height:44px; padding:8px; font-size:12px; line-height:16px; }
.stars-checkout-card .stars-confirm { min-height:56px; height:auto; padding:12px; background:var(--spark-primary-fill); border:1px solid #ac78ff; }
.stars-checkout-card .stars-confirm .button-copy { font-size:16px; line-height:21px; white-space:normal; }
.stars-checkout-card .stars-confirm .button-meta { font-size:11px; line-height:15px; white-space:normal; }
.stars-checkout-card .stars-confirm:disabled { opacity:1; background:#1a263d; color:#a8bbd8; border-color:#344766; box-shadow:none; }
.stars-checkout-card .stars-legal { font-size:11px; line-height:15px; color:#9bb2d0; }
:is(.market-screen,.stars-checkout-card) button:focus-visible { outline:2px solid #00e5ff; outline-offset:3px; }
body:has(.market-screen) .app-shell { padding-bottom:calc(80px + env(safe-area-inset-bottom,0px)); }
body:has(.market-screen) .bottom-nav { left:50%; right:auto; width:min(100%,420px); transform:translateX(-50%); min-height:64px; padding:8px 14px calc(9px + env(safe-area-inset-bottom,0px)); border-radius:0; background:#020a16f5; }
body:has(.market-screen) .bottom-nav button { display:grid; grid-template-rows:25px 16px; align-content:center; justify-items:center; min-height:44px; font-size:12px; line-height:16px; color:#7f9ac9; }
body:has(.market-screen) .bottom-nav button > span { display:grid; place-items:center; width:25px; height:25px; }
body:has(.market-screen) .bottom-nav .nav-icon { width:23px; height:23px; fill:currentColor; }
body:has(.market-screen) .bottom-nav button.active { color:#bb6bff; }
@media(max-width:350px) {
  .market-screen .market-head h1 { font-size:26px; }
  .market-screen .market-drop-card button { grid-template-columns:62px minmax(0,1fr) 56px; gap:8px; padding:10px; }
  .market-screen .market-drop-art { width:62px; height:74px; }
  .market-screen .market-drop-art img { width:74px; height:74px; }
  .market-screen .market-drop-copy strong { font-size:17px; }
  .market-screen .market-drop-price b { font-size:18px; }
}
@media(prefers-reduced-motion:reduce) {
  .market-screen :is(.market-orbit i,.market-drop-art i,.market-mode i),.stars-checkout-overlay,.stars-checkout-card,.stars-checkout-card .stars-confirm:disabled .button-copy { animation:none; transition:none; }
}