/* Shared geometry; preserve the existing black and gold design tokens. */
#screens .screen { padding-left:0;padding-right:0; }
#screens .screen-title { text-align:left; }
#steam-countries .preset-btn { height:56px;min-height:56px;padding:8px;font-size:13px; }
.steam-hero { padding:18px 20px; }
.steam-hero .steam-header { display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;text-align:left;padding:0;align-items:center; }
.steam-header-icon-wrap { grid-column:1;grid-row:1/3;width:48px;height:48px;margin:0; }
.steam-header-icon { width:48px;height:48px;object-fit:contain;border-radius:0; }
.steam-header-title { grid-column:2;font-size:23px;line-height:1.3;letter-spacing:-.4px; }
.steam-header-sub { grid-column:2;margin-top:4px;line-height:1.4; }
.steam-hero-decor { display:none; }
#screen-confirm .consent-checkbox-row { display:flex;align-items:flex-start;justify-content:flex-start;gap:12px;text-align:left; }
#screen-confirm .consent-checkbox { flex:0 0 20px;width:20px;height:20px;margin:2px 0 0; }
#screen-confirm .consent-checkbox-row>span { flex:1;min-width:0;font-size:13px;line-height:1.6;text-align:left; }
.confirm-receive { display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;margin:16px 0;background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;color:var(--hint); }
.confirm-receive[hidden] { display:none; }
.confirm-receive strong { color:var(--text);white-space:nowrap; }
.empty-state .empty-title { margin:0 0 18px;color:var(--text); }
.empty-state .empty-catalog-btn { min-height:48px;padding:12px 20px; }
#bottom-tabs .tab-btn>span:last-child { font-size:12px;line-height:1.3;color:inherit; }
#bottom-tabs .tab-btn { color:#aaa; }
#bottom-tabs .tab-btn.active { color:var(--accent); }
.psplus-chips-row { align-items:stretch; }
.psplus-chip { transform:none; }
.psplus-chip.active { transform:none;border-width:2px; }
.psplus-tabs .psplus-tab { min-height:72px; }
.field-label { cursor:pointer; }
.ambient-halo,.ambient-beam,.ambient-pulse,.ambient-flow { display:none; }
body:has(#screen-steam.active) .ambient-background,
body:has(#screen-confirm.active) .ambient-background,
body:has(#screen-cart.active) .ambient-background { opacity:.2; }
body:has(#screen-confirm.active) .ambient-background * { animation-play-state:paused; }
@media(max-width:767px) {
 :root { --page-gutter:16px;--panel-pad:16px; }
 #screens { padding-top:16px; }
 #header { padding-top:14px;padding-bottom:14px; }
 #header p { font-size:12px; }
 .home-hero { margin-bottom:20px; }
 .market-banners { gap:12px; }
 .market-main-banner { min-height:0;padding:20px;gap:10px; }
 .market-main-banner h2 { font-size:clamp(24px,6.7vw,28px);line-height:1.15;letter-spacing:-.6px;margin:0;max-width:100%; }
 .market-main-banner p { font-size:14px;line-height:1.5;margin:0;max-width:100%; }
 .market-main-banner .btn-primary { margin-top:4px;min-height:48px; }
 .market-kicker { font-size:10px;line-height:1.4;letter-spacing:1px; }
 .market-side-banners { gap:12px;grid-template-columns:repeat(2,minmax(0,1fr)); }
 .market-side-banner { display:grid;grid-template-columns:minmax(0,1fr) 36px;grid-template-rows:auto auto auto;padding:14px;gap:8px;min-height:138px; }
 .market-side-banner .market-kicker { grid-column:1/-1; }
 .market-side-banner strong { grid-column:1;grid-row:2;min-height:0;font-size:17px;line-height:1.25;margin:0;max-width:100%; }
 .market-side-banner img { grid-column:2;grid-row:2;position:static;width:36px;height:36px;opacity:1;align-self:center; }
 .market-side-banner span:last-of-type { grid-column:1/-1;grid-row:3;max-width:100%;padding-right:0;font-size:12px;line-height:1.5; }
 .market-service { grid-template-rows:56px minmax(38px,auto) 1fr;padding:14px;gap:6px;min-height:158px; }
 .market-service img { width:56px;height:56px; }
 .market-service strong { font-size:14px; }
 .market-service span { font-size:13px; }
 .market-heading { margin-bottom:14px; }
 .market-heading h2 { font-size:23px; }
 .steam-hero { padding:16px;margin-bottom:16px; }
 .steam-header-title { font-size:21px; }
 #screen-steam .field-label { margin-top:16px; }
 #screen-steam .field-label:first-child { margin-top:0; }
 #screen-steam .field-hint { font-size:13px;line-height:1.5;margin-bottom:12px; }
 #screen-steam .steam-summary-card { padding:16px;min-height:56px; }
 .psplus-chip { min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:12px; }
 .psplus-chip-name { font-size:17px; }
 .psplus-chip-price { font-size:14px;white-space:nowrap; }
 #app-footer { font-size:12px; }
}
@media(max-width:359px) {
 .market-side-banners { grid-template-columns:minmax(0,1fr); }
 .market-side-banner { min-height:0;grid-template-columns:minmax(0,1fr) 40px;gap:6px; }
 .market-side-banner strong { font-size:18px; }
 .market-side-banner img { grid-row:1/4; }
 .market-side-banner .market-kicker,.market-side-banner span:last-of-type { grid-column:1; }
 .market-services { grid-template-columns:minmax(0,1fr); }
 .market-service { grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto;min-height:92px;align-items:center;column-gap:14px; }
 .market-service img { grid-column:1;grid-row:1/3; }
 .market-service strong { grid-column:2;grid-row:1; }
 .market-service span { grid-column:2;grid-row:2; }
 #bottom-tabs .tab-btn>span:last-child { font-size:11px; }
 .steam-header-title { font-size:19px; }
}
@media(prefers-reduced-motion:reduce) {
 .ambient-background * { animation:none!important; }
 .screen { animation:none!important;transition:none!important; }
}