/* Local market frames; preserve the accepted battle, dossier and season screens. */
.app[data-route="STORE"] { background:#020b13; }
.app[data-route="STORE"] > main { padding:0; background:#020b13 url('/app/client/assets/ui/market/market-bg.png') center top / 100% auto no-repeat; }
.app.desktop[data-route="STORE"] > main { height:calc(100vh - 86 * var(--u)); overflow:auto; }
.um-screen { width:100%; max-width:none; margin:0; padding:0 24px 16px; color:#edf9ff; }
.um-screen :is(h1,h2,p,dl,dd) { margin:0; }
.um-hero { min-height:166px; padding:26px 8px 20px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.um-intro { min-width:0; padding:4px 16px; border-left:1px solid #49dbed; background:linear-gradient(90deg,#020c17ba,#020c1750,transparent); text-shadow:0 2px 7px #000; }
.um-intro > p { color:#b7d5e9; text-transform:uppercase; font-size:14px; letter-spacing:.1em; }
.um-intro h1 { margin:6px 0 8px; font-size:clamp(34px,3vw,56px); font-weight:850; line-height:1.13; }
.um-intro > span { display:block; max-width:820px; color:#b4d0e1; font-size:13px; line-height:1.5; }
.um-frame { --um-color:#47dcfa; --um-cut:16px; --um-band:5px; --um-inner-cut:12px; --um-shape:polygon(var(--um-cut) 0,calc(100% - var(--um-cut)) 0,100% var(--um-cut),100% calc(100% - var(--um-cut)),calc(100% - var(--um-cut)) 100%,var(--um-cut) 100%,0 calc(100% - var(--um-cut)),0 var(--um-cut)); position:relative; isolation:isolate; min-width:0; }
.um-frame > :is(.um-rim,.um-metal,.um-glass) { position:absolute; pointer-events:none; clip-path:var(--um-shape); }
.um-rim { inset:0; background:linear-gradient(115deg,#19384a,var(--um-color) 9%,#d5faff 12%,#164b60 28%,#102431 50%,var(--um-color) 76%,#24576a 92%,#102a39); }
.um-metal { inset:1px; background:linear-gradient(115deg,#122431,#7397a6 9%,#c8ecf4 10.5%,#1e5266 13%,#122a39 28%,#17485b 49%,#759ba7 61%,#d7f6fc 62%,#25556b 64%,#10232f 80%,#507080 94%,#162934); }
.um-glass { inset:var(--um-band); clip-path:polygon(var(--um-inner-cut) 0,calc(100% - var(--um-inner-cut)) 0,100% var(--um-inner-cut),100% calc(100% - var(--um-inner-cut)),calc(100% - var(--um-inner-cut)) 100%,var(--um-inner-cut) 100%,0 calc(100% - var(--um-inner-cut)),0 var(--um-inner-cut)); background:linear-gradient(150deg,#051723,#020b14); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--um-color) 33%,#152b37); }
.um-frame::after { content:""; position:absolute; left:calc(var(--um-cut) + 12px); right:calc(var(--um-cut) + 12px); top:1px; height:1px; background:linear-gradient(90deg,transparent,var(--um-color) 10%,#fff 13%,transparent 27%,transparent 68%,var(--um-color) 90%,transparent); pointer-events:none; }
.um-body { position:relative; min-width:0; }
.um-violet { --um-color:#d47cff; }
.um-gold { --um-color:#ffc56b; }
.um-violet > .um-metal { background:linear-gradient(115deg,#291935,#9366a5 9%,#e5ccf4 10.5%,#5f3672 13%,#251633 28%,#543165 49%,#a278b5 61%,#f0daff 62%,#674578 64%,#2b1a39 80%,#79598b 94%,#21142c); }
.um-gold > .um-metal { background:linear-gradient(115deg,#302710,#b19247 9%,#f4df9e 10.5%,#685022 13%,#241e12 28%,#463619 49%,#ae934d 61%,#fff2b1 62%,#735828 64%,#2a2113 80%,#ac8b44 94%,#302511); }
.um-violet > .um-glass { background:linear-gradient(150deg,#130d22,#030b14); }
.um-gold > .um-glass { background:linear-gradient(150deg,#19160e,#030b14); }
.um-wallet { flex:0 0 240px; --um-cut:10px; --um-inner-cut:7px; --um-band:3px; }
.um-wallet > .um-body { padding:18px 22px; }
.um-wallet small { color:#b5d3e4; font-size:12px; }
.um-wallet strong { display:flex; align-items:center; gap:12px; margin-top:7px; color:#ffcb77; font-size:29px; line-height:1.15; }
.um-credit-icon { width:26px; height:26px; object-fit:contain; flex:none; }
.um-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.um-product > .um-body { display:flex; flex-direction:column; height:100%; padding:8px; }
.um-product-header { min-height:72px; padding:8px 12px 6px; }
.um-product-top { display:flex; align-items:center; gap:14px; }
.um-family { flex:none; min-width:78px; padding:3px 10px; text-align:center; border:1px solid var(--um-color); clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px); background:color-mix(in srgb,var(--um-color) 9%,#020c16); color:var(--um-color); font-size:14px; line-height:1.2; font-weight:800; }
.um-family { position:relative; border:0; padding-block:4px; background:var(--um-color); }
.um-family::before { content:""; position:absolute; inset:1px; clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px); background:color-mix(in srgb,var(--um-color) 9%,#020c16); }
.um-family > span { position:relative; }
.um-product-top small { color:var(--um-color); text-transform:uppercase; font-size:10px; line-height:1.4; }
.um-product h2 { margin-top:5px; color:#f1f8ff; font-size:25px; font-weight:800; line-height:1.2; }
.um-art { width:100%; aspect-ratio:2.3; overflow:hidden; }
.um-art img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 60%; }
.um-product-copy { display:flex; flex-direction:column; flex:1; gap:8px; padding:10px 12px 12px; background:linear-gradient(180deg,#020b14aa,#020b14); }
.um-product dl { display:grid; grid-template-columns:.65fr 1.1fr; gap:10px; }
.um-product dl > div { min-width:0; padding:9px 12px; border:1px solid #2b5466; background:#03121bc9; }
.um-product dt { color:#9cbbd1; font-size:10px; line-height:1.4; text-transform:uppercase; }
.um-product dd { margin-top:3px; font-size:18px; font-weight:800; line-height:1.2; }
.um-guarantee { color:#b9d1e4; font-size:14px; line-height:1.4; }
.um-price { display:flex; align-items:center; gap:10px; margin-top:auto; min-height:28px; font-size:22px; color:var(--um-color); }
.um-product footer { display:grid; grid-template-columns:1.15fr 1fr; gap:10px; }
.um-button { --um-button-rim:#41d9ef; --um-button-fill:linear-gradient(150deg,#062535,#04121c); position:relative; isolation:isolate; min-width:0; min-height:44px; margin:0; padding:10px 11px; border:0; color:#e4f9ff; background:var(--um-button-rim); font-size:10px; line-height:1.3; letter-spacing:.025em; text-transform:uppercase; font-weight:800; clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px); }
.um-button::before { content:""; position:absolute; inset:1px; clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px); background:var(--um-button-fill); pointer-events:none; }
.um-button > span { position:relative; }
.um-buy { --um-button-fill:linear-gradient(150deg,#08778c,#063140); }
.um-button:hover:enabled { --um-button-fill:#0c4052; --um-button-rim:#a9f6ff; }
.um-button:focus-visible { outline:2px solid #d9faff; outline-offset:-5px; }
.um-button:disabled { --um-button-rim:#37566c; --um-button-fill:linear-gradient(145deg,#102331,#06101c); opacity:1; color:#7592a6; cursor:default; }
.um-sections { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:14px; }
.um-section { --um-cut:14px; --um-inner-cut:10px; }
.um-section > .um-body { margin:6px; overflow:hidden; clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px); }
.um-banner-art,.um-section-shade { position:absolute; inset:0; width:100%; height:100%; }
.um-banner-art { object-fit:cover; object-position:50% 55%; }
.um-section-shade { background:linear-gradient(90deg,#020e18f2,#020e18e8 32%,#020e1870 65%,#020e1822); }
.um-section-content { position:relative; display:flex; align-items:flex-end; gap:18px; padding:18px 22px; min-height:158px; }
.um-section-content > div { min-width:0; flex:1; max-width:510px; }
.um-section small { color:#40e4ed; text-transform:uppercase; font-size:11px; line-height:1.4; }
.um-section h2 { margin:5px 0 8px; font-size:25px; line-height:1.15; }
.um-section p { color:#bfd5e6; font-size:13px; line-height:1.5; }
.um-season-link { flex:0 0 174px; }
.um-section-cosmetics .um-section-content > div { max-width:520px; }
.um-rule { padding:12px 8px 0; color:#819cac; font-size:11px; line-height:1.5; }
.um-error { margin-bottom:14px!important; padding:12px 16px; border:1px solid #dc6071; background:#260e1ce6; color:#ffd4dd; font-size:14px; }
@media(max-width:1500px) {
  .um-screen { padding:0 18px 14px; }
  .um-hero { min-height:128px; padding:16px 6px 14px; gap:18px; }
  .um-intro { padding-inline:12px; }
  .um-intro h1 { font-size:38px; }
  .um-intro > p { font-size:11px; }
  .um-intro > span { font-size:11px; max-width:570px; }
  .um-wallet { flex-basis:190px; }
  .um-wallet > .um-body { padding:14px 16px; }
  .um-wallet small { font-size:10px; }
  .um-wallet strong { font-size:25px; }
  .um-products,.um-sections { gap:12px; }
  .um-product-header { padding:6px 8px 5px; min-height:60px; }
  .um-product-top { gap:10px; }
  .um-family { min-width:65px; font-size:11px; padding:3px 7px; }
  .um-product-top small { font-size:9px; }
  .um-art { aspect-ratio:2.05; }
  .um-product h2 { font-size:20px; margin-top:4px; }
  .um-product-copy { padding:8px 8px 9px; gap:7px; }
  .um-product dl { gap:8px; }
  .um-product dl > div { padding:5px 8px; }
  .um-product dt { font-size:9px; }
  .um-product dd { font-size:16px; }
  .um-guarantee { font-size:12px; }
  .um-price { font-size:19px; min-height:24px; }
  .um-product footer { gap:8px; }
  .um-button { min-height:36px; font-size:9px; padding:7px 8px; }
  .um-section-content { min-height:134px; padding:14px 16px; gap:12px; }
  .um-section h2 { font-size:23px; }
  .um-section p { font-size:11px; }
  .um-section small { font-size:10px; }
  .um-season-link { flex-basis:140px; }
}
@media(max-width:1100px) {
  .um-products { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .um-sections { grid-template-columns:1fr; }
}
@media(max-width:700px) {
  .app[data-route="STORE"] > main { background-size:auto 700px; background-position:70% top; }
  .um-screen { padding:0 12px 22px; }
  .um-hero { min-height:280px; padding:24px 4px 18px; flex-direction:column; align-items:stretch; gap:20px; }
  .um-intro h1 { font-size:34px; }
  .um-intro > span { max-width:320px; line-height:1.55; }
  .um-wallet { flex-basis:auto; width:190px; align-self:flex-end; }
  .um-wallet > .um-body { padding:12px 16px; }
  .um-wallet strong { font-size:23px; }
  .um-products { grid-template-columns:minmax(0,1fr); gap:16px; }
  .um-product-header { padding:10px 10px 9px; }
  .um-product h2 { font-size:24px; margin-top:5px; }
  .um-product-top small { font-size:9px; }
  .um-product-copy { padding:10px; gap:11px; }
  .um-product dl > div { padding:8px; }
  .um-product dd { font-size:18px; }
  .um-guarantee { font-size:13px; }
  .um-button { min-height:44px; font-size:10px; }
  .um-sections { margin-top:16px; gap:16px; }
  .um-section-content { min-height:200px; display:flex; flex-direction:column; align-items:flex-start; padding:18px; gap:15px; }
  .um-section h2 { font-size:24px; }
  .um-section p { font-size:12px; }
  .um-season-link { flex-basis:auto; width:160px; align-self:flex-end; }
  .um-section-shade { background:linear-gradient(90deg,#020e18eb,#020e18c9 40%,#020e1855); }
}

/* 14.10 владелец (аудит GPT: ~9 px на 1366): статус товара, шансы, гарантия, статус пропуска и кнопки — крупнее, раскладка та же. */
.um-product-top small { font-size:12px; letter-spacing:.04em; }
.um-product dt { font-size:11px; }
.um-guarantee { font-size:16px; }
.um-section small { font-size:13px; }
.um-section p { font-size:14px; }
.um-button { font-size:12px; }
@media(max-width:1500px) {
  .um-product-top small { font-size:11px; }
  .um-product dt { font-size:10.5px; }
  .um-guarantee { font-size:14px; }
  .um-button { font-size:11px; }
  .um-section small { font-size:12px; }
  .um-section p { font-size:13px; }
}
@media(max-width:700px) {
  .um-product-top small { font-size:11px; }
  .um-guarantee { font-size:14px; }
  .um-button { font-size:11px; }
  .um-section p { font-size:13px; }
}

/* Стартовый набор (13.10.2026, переделка 14.10 по замечанию владельца): тот же металлический профиль, что у контейнеров,
   стальной корпус с золотым акцентом; слева крупно портрет «Новобранец» в его рамке, в центре — состав, справа — цена. */
.um-starter { --um-color:#ffd27a; margin-bottom:14px; }
.um-starter > .um-glass { background:linear-gradient(120deg,#0c1720,#03101a 45%,#141008); }
.um-starter > .um-body { display:grid; grid-template-columns:auto minmax(0,1fr) minmax(220px,260px); align-items:center; gap:22px; padding:12px 22px 12px 14px; }
.um-starter-hero { position:relative; width:150px; height:150px; flex:none; }
.um-starter-hero .um-starter-portrait { position:absolute; left:15%; top:15%; width:70%; height:70%; object-fit:cover; object-position:50% 25%; }
.um-starter-hero .um-starter-frame { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 4px 10px #000c); }
.um-starter-main { min-width:0; display:flex; flex-direction:column; gap:10px; }
.um-starter-head { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; }
.um-starter-badge { min-width:0; color:#1d1606; font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.um-starter-badge::before { background:linear-gradient(180deg,#ffe3a1,#d9a54a); }
.um-starter-timer { color:#ffe1a0; font-size:13px; font-weight:700; }
.um-starter-head h2 { flex-basis:100%; color:#f6fbff; font-size:28px; font-weight:850; line-height:1.1; text-shadow:0 2px 8px #000; }
.um-starter-items { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0; padding:0; list-style:none; }
.um-starter-item { display:flex; align-items:center; gap:10px; min-width:0; padding:8px 0 0; border-top:1px solid #ffd27a44; }
.um-starter-item > img { flex:none; width:86px; height:58px; object-fit:contain; filter:drop-shadow(0 3px 6px #000b); }
.um-starter-item.um-starter-credits > img { width:48px; height:48px; }
.um-starter-item:first-child { flex-direction:column; align-items:flex-start; gap:2px; }
.um-starter-item b { display:block; color:#f1f8ff; font-size:15px; line-height:1.25; }
.um-starter-item small { display:block; color:#a9c4d6; font-size:12.5px; line-height:1.3; }
.um-starter-buy { display:flex; flex-direction:column; gap:8px; align-items:stretch; }
.um-starter-price { color:#ffd27a; font-size:34px; font-weight:900; text-align:center; line-height:1.05; text-shadow:0 0 16px #ffb94a55; }
.um-starter-stand { --um-button-rim:#ffd27a; }
@media(max-width:1500px) {
  .um-starter > .um-body { grid-template-columns:auto minmax(0,1fr) minmax(180px,210px); gap:14px; padding:10px 14px 10px 10px; }
  .um-starter-hero { width:116px; height:116px; }
  .um-starter-head h2 { font-size:22px; }
  .um-starter-badge { font-size:10.5px; }
  .um-starter-timer { font-size:12px; }
  .um-starter-items { gap:10px; }
  .um-starter-item > img { width:50px; height:36px; }
  .um-starter-item.um-starter-credits > img { width:32px; height:32px; }
  .um-starter-item b { font-size:13px; }
  .um-starter-item small { font-size:11.5px; }
  .um-starter-price { font-size:27px; }
}
@media(max-width:1100px) {
  .um-starter > .um-body { grid-template-columns:auto minmax(0,1fr); }
  .um-starter-buy { grid-column:1 / -1; }
}
@media(max-width:700px) {
  .um-starter > .um-body { grid-template-columns:1fr; justify-items:center; }
  .um-starter-main, .um-starter-buy { width:100%; }
  .um-starter-items { grid-template-columns:1fr; }
}

/* Магазин сезона (14.10.2026): металлическая рамка рынка с золотым акцентом; рамка аватара на тёмном фоне, варианты арта — 3:2. */
.um-season-shop { --um-color:#ffd27a; margin-top:14px; }
.um-season-shop > .um-glass { background:linear-gradient(120deg,#0c1720,#03101a 45%,#141008); }
.um-season-shop > .um-body { padding:14px 18px 16px; }
.um-ss-head { display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; margin-bottom:12px; }
.um-ss-head h2 { color:#f6fbff; font-size:24px; font-weight:850; line-height:1.1; }
.um-ss-items { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0; padding:0; list-style:none; }
.um-ss-item { display:flex; flex-direction:column; gap:8px; min-width:0; padding:10px; border:1px solid #ffd27a33; background:#03111acc; }
.um-ss-pic { display:grid; place-items:center; aspect-ratio:3/2; overflow:hidden; background:radial-gradient(circle,#1b2a36,#050b11); }
.um-ss-item.is-variant .um-ss-pic img { width:100%; height:100%; object-fit:cover; }
.um-ss-copy { display:flex; flex-direction:column; gap:2px; min-width:0; }
.um-ss-copy small { color:#ffd27a; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.um-ss-copy b { color:#f1f8ff; font-size:16px; line-height:1.25; }
.um-ss-copy em { color:#a9c4d6; font-size:12.5px; font-style:normal; line-height:1.3; }
.um-ss-buy { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; }
.um-ss-buy strong { color:#ffd27a; font-size:14px; font-weight:800; }
.um-ss-item.is-owned .um-ss-buy strong { color:#8fe6b4; }
@media(max-width:1500px) { .um-ss-head h2 { font-size:20px; } .um-ss-copy b { font-size:14px; } .um-ss-copy em { font-size:11.5px; } }
@media(max-width:1100px) { .um-ss-items { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .um-ss-items { grid-template-columns:1fr; } }
.um-season-shop .um-ss-item.is-frame .um-ss-pic { position:relative; padding:0; }
.um-season-shop .um-ss-item.is-frame .um-ss-pic img { position:absolute; left:0; right:0; top:5%; bottom:5%; width:100%; height:90%; max-width:none; object-fit:contain; filter:drop-shadow(0 4px 10px #000c); }
.um-season-shop .um-ss-head .um-starter-badge { max-width:100%; white-space:normal; line-height:1.3; }