:root {
  --accent:#5666d9; --accent-hover:#4354c7; --accent-text:#4c5dcc; --accent-tint:#eef0fc;
  --success:#247856; --success-text:#1d7751; --success-tint:#eef7f1;
  --ink:#20232b; --text:#363b45; --muted:#656e7d; --border:#e7e9ee;
  --page-bg:#fff; --bg:#f7f8fb; --panel:#fff; --bg-soft:#f1f3f7; --well:#f1f3f7;
  --danger:#bd444a; --danger-tint:#fcf0f0; --radius:12px; --shadow:none; --shadow-hover:0 6px 20px #20232b0a;
  --font-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  color-scheme:light;
}
:root[data-theme="dark"] {
  --accent:#9ba8ff; --accent-hover:#b4beff; --accent-text:#a8b3ff; --accent-tint:#252c49;
  --success:#76c79d; --success-text:#7dcca6; --success-tint:#20392e;
  --ink:#e9ecf3; --text:#c6ccd8; --muted:#99a2b4; --border:#2e3440;
  --page-bg:#151820; --bg:#151820; --panel:#1c202a; --bg-soft:#252b37; --well:#e6e8ec; --danger:#eb9496; --danger-tint:#3b272d;
  color-scheme:dark;
}
body { font-size:16px; line-height:1.5; background:var(--page-bg); }
button,input,select { font-family:var(--font-sans); }
a,button,input { -webkit-tap-highlight-color:transparent; }
button,a,input,summary { touch-action:manipulation; }
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
.app-header { background:var(--panel); }
.prototype-notice { display:flex; justify-content:space-between; align-items:center; gap:8px 24px; flex-wrap:wrap; padding:6px max(24px,calc((100vw - 1440px)/2)); color:var(--muted); font-size:12px; border-bottom:1px solid var(--border); }
.site-clock-bar { justify-content:flex-end; }
.prototype-notice > span:first-child { font-weight:600; }
.header-live { display:flex; align-items:center; justify-content:center; flex-wrap:nowrap; gap:16px; }
.steam-online-counter { display:inline-flex; align-items:center; gap:6px; color:var(--muted); text-decoration:none; white-space:nowrap; }
.steam-online-label-short { display:none; }
.steam-online-counter:hover { color:var(--accent-text); }
.steam-online-counter strong { color:var(--ink); font-size:13px; font-weight:650; font-variant-numeric:tabular-nums; }
.steam-online-dot { width:6px; height:6px; border-radius:50%; background:var(--success); flex-shrink:0; }
.steam-online-counter.is-unavailable .steam-online-dot { background:var(--muted); }
.tarkov-clock { display:flex; align-items:center; justify-content:center; flex-shrink:0; gap:8px; white-space:nowrap; }
.tarkov-clock svg { flex-shrink:0; }
.tarkov-clock time { min-width:5ch; color:var(--ink); font-size:13px; font-weight:650; font-variant-numeric:tabular-nums; }
.tarkov-clock-divider { color:var(--border); }
.topbar { max-width:1488px; margin:0 auto; padding:19px 24px; gap:22px; align-items:center; border:0; }
.brand { display:flex; align-items:center; gap:9px; color:var(--ink); font-size:21px; font-weight:750; letter-spacing:-.7px; text-decoration:none; white-space:nowrap; }
.brand-mark { display:grid; place-items:center; width:31px; height:31px; border-radius:9px; background:var(--accent-text); color:var(--panel); font-size:19px; font-weight:600; letter-spacing:-1px; }
.brand-flip { color:var(--accent-text); }
.header-menu { display:contents; }
.menu-toggle { display:none; width:44px; height:44px; padding:10px; border:1px solid var(--border); border-radius:9px; background:var(--panel); color:var(--ink); cursor:pointer; place-items:center; }
.menu-toggle svg { display:block; width:22px; height:22px; }
.menu-toggle-close,.is-menu-open .menu-toggle-bars { display:none; }
.is-menu-open .menu-toggle-close { display:block; }
.primary-nav { display:flex; gap:5px; align-self:stretch; align-items:center; }
.primary-nav a { color:var(--muted); padding:8px 11px; border-radius:7px; font-size:14px; font-weight:500; text-decoration:none; white-space:nowrap; }
.primary-nav a:hover { background:var(--bg-soft); color:var(--ink); }
.primary-nav a[aria-current="page"] { color:var(--accent-text); background:var(--accent-tint); }
.header-actions { display:flex; gap:14px; align-items:center; margin-left:auto; }
.saved-nav { display:flex; gap:7px; align-items:center; color:var(--muted); font-size:14px; text-decoration:none; white-space:nowrap; }
.saved-nav[aria-current="page"] { color:var(--accent-text); }
.saved-nav > span:first-child { font-size:24px; }
.saved-count { display:inline-grid; place-items:center; min-width:21px; height:21px; padding:0 4px; background:var(--bg-soft); border-radius:6px; font-size:12px; color:var(--ink); font-variant-numeric:tabular-nums; }
.theme-button { display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--border); border-radius:8px; background:transparent; color:var(--muted); cursor:pointer; font-size:21px; }
.mode-dd,.lang-dd { margin:0; }
.mode-select,.lang-select { border:0; border-radius:7px; padding:9px 30px 9px 9px; color:var(--ink); font-size:13px; background-color:var(--panel); }
.mode-select:hover,.lang-select:hover { background-color:var(--bg-soft); }
.dd-menu { background:var(--panel); border-color:var(--border); border-radius:10px; box-shadow:0 10px 35px #0002; padding:5px; }
.dd-menu button,.dd-menu a { font-size:14px; border-radius:6px; padding:9px 12px; color:var(--text); }
.dd-menu button:hover,.dd-menu a:hover { background:var(--bg-soft); }
.dd-menu button.active,.dd-menu a.active { color:var(--accent-text); background:var(--accent-tint); }
main,.dash-main,.catalog-main { display:flex; flex-direction:column; gap:22px; max-width:1488px; padding:0 24px 48px; margin:0 auto; width:100%; }
.panel { padding:26px 28px; border:1px solid var(--border); border-radius:14px; box-shadow:none; min-width:0; }
.home-catalog { order:1; }
.dash-offers { order:2; }
.panel-head { align-items:flex-start; gap:14px 24px; margin-bottom:26px; }
.panel-head h1,.panel-head h2 { font-size:27px; line-height:1.25; letter-spacing:-.75px; font-weight:650; color:var(--ink); }
.section-subtitle { color:var(--muted); font-size:14px; margin-top:7px; font-weight:400; letter-spacing:0; }
.heading-stack { min-width:0; }
.data-meta,.home-catalog .data-meta { display:flex; gap:5px; flex-direction:column; text-align:right; color:var(--muted); font-size:12px; padding-top:5px; white-space:normal; }
#data-countdown { display:none; }
.catalog-controls { display:grid; grid-template-columns:minmax(240px,1.65fr) minmax(165px,1fr) minmax(170px,1fr) minmax(160px,1fr); gap:12px; margin-bottom:18px; align-items:center; }
#cat-search { width:100%; min-width:0; font-size:14px; line-height:1.4; padding:13px 15px 13px 41px; border:1px solid var(--border); border-radius:9px; background:var(--bg); color:var(--ink); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23757d8b' stroke-width='1.6'%3E%3Ccircle cx='7.5' cy='7.5' r='5.2'/%3E%3Cpath d='m11.5 11.5 4 4'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:14px center; }
#cat-search::placeholder { color:var(--muted); opacity:1; }
#cat-search:focus { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-tint); outline:none; }
.catalog-controls .dd-btn { width:100%; min-height:46px; font-size:14px; text-align:left; border:1px solid var(--border); border-radius:9px; background-color:var(--panel); color:var(--text); padding:11px 32px 11px 14px; }
.catalog-flea-only { grid-column:1/-1; font-size:13px; color:var(--muted); font-weight:400; margin-top:2px; }
.catalog-flea-only input { accent-color:var(--accent); width:15px; height:15px; }
.catalog-meta { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:20px 0 12px; font-size:13px; }
.catalog-meta .data-status { font-size:13px; color:var(--muted); }
.reset-filters { border:0; background:none; color:var(--accent-text); padding:4px 0; cursor:pointer; font-size:13px; }
.catalog-scroll { overflow:visible; }
.home-catalog .catalog-table,.catalog-table { table-layout:fixed; min-width:0; width:100%; border-collapse:collapse; }
.catalog-table thead { background:var(--bg); }
.catalog-table th { color:var(--muted); font-size:12px; font-weight:500; border-bottom:1px solid var(--border); padding:13px 12px; }
.catalog-table th:first-child { border-radius:7px 0 0 7px; }
.catalog-table th:last-child { border-radius:0 7px 7px 0; }
.catalog-table td { border-bottom:1px solid var(--border); padding:15px 12px; vertical-align:middle; }
.catalog-table th:nth-child(1),.home-catalog .catalog-table th:nth-child(1) { width:34%; }
.catalog-table th:nth-child(2),.catalog-table th:nth-child(3),.home-catalog .catalog-table th:nth-child(2),.home-catalog .catalog-table th:nth-child(3) { width:13%; }
.catalog-table th:nth-child(4),.home-catalog .catalog-table th:nth-child(4) { width:17%; }
.catalog-table th:nth-child(5),.home-catalog .catalog-table th:nth-child(5) { width:19%; }
.catalog-table th:nth-child(6),.home-catalog .catalog-table th:nth-child(6) { width:4%; }
.catalog-table .col-metric[hidden] { display:none; }
.catalog-table.catalog-no-metric thead th:nth-child(1) { width:42%; }
.catalog-table.catalog-no-metric thead th:nth-child(2),.catalog-table.catalog-no-metric thead th:nth-child(3) { width:17%; }
.catalog-table.catalog-no-metric thead th:nth-child(4) { width:20%; }
.catalog-table.catalog-no-metric thead th:nth-child(6) { width:4%; }
.catalog-table .col-num { font-family:var(--font-sans); font-variant-numeric:tabular-nums; font-size:14px; letter-spacing:-.2px; }
.catalog-table th.col-num { font-size:12px; letter-spacing:0; white-space:normal; }
.catalog-table tr.profit td { background:transparent; }
.catalog-table tbody tr:hover td { background:var(--bg); }
.catalog-table .cell-item { gap:12px; }
.catalog-table .col-item img { width:54px; height:46px; border:0; border-radius:8px; padding:3px; background:var(--well); object-fit:contain; }
.cat-name .nm { font-size:14px; font-weight:550; line-height:1.45; color:var(--ink); }
.cat-name .sub { display:block; margin-top:4px; color:var(--muted); font-size:12px; }
.cat-trader,.home-catalog .catalog-table .cat-trader { display:block; font-size:12px; line-height:1.55; color:var(--muted); font-family:var(--font-sans); font-weight:400; margin-top:5px; white-space:normal; }
.cat-activity { display:block; font-size:12px; color:var(--muted); }
.cat-none { color:var(--muted); }
.cat-avg { color:var(--muted); }
.item-link:hover { color:var(--accent-text); text-decoration:none; }
.ratio-badge,.ratio,.badge-ratio { background:var(--bg-soft); color:var(--text); }
.ratio-badge { border-radius:5px; padding:3px 7px; font-size:14px; font-family:var(--font-sans); font-variant-numeric:tabular-nums; font-weight:600; }
.ratio-badge.neutral { background:var(--bg-soft); color:var(--muted); }
.profit .ratio-badge { background:var(--success-tint); color:var(--success-text); }
.fav-btn { color:var(--muted); opacity:.6; flex-shrink:0; padding:5px; border-radius:5px; }
.fav-btn:hover { opacity:1; color:var(--accent-text); background:var(--accent-tint); }
.fav-btn.active { opacity:1; color:var(--accent-text); }
.fav-btn.on { opacity:1; color:var(--accent-text); }
.copy-btn { color:var(--muted); opacity:.65; }
.copy-btn:hover { opacity:1; }
.cat-name .copy-btn svg { width:13px; height:13px; }
.quest-badge { background:var(--accent-tint); color:var(--accent-text); font-size:12px; border:0; }
.chart-btn { color:var(--muted); border-color:transparent; background:transparent; padding:7px; border-radius:7px; }
.chart-btn:hover { color:var(--accent-text); background:var(--accent-tint); }
.pager { justify-content:center; gap:8px; margin-top:24px; flex-wrap:wrap; }
.pager-desktop { display:flex; align-items:center; flex-wrap:wrap; justify-content:center; gap:8px; }
.pager-mobile { display:none; }
.pg-btn { display:inline-grid; place-items:center; min-width:36px; height:36px; border:1px solid var(--border); border-radius:8px; background:var(--panel); color:var(--muted); font-size:14px; text-decoration:none; }
.pg-btn.active { background:var(--accent-tint); border-color:transparent; color:var(--accent-text); }
.dash-offers { padding:22px 28px; }
.dash-offers-head h2 { font-size:16px; margin:0; }
.market-period { margin:6px 0 10px; font-size:12px; color:var(--muted); }
.dash-offers-now { font-size:16px; }
.breadcrumb { color:var(--muted); font-size:12px; margin-bottom:28px; }
.breadcrumb a { color:var(--muted); }
.item-page { padding:28px 32px; }
.item-head { gap:26px; margin-bottom:32px; }
.item-img { width:124px; height:106px; padding:9px; object-fit:contain; background:var(--well); border:0; border-radius:12px; }
.item-head-text h1 { font-size:29px; font-weight:650; letter-spacing:-.7px; max-width:800px; }
.item-short { font-size:13px; font-family:var(--font-sans); margin-top:10px; }
.item-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:28px; }
.item-card { padding:18px; border:1px solid var(--border); background:var(--panel); border-radius:10px; }
.item-card-label { font-size:13px; color:var(--muted); margin-bottom:9px; }
.item-card-value { font-family:var(--font-sans); font-size:21px; letter-spacing:-.4px; font-weight:550; font-variant-numeric:tabular-nums; }
.item-card-sub { font-size:12px; line-height:1.65; margin-top:7px; }
.item-card.is-profit { background:var(--bg-soft); border-color:transparent; order:-1; }
.item-card.is-profit[data-profit-state="positive"] { background:var(--success-tint); }
.item-card.is-profit[data-profit-state="positive"] .item-card-value { color:var(--success-text); }
.item-card.is-profit[data-profit-state="negative"] { background:var(--danger-tint); }
.item-card.is-profit[data-profit-state="negative"] .item-card-value { color:var(--danger); }
.trader-img { width:38px; height:38px; border:0; border-radius:8px; }
.item-page h2 { font-size:18px; letter-spacing:-.3px; font-weight:600; margin:30px 0 16px; }
.stat-row { font-size:14px; padding:10px 0; border-bottom:1px solid var(--border); }
.item-stats { gap:4px 32px; }
.stat-value { font-family:var(--font-sans); font-variant-numeric:tabular-nums; }
.chart-body { padding:18px 0; }
.chart-meta { font-size:12px; line-height:1.6; color:var(--muted); }
.chart-body svg text,.offers-chart svg text { fill:var(--muted); font-size:10px; }
.chart-body svg line[stroke="#ececf0"],.offers-chart svg line[stroke="#ececf0"] { stroke:var(--border); }
.chart-tip { background:var(--panel); color:var(--ink); border:1px solid var(--border); box-shadow:0 6px 22px #0002; font-size:12px; }
.chart-range a,.chart-ranges a { border-color:var(--border); color:var(--muted); background:var(--panel); }
.trade-details { border-block:1px solid var(--border); padding:16px 0; margin:8px 0 26px; }
.trade-details summary { font-size:14px; color:var(--accent-text); cursor:pointer; }
.trade-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; padding:22px 0 12px; }
.trade-steps > div { display:flex; flex-direction:column; gap:8px; }
.trade-steps span { font-size:13px; color:var(--muted); }
.trade-steps strong { font-size:19px; color:var(--ink); font-weight:550; font-variant-numeric:tabular-nums; }
.trade-note { color:var(--muted); font-size:12px; line-height:1.6; margin-top:8px; }
.item-quests li,.item-desc { font-size:14px; line-height:1.7; }
.map-page h1 { font-size:28px; letter-spacing:-.6px; }
.map-card { background:var(--panel); border:1px solid var(--border); border-radius:11px; box-shadow:none; overflow:hidden; }
.map-card-body { padding:16px; }
.map-card-name { font-size:16px; }
.map-card-meta { font-size:12px; line-height:1.65; }
.map-panel { background:var(--bg); border-color:var(--border); border-radius:10px; padding:16px; }
.map-tg { font-size:14px; padding:6px 0; }
.map-floor-btn { font-size:13px; padding:8px 12px; }
.map-page .map-note,.map-thr,.map-panel-h { font-size:12px; }
footer { margin-top:auto; padding:24px; border-top:1px solid var(--border); color:var(--muted); font-size:12px; background:var(--panel); }
footer a { color:var(--muted); }
.footer-nav { display:flex; gap:10px 20px; flex-wrap:wrap; justify-content:center; margin-bottom:16px; }
.footer-nav a { font-size:12px; }
.prototype-toast { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); background:var(--ink); color:var(--panel); padding:11px 18px; border-radius:9px; z-index:1000; font-size:14px; box-shadow:0 4px 20px #0002; }
.prototype-toast[hidden] { display:none; }
.catalog-table [aria-busy="true"] { opacity:.55; }
@media(min-width:1500px) { .topbar { gap:26px; } }
@media(max-width:1400px) {
  .primary-nav { order:5; width:100%; flex-wrap:wrap; }
}
@media(max-width:1200px) {
  .topbar { gap:14px; }
  .primary-nav { order:5; width:100%; justify-content:flex-start; }
  .header-actions { margin-left:auto; }
  .catalog-controls { grid-template-columns:minmax(180px,1.4fr) repeat(3,minmax(135px,1fr)); }
  .catalog-table th:nth-child(1),.home-catalog .catalog-table th:nth-child(1) { width:31%; }
  .catalog-table th:nth-child(5),.home-catalog .catalog-table th:nth-child(5) { width:22%; }
}
@media(max-width:900px) {
  main,.dash-main,.catalog-main { padding:0 16px 36px; }
  .panel { padding:22px 20px; }
  .catalog-controls { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #cat-search { grid-column:1/-1; }
  .catalog-table .col-item img { width:42px; height:40px; }
  .catalog-table .cell-item { gap:7px; }
  .catalog-table td { padding:14px 8px; }
  .catalog-table .col-num,.cat-name .nm { font-size:13px; }
  .item-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:760px) {
  .app-header .prototype-notice { padding:8px 16px; font-size:11px; justify-content:center; }
  .app-header .prototype-notice > span { display:none; }
  .header-live { column-gap:8px; }
  .header-live .tarkov-clock { gap:6px; }
  .steam-online-counter { gap:4px; }
  .steam-online-label { display:none; }
  .steam-online-label-short { display:inline; }
  .app-header .topbar { display:grid; grid-template-columns:minmax(0,1fr) 44px; padding:12px 16px; gap:12px; }
  .app-header .brand { font-size:20px; gap:7px; }
  .app-header .brand-mark { width:29px; height:29px; }
  .app-header.has-mobile-menu .menu-toggle { display:grid; }
  .app-header .header-menu { display:grid; grid-column:1/-1; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; width:100%; min-width:0; padding-top:12px; border-top:1px solid var(--border); overflow:visible; }
  .app-header.has-mobile-menu:not(.is-menu-open) .header-menu { display:none; }
  .header-menu .primary-nav { display:grid; grid-column:1/-1; grid-template-columns:repeat(2,minmax(0,1fr)); order:0; width:100%; min-width:0; gap:6px; align-items:stretch; }
  .header-menu .primary-nav a { display:flex; align-items:center; min-height:44px; min-width:0; padding:10px 12px; font-size:14px; line-height:1.35; white-space:normal; overflow-wrap:anywhere; }
  .header-menu .header-actions { grid-column:1/-1; display:flex; gap:12px; margin:0; min-width:0; }
  .header-menu .saved-nav { flex:1; min-width:0; min-height:44px; gap:7px; white-space:normal; }
  .header-menu .saved-nav [data-proto-label] { display:inline; min-width:0; overflow-wrap:anywhere; }
  .header-menu .saved-nav > span:first-child,.header-menu .saved-count { flex-shrink:0; }
  .header-menu .theme-button { flex:0 0 44px; width:44px; height:44px; font-size:21px; }
  .header-menu .mode-dd,.header-menu .lang-dd { margin:0; min-width:0; justify-self:start; }
  .header-menu .lang-dd { justify-self:end; }
  .header-menu .mode-select,.header-menu .lang-select { max-width:100%; min-width:0; min-height:44px; padding:10px 30px 10px 10px; font:500 14px/1.4 var(--font-sans); text-align:left; white-space:normal; overflow-wrap:anywhere; background-color:var(--bg); }
}
@media(max-width:680px) {
  main,.dash-main,.catalog-main { padding:0 12px 28px; gap:14px; }
  .panel { padding:20px 16px; border-radius:11px; }
  .panel-head { margin-bottom:22px; }
  .panel-head h1,.panel-head h2 { font-size:25px; }
  .data-meta,.home-catalog .data-meta { flex-direction:row; flex-wrap:wrap; text-align:left; padding:0; gap:8px; }
  .data-meta .stale-src { white-space:normal; }
  .catalog-controls { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  #cat-search { font-size:16px; min-height:46px; }
  #cat-selltrader-dd { grid-column:1/-1; }
  .catalog-controls .dd-btn { font-size:13px; }
  .catalog-meta { gap:8px; align-items:flex-start; margin-bottom:6px; }
  .catalog-meta .data-status,.reset-filters { font-size:12px; }
  .catalog-table,.catalog-table tbody { display:block; }
  .catalog-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .catalog-table tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 18px; padding:20px 0; border-bottom:1px solid var(--border); }
  .catalog-table td { display:block; width:auto; padding:0; border:0; text-align:left!important; white-space:normal!important; }
  .catalog-table tbody tr:hover td { background:none; }
  .catalog-table .col-item { grid-column:1/-1; }
  .catalog-table .cell-item { gap:10px; align-items:center; }
  .catalog-table .col-item img { width:52px; height:46px; }
  .cat-name .nm { font-size:14px; }
  .catalog-table .col-num { font-size:15px; }
  .catalog-table .col-num::before { content:attr(data-label); display:block; color:var(--muted); font-size:12px; font-weight:400; margin-bottom:5px; letter-spacing:0; }
  .catalog-table .col-num:nth-child(5) { grid-column:1/-1; padding:12px 14px; border-radius:8px; background:var(--bg)!important; }
  .catalog-table .col-num:nth-child(5) .cat-trader { display:inline; margin-left:8px; }
  .catalog-table .col-actions { display:none; }
  .catalog-table td[colspan] { grid-column:1/-1; padding:30px 0; text-align:center!important; }
  .item-head { gap:16px; align-items:flex-start; margin:24px 0; }
  .item-img { width:85px; height:78px; padding:5px; flex-shrink:0; }
  .item-head-text h1 { font-size:22px; }
  .item-short { font-size:12px; }
  .item-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .item-card { padding:14px; }
  .item-card.is-profit { grid-column:1/-1; }
  .item-card-value { font-size:19px; }
  .item-card-label { font-size:12px; }
  .item-stats { grid-template-columns:1fr; }
  .chart-body { overflow-x:auto; }
  .chart-body svg { min-width:560px; }
  .offers-chart { overflow:visible; width:100%; min-width:0; }
  .offers-chart svg { width:100%; min-width:0; height:180px; }
  .offers-chart .cdot { opacity:0; }
  .offers-chart .chart-pt.active .cdot,.offers-chart .chart-pt:focus .cdot { opacity:1; }
  .trade-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  .pager { display:block; }
  .pager-desktop { display:none; }
  .pager-mobile { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; gap:8px; width:100%; max-width:360px; margin:0 auto; }
  .pager-mobile .pg-btn { width:44px; height:44px; padding:0; }
  .pg-select { width:100%; min-width:0; height:44px; border:1px solid var(--border); border-radius:8px; background:var(--panel); color:var(--text); font:500 16px var(--font-sans); text-align:center; padding:0 8px; cursor:pointer; }
  .map-wrap { grid-template-columns:1fr; }
  .map-attr { grid-column:1; }
  .map-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .map-card-img { height:105px; }
  .map-card-body { padding:12px; }
  .map-card-name { font-size:14px; }
  footer { padding:22px 16px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }