/* «Сектор 54»: слои стилей v0.17–v0.22 и site-s54-polish — порядок исходной страницы. */
/* ═══ s56-v017-style ═══ */
/* ===== v0.17: системная игровая петля, расследование, реалистичный путь ===== */
.v17-loop,.v17-investigation,.v17-road-brief,.v17-tutorial{border:1px solid rgba(224,145,58,.30);border-left:3px solid var(--signal);border-radius:8px;background:linear-gradient(180deg,rgba(25,18,9,.36),rgba(7,11,12,.86));box-shadow:inset 0 0 22px rgba(224,145,58,.035);padding:14px 16px;margin:0 0 16px;color:#dfe5df}
.v17-loop .k,.v17-investigation .k,.v17-road-brief .k,.v17-tutorial .k{font:900 10px/1 ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--signal2);margin-bottom:8px}
.v17-loop .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:8px}.v17-loop .steps span{border:1px solid rgba(255,255,255,.09);border-radius:5px;background:rgba(7,11,12,.56);padding:8px 9px;color:#aeb8b1;font:700 11px/1.35 ui-monospace,monospace}.v17-loop .steps span.on{border-color:rgba(224,145,58,.55);color:#f2d19a;background:rgba(224,145,58,.08)}
.v17-invest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:10px;margin:9px 0 14px}.v17-case{border:1px solid rgba(255,255,255,.08);border-radius:7px;background:rgba(7,11,12,.62);padding:11px}.v17-case b{display:block;color:#f0f3ef;font:900 13px/1.2 "Arial Narrow",system-ui;letter-spacing:.08em;text-transform:uppercase}.v17-case p{margin-top:7px;color:#aeb8b1;font:12.5px/1.45 Georgia,serif}.v17-case .pg{height:5px;background:#18201d;border-radius:4px;overflow:hidden;margin-top:9px}.v17-case .pg i{display:block;height:100%;background:var(--signal);border-radius:4px}.v17-case small{display:block;margin-top:6px;color:var(--steel);font:700 9px/1 ui-monospace,monospace;letter-spacing:.08em}
.v17-journey{position:absolute;right:18px;top:72px;z-index:10;width:min(360px,calc(100vw - 40px));display:none;border:1px solid rgba(224,145,58,.35);border-radius:8px;background:linear-gradient(180deg,rgba(10,15,17,.94),rgba(5,8,9,.97));box-shadow:0 18px 50px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,255,255,.03);padding:13px 14px;pointer-events:auto}.v17-journey.show{display:block}.v17-journey .top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.v17-journey .top b{font:900 13px/1 ui-monospace,monospace;color:#f0f3ef;letter-spacing:.06em}.v17-journey .top span{font:900 12px/1 ui-monospace,monospace;color:var(--signal2)}.v17-journey .bar{height:7px;background:#18201d;border-radius:4px;overflow:hidden;margin:10px 0 8px}.v17-journey .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--signal),var(--signal2));border-radius:4px}.v17-journey .meta{color:#aeb8b1;font:12px/1.45 ui-monospace,monospace}.v17-journey .meta b{color:var(--signal2)}
.v17-shelter-plan{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:0 0 18px}.v17-mode-card{border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(7,11,12,.62);padding:13px}.v17-mode-card b{display:block;color:#f0f3ef;font:900 14px/1 "Arial Narrow",system-ui;letter-spacing:.08em;text-transform:uppercase}.v17-mode-card p{margin:8px 0 10px;color:#aeb8b1;font:12.5px/1.45 Georgia,serif}.v17-mode-card button{width:100%;background:var(--plate);border:1px solid var(--line);border-radius:5px;padding:10px;font:900 10px/1 ui-monospace,monospace;color:var(--bone);letter-spacing:.12em;text-transform:uppercase}.v17-mode-card.on{border-color:rgba(224,145,58,.55);box-shadow:0 0 22px rgba(224,145,58,.08)}.v17-mode-card.on button{border-color:var(--signal);color:var(--signal2)}
.equip-slot .empty-slot{color:#68736f}.item .tag{display:inline-block;margin-top:2px;border:1px solid rgba(255,255,255,.08);border-radius:3px;padding:3px 5px;color:#9fa9a4;font:800 8px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.item.equipped{border-color:rgba(224,145,58,.50);box-shadow:inset 0 0 0 1px rgba(224,145,58,.16)}
.mcard .ch button.locked,.mcard .ch button:disabled{opacity:.64;border-left-color:var(--rust)!important;color:#b77b6d!important;cursor:not-allowed}.mcard .ch button.locked:hover,.mcard .ch button:disabled:hover{transform:none;color:#b77b6d!important}.mcard .ch button .need{color:#e06b52!important;font-weight:900}.v17-risk{color:#f0b860;font-weight:900}.v17-danger{color:#e06b52;font-weight:900}
@media (max-width:820px){.v17-journey{right:9px;left:9px;top:auto;bottom:calc(72px + env(safe-area-inset-bottom));width:auto}.v17-loop .steps{grid-template-columns:1fr}.v17-invest-grid,.v17-shelter-plan{grid-template-columns:1fr}.goalHud{display:none}}

/* ═══ s56-v019-first-hour-polish ═══ */
/* v0.19: первый игровой час, читаемость, карта, персонаж, убежище */
body.v019-readable #settings.active .scan,body.v019-readable #about.active .scan,body.v019-readable #start.active .scan,
body.v019-readable #settings.active .vig,body.v019-readable #about.active .vig,body.v019-readable #start.active .vig{display:none!important}
body.v019-readable #settings .head,body.v019-readable #about .head,body.v019-readable #start .head,
body.v019-readable #settings .panel,body.v019-readable #about .panel,body.v019-readable #start .pick,body.v019-readable #start .footer{position:relative!important;z-index:130!important;filter:none!important;opacity:1!important}
body.v019-readable #settings .photo,body.v019-readable #about .photo,body.v019-readable #start .photo{filter:brightness(1.12) contrast(1.16) saturate(.98)!important;opacity:1!important}
body.v019-readable #settings .bgfx,body.v019-readable #about .bgfx,body.v019-readable #start .bgfx{background:linear-gradient(90deg,rgba(0,0,0,.52),rgba(0,0,0,.22) 50%,rgba(0,0,0,.62)),linear-gradient(180deg,rgba(0,0,0,.50),rgba(0,0,0,.20) 40%,rgba(0,0,0,.56))!important;z-index:1!important}
body.v019-readable #settings .panel,body.v019-readable #about .panel{background:linear-gradient(180deg,rgba(13,19,21,.98),rgba(5,9,10,.99))!important;border:1px solid rgba(240,184,96,.72)!important;box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 22px 90px rgba(0,0,0,.80),0 0 52px rgba(224,145,58,.11)!important;color:#f2f1e8!important;backdrop-filter:blur(8px)!important}
body.v019-readable #settings .panel:after,body.v019-readable #about .panel:after,body.v019-readable #start .pick:after{display:none!important;content:none!important}
body.v019-readable #settings .set-row{min-height:74px!important;padding:14px 28px!important;border-bottom:1px solid rgba(202,214,207,.14)!important;color:#f3f1e7!important;background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,0))}
body.v019-readable #settings .set-row .lab{color:#f5f4ec!important;font-weight:900!important;text-shadow:0 1px 0 rgba(0,0,0,.85)}
body.v019-readable #settings .set-row small{color:#bac7c4!important;font-style:normal!important;opacity:1!important;font-weight:600!important}
body.v019-readable #settings .tgl,body.v019-readable #settings .seg button{opacity:1!important;filter:none!important}
body.v019-readable #about .about-v19{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:start;padding:34px 42px 28px!important}
body.v019-readable #about .about-icon{width:110px;height:110px;border:1px solid rgba(240,184,96,.38);border-radius:22px;background:radial-gradient(circle at 50% 46%,rgba(240,184,96,.18),rgba(5,9,10,.86) 68%);display:grid;place-items:center;color:var(--signal);font:900 46px/1 ui-monospace,monospace;box-shadow:0 0 40px rgba(224,145,58,.13) inset}
body.v019-readable #about .about-title{font:900 18px/1.2 ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--signal2);margin:2px 0 12px}
body.v019-readable #about .about-lead{font:700 19px/1.62 Georgia,serif;color:#f0efe6;margin:0 0 18px;max-width:920px;text-shadow:0 2px 0 rgba(0,0,0,.6)}
body.v019-readable #about .about-text{font:600 15px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;color:#c8d2cf;margin:0 0 12px;max-width:920px}
body.v019-readable #about .about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 20px}
body.v019-readable #about .about-step{border:1px solid rgba(202,214,207,.16);background:rgba(8,13,14,.72);border-radius:12px;padding:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
body.v019-readable #about .about-step b{display:block;color:#fff;font:900 13px/1.2 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
body.v019-readable #about .about-step span{display:block;color:#aebcba;font:600 13px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}
body.v019-readable #about .about-goal{border-top:1px solid rgba(240,184,96,.32);border-bottom:1px solid rgba(240,184,96,.18);padding:18px 0;margin-top:8px}
body.v019-readable #about .about-footer{font:800 12px/1.4 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#8f9c9a;margin-top:18px;text-align:center}
body.v019-readable #about .about-footer b{color:var(--signal2)}
body.v019-readable #start.active{overflow:hidden!important}
body.v019-readable #start .head{height:86px!important;min-height:86px!important;padding:20px 34px 0!important;align-items:flex-start!important;gap:26px!important}
body.v019-readable #start .head h2{font-size:clamp(28px,3.15vw,48px)!important;line-height:.95!important;letter-spacing:.12em!important;max-width:70vw!important;white-space:nowrap!important}
body.v019-readable #start .step{font-size:14px!important;letter-spacing:.16em!important;margin-top:20px!important}
body.v019-readable #start .pick{display:grid!important;grid-template-columns:repeat(3,minmax(210px,1fr))!important;gap:18px!important;align-content:start!important;padding:18px 42px 82px!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;scrollbar-width:thin!important}
body.v019-readable #start .city{min-height:252px!important;height:auto!important;padding:0 22px 58px!important;border-radius:10px!important;background:linear-gradient(180deg,rgba(12,19,21,.92),rgba(5,10,11,.96))!important;box-shadow:0 18px 58px rgba(0,0,0,.50),inset 0 0 0 1px rgba(255,255,255,.025)!important;overflow:hidden!important}
body.v019-readable #start .city.sel{border-color:rgba(240,184,96,.88)!important;box-shadow:0 0 0 1px rgba(240,184,96,.33) inset,0 0 44px rgba(224,145,58,.18),0 18px 58px rgba(0,0,0,.55)!important}
body.v019-readable #start .city.sel:before{content:'✓ ВЫБРАНО';position:absolute;right:14px;top:12px;border:1px solid rgba(240,184,96,.55);background:rgba(40,24,7,.72);color:#ffd18b;border-radius:5px;padding:6px 9px;font:900 10px/1 ui-monospace,monospace;letter-spacing:.08em;z-index:3}
body.v019-readable #start .city .em{height:62px!important;min-height:62px!important;margin:0 -22px 14px!important;border-radius:0!important;opacity:.95!important}
body.v019-readable #start .city .nm{font-size:clamp(21px,2.05vw,32px)!important;line-height:1.02!important;letter-spacing:.08em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
body.v019-readable #start .city .sub{font-size:13px!important;line-height:1.25!important;letter-spacing:.10em!important;margin-top:8px!important;color:var(--signal2)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.v019-readable #start .city .role{font-size:14.5px!important;line-height:1.48!important;color:#e2e5dc!important;margin-top:12px!important;padding-top:12px!important;display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-shadow:0 1px 0 rgba(0,0,0,.7)!important}
body.v019-readable #start .city .tags{left:22px!important;right:22px!important;bottom:14px!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important;max-height:32px!important;overflow:hidden!important}
body.v019-readable #start .city .tags span{font-size:10px!important;padding:6px 8px!important;background:rgba(10,15,16,.82)!important;color:#c7d1cf!important;border-color:rgba(202,214,207,.20)!important}
body.v019-readable #start .footer{height:64px!important;min-height:64px!important;padding:0 42px!important;background:linear-gradient(180deg,rgba(3,6,7,.66),rgba(3,6,7,.92))!important;border-top:1px solid rgba(202,214,207,.14)!important}
body.v019-readable #start #startHint{font-size:15px!important;color:#d7dedb!important;max-width:60vw!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.v019-readable #start #startCta{min-width:214px!important;height:56px!important;font-size:14px!important}
.dossier-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:16px;align-items:start}.char-card{border:1px solid rgba(202,214,207,.16);background:linear-gradient(180deg,rgba(13,20,22,.78),rgba(5,9,10,.90));border-radius:10px;padding:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.char-card.hot{border-color:rgba(240,184,96,.40);box-shadow:0 0 32px rgba(224,145,58,.08),inset 0 0 0 1px rgba(255,255,255,.035)}.dossier-title{font:900 12px/1 ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--signal2);margin:0 0 12px}.dossier-hero{display:flex;gap:16px;align-items:center}.dossier-av{width:84px;height:84px;border-radius:14px;border:1px solid rgba(240,184,96,.28);background:radial-gradient(circle at 55% 35%,rgba(240,184,96,.18),rgba(6,10,11,.92) 70%);display:grid;place-items:center;color:#ffd18b;font:900 34px/1 ui-monospace,monospace}.dossier-name{font:900 26px/1.1 var(--font-display),Impact,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff}.dossier-meta{color:#aebbb8;font:700 13px/1.45 system-ui;margin-top:6px}.state-pills,.dossier-tags,.equip-mini{display:flex;flex-wrap:wrap;gap:8px}.state-pills span,.dossier-tags span{border:1px solid rgba(202,214,207,.16);background:rgba(4,8,9,.72);border-radius:7px;padding:7px 9px;color:#cfd8d5;font:800 11px/1.2 ui-monospace,monospace;letter-spacing:.05em;text-transform:uppercase}.state-pills span.warn{border-color:rgba(240,184,96,.45);color:#ffd18b;background:rgba(42,25,6,.55)}.state-pills span.bad{border-color:rgba(205,79,56,.55);color:#ff9584;background:rgba(48,10,6,.50)}.equip-mini .slot{flex:1 1 150px;min-height:78px;border:1px solid rgba(202,214,207,.16);border-radius:9px;background:rgba(5,10,11,.72);padding:12px}.equip-mini .slot.on{border-color:rgba(240,184,96,.45);box-shadow:0 0 24px rgba(224,145,58,.10)}.equip-mini b{display:block;color:#fff;font:900 12px/1.2 ui-monospace,monospace;text-transform:uppercase}.equip-mini span{display:block;margin-top:7px;color:#aebbb8;font:700 13px/1.35 system-ui}.route-v19{border:1px solid rgba(240,184,96,.38);background:linear-gradient(180deg,rgba(12,18,20,.96),rgba(5,8,9,.98));border-radius:12px;padding:16px;margin-top:12px}.route-v19 b{color:#fff}.route-v19 .line{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:7px 0;border-bottom:1px solid rgba(202,214,207,.10);font:700 14px/1.35 system-ui;color:#d7dedb}.route-v19 .line:last-child{border-bottom:0}.route-v19 .warn{color:#ffd18b}.arrival-mark{display:inline-block;border:1px solid rgba(240,184,96,.42);border-radius:999px;padding:4px 8px;color:#ffd18b;font:900 10px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.shelter-v19-head{border:1px solid rgba(240,184,96,.32);background:linear-gradient(90deg,rgba(33,21,7,.70),rgba(7,12,13,.86));border-radius:12px;padding:16px 18px;margin-bottom:16px}.shelter-v19-head b{color:#fff}.shelter-v19-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.shelter-v19-card{position:relative;min-height:150px;border:1px solid rgba(202,214,207,.16);background:rgba(7,12,13,.78);border-radius:10px;padding:15px}.shelter-v19-card.on{border-color:rgba(240,184,96,.50);box-shadow:0 0 24px rgba(224,145,58,.09)}.shelter-v19-card .state{position:absolute;right:12px;top:12px;color:var(--signal2);font:900 9px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.shelter-v19-card h4{margin:0 68px 10px 0;color:#fff;font:900 15px/1.2 var(--font-display),Impact,sans-serif;text-transform:uppercase;letter-spacing:.06em}.shelter-v19-card p{margin:0 0 12px;color:#b5c0bd;line-height:1.45}.shelter-v19-card small{display:block;color:#8f9c9a;line-height:1.45}.shelter-v19-card button{margin-top:12px;width:100%;height:44px;border:1px solid rgba(240,184,96,.32);background:rgba(240,184,96,.07);color:var(--signal2);border-radius:6px;font:900 11px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.journal-v19-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.journal-v19-tabs button{border:1px solid rgba(202,214,207,.16);background:rgba(5,10,11,.70);color:#9ca9a7;border-radius:6px;padding:8px 10px;font:900 10px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.journal-v19-tabs button.on{border-color:rgba(240,184,96,.58);color:#ffd18b;background:rgba(41,24,6,.60)}.result-v19{border-left:3px solid var(--signal);padding-left:12px}.result-v19 b{color:#fff}
@media(max-width:980px){body.v019-readable #start .pick{grid-template-columns:1fr!important;padding:12px 18px 86px!important}body.v019-readable #start .city{min-height:230px!important}body.v019-readable #start .head h2{font-size:34px!important}body.v019-readable #start .footer{padding:0 18px!important}body.v019-readable #start #startHint{max-width:52vw!important}.dossier-grid{grid-template-columns:1fr}body.v019-readable #about .about-v19{grid-template-columns:1fr;padding:24px!important}body.v019-readable #about .about-grid{grid-template-columns:1fr}}
@media(max-height:720px){body.v019-readable #start .head{height:74px!important;min-height:74px!important;padding-top:14px!important}body.v019-readable #start .head h2{font-size:36px!important}body.v019-readable #start .pick{padding-top:10px!important;padding-bottom:74px!important}body.v019-readable #start .city{min-height:224px!important;padding-bottom:50px!important}body.v019-readable #start .city .em{height:50px!important;min-height:50px!important}body.v019-readable #start .city .role{-webkit-line-clamp:3!important}body.v019-readable #start .footer{height:58px!important;min-height:58px!important}body.v019-readable #settings .head,body.v019-readable #about .head{height:78px!important;min-height:78px!important}body.v019-readable #settings .head h2,body.v019-readable #about .head h2{font-size:42px!important}body.v019-readable #settings .panel,body.v019-readable #about .panel{max-height:calc(100vh - 160px)!important;overflow:auto!important}}

/* ═══ s56-v020-art-polish-css ═══ */
/* ===== v0.20: городские фоны, портреты, визуальная полировка ===== */
.bg-intro-kem,.bg-city-kem{background-image:url('assets/cities/kemerovo.jpg')!important}.bg-intro-nvkz,.bg-city-nvkz{background-image:url('assets/cities/novokuznetsk.jpg')!important}.bg-intro-nsk,.bg-city-nsk{background-image:url('assets/cities/novosibirsk.jpg')!important}
body.v020-art .copy{color:#7f8d87!important}body.v020-art #settings .scan,body.v020-art #about .scan{display:none!important}body.v020-art #settings .panel,body.v020-art #about .panel{opacity:1!important;filter:none!important}
body.v020-art #start .pick{gap:18px!important;padding:18px 28px 20px!important;align-items:stretch!important;scrollbar-gutter:stable both-edges!important}
body.v020-art #start .city{min-height:330px!important;padding:0!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(13,20,22,.88),rgba(5,8,9,.96))!important;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.035)!important;overflow:hidden!important}
body.v020-art #start .city .em{height:112px!important;min-height:112px!important;margin:0 0 16px!important;background-size:cover!important;background-position:center!important;position:relative!important;border-bottom:1px solid rgba(240,184,96,.16)!important;box-shadow:inset 0 -44px 48px rgba(0,0,0,.70)!important}
body.v020-art #start .city .em:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,9,.05),rgba(5,8,9,.72)),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}
body.v020-art #start .city .city-signal{position:absolute;left:50%;top:50%;width:36px;height:36px;transform:translate(-50%,-50%);border:1px solid rgba(240,184,96,.66);border-radius:50%;box-shadow:0 0 24px rgba(224,145,58,.30),inset 0 0 18px rgba(224,145,58,.18);z-index:2}body.v020-art #start .city .city-signal:before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;transform:translate(-50%,-50%);border-radius:50%;background:var(--signal2);box-shadow:0 0 14px var(--signal)}
body.v020-art #start .city .nm{font-size:clamp(22px,2.35vw,34px)!important;letter-spacing:.075em!important;text-shadow:0 2px 0 #000,0 0 22px rgba(255,255,255,.14)!important;margin:0 22px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}body.v020-art #start .city .sub{margin:8px 22px 0!important;color:#f0b860!important;font-size:11px!important;letter-spacing:.14em!important}body.v020-art #start .city .role{margin:15px 22px 0!important;padding-top:12px!important;border-top:1px solid rgba(194,187,164,.12)!important;font:14px/1.55 system-ui,Segoe UI,sans-serif!important;color:#d7dfd9!important;font-style:normal!important;max-height:91px!important;overflow:hidden!important}body.v020-art #start .city .tags{left:22px!important;right:22px!important;bottom:20px!important;gap:7px!important}body.v020-art #start .city .tags span{border-radius:5px!important;padding:6px 8px!important;background:rgba(10,15,16,.58)!important;color:#aebbb8!important;font-size:8.5px!important}body.v020-art #start .city.sel{box-shadow:0 0 0 1px var(--signal),0 0 34px rgba(224,145,58,.20),0 18px 44px rgba(0,0,0,.55)!important}body.v020-art #start .city.sel .em{box-shadow:inset 0 -44px 48px rgba(0,0,0,.58),0 0 34px rgba(224,145,58,.18)!important}body.v020-art #start .city.sel .tags span{border-color:rgba(240,184,96,.50)!important;color:#ffd28d!important}body.v020-art #start .city .badge{right:14px!important;top:14px!important;border:1px solid rgba(240,184,96,.58)!important;border-radius:6px!important;background:rgba(28,16,4,.72)!important;color:#ffd28d!important;padding:7px 9px!important;font:900 9px/1 ui-monospace,monospace!important;letter-spacing:.1em!important;text-transform:uppercase!important}
body.v020-art #introPhoto{background-size:cover!important;background-position:center!important}.intro-wrap{background:linear-gradient(180deg,rgba(5,8,9,.58),rgba(5,8,9,.80))!important;border:1px solid rgba(240,184,96,.22)!important;border-radius:12px!important;padding:22px 24px!important;box-shadow:0 20px 70px rgba(0,0,0,.55)!important;backdrop-filter:blur(4px)!important}
body.v020-art .av-big,body.v020-art .av-grid .a,body.v020-art .tb-id .av{background:#070b0c!important;border-color:rgba(240,184,96,.28)!important}body.v020-art .av-grid{grid-template-columns:repeat(8,1fr)!important;gap:7px!important}body.v020-art .av-grid .a canvas,body.v020-art .av-big canvas,body.v020-art .tb-id .av canvas{display:block;width:100%;height:100%}
body.v020-art .dossier-av{overflow:hidden!important;background:#06090a!important;border:1px solid rgba(240,184,96,.35)!important;box-shadow:0 0 34px rgba(224,145,58,.10)!important}body.v020-art .dossier-av canvas{width:100%;height:100%;display:block}.dossier-visual{margin-top:14px;border:1px solid rgba(240,184,96,.24);border-radius:10px;overflow:hidden;min-height:132px;background-size:cover;background-position:center;position:relative;box-shadow:inset 0 -74px 72px rgba(0,0,0,.74)}.dossier-visual:after{content:attr(data-title);position:absolute;left:14px;right:14px;bottom:12px;color:#fff;font:900 12px/1.2 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 0 #000}
body.v020-art .mcard.with-art{width:min(880px,100%)!important}body.v020-art .scene-art{height:min(230px,31dvh);margin:0 0 16px;border:1px solid rgba(240,184,96,.20);border-radius:8px;background-size:cover;background-position:center;position:relative;overflow:hidden;box-shadow:0 14px 46px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.025)}body.v020-art .scene-art.portrait{height:min(220px,30dvh);background-position:center 38%}body.v020-art .scene-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.36)),radial-gradient(90% 70% at 18% 90%,rgba(224,145,58,.10),transparent 60%)}body.v020-art .mcard .scene-face.photo-face{background-size:cover!important;background-position:center!important;border-color:rgba(240,184,96,.38)!important;box-shadow:0 0 30px rgba(224,145,58,.10),inset 0 -28px 30px rgba(0,0,0,.38)!important}body.v020-art .mcard .scene-face.photo-face canvas{display:none!important}body.v020-art .scene-scroll .etx p:first-child{font-weight:600;color:#e3e8e1}
.loc-art-mini{height:82px;margin:0 0 10px;border-radius:8px;background-size:cover;background-position:center;border:1px solid rgba(240,184,96,.18);box-shadow:inset 0 -34px 38px rgba(0,0,0,.45)}
@media (max-width:900px){body.v020-art #start .pick{padding:10px!important;gap:10px!important}body.v020-art #start .city{min-height:250px!important}body.v020-art #start .city .em{height:72px!important;min-height:72px!important;margin-bottom:11px!important}body.v020-art #start .city .nm{font-size:18px!important;margin:0 14px!important}body.v020-art #start .city .sub{font-size:9.5px!important;margin-left:14px!important;margin-right:14px!important}body.v020-art #start .city .role{font-size:12px!important;line-height:1.4!important;max-height:68px!important;margin-left:14px!important;margin-right:14px!important}body.v020-art #start .city .tags{left:14px!important;right:14px!important}body.v020-art .scene-art{height:145px}.intro-wrap{padding:14px!important;width:92%!important}}
@media (max-height:500px) and (orientation:landscape){body.v020-art #start .city{min-height:186px!important}body.v020-art #start .city .em{height:54px!important;min-height:54px!important}body.v020-art #start .city .role{font-size:11px!important;line-height:1.28!important;max-height:43px!important}body.v020-art #start .city .tags{display:none!important}body.v020-art .scene-art{display:none!important}.intro-wrap .txt{min-height:170px!important}}

/* ═══ s56-v021-layout-fixes-css ═══ */
body.v021-fix #settings.active .scan,body.v021-fix #about.active .scan,body.v021-fix #char.active .scan,
body.v021-fix #settings.active .vig,body.v021-fix #about.active .vig,body.v021-fix #char.active .vig{display:none!important}
body.v021-fix #settings .panel,body.v021-fix #about .panel{opacity:1!important;filter:none!important;color:#f2f2ec!important;background:linear-gradient(180deg,rgba(12,18,20,.985),rgba(5,8,9,.995))!important;border-color:rgba(240,184,96,.72)!important;box-shadow:0 22px 90px rgba(0,0,0,.86),0 0 44px rgba(224,145,58,.10),inset 0 0 0 1px rgba(255,255,255,.04)!important;backdrop-filter:blur(8px)!important}
body.v021-fix #settings .set-row{grid-template-columns:minmax(320px,1fr) auto!important;padding:14px 28px 14px 92px!important;min-height:78px!important;gap:26px!important;background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,0))!important;overflow:visible!important}
body.v021-fix #settings .set-row:before{left:24px!important;width:48px!important;height:48px!important;opacity:1!important}
body.v021-fix #settings .set-row:after{left:39px!important;opacity:1!important;text-shadow:0 0 16px rgba(224,145,58,.6)!important}
body.v021-fix #settings .set-row .lab{font-size:21px!important;line-height:1.1!important;color:#f5f5ee!important;position:relative!important;z-index:2!important;text-shadow:0 2px 0 rgba(0,0,0,.85)!important;overflow:visible!important;white-space:normal!important}
body.v021-fix #settings .set-row .lab small{font:600 13px/1.42 system-ui,-apple-system,Segoe UI,sans-serif!important;color:#c1cbc7!important;opacity:1!important;margin-top:7px!important;white-space:normal!important}
body.v021-fix #settings .set-row .tgl,body.v021-fix #settings .set-row .seg{position:relative!important;z-index:2!important}
body.v021-fix #settings .panel:after,body.v021-fix #about .panel:after,body.v021-fix #char .body:after,body.v021-fix #start .pick:after,body.v021-fix .locp:after{display:none!important;content:none!important}
body.v021-fix #about .about-v19{min-height:auto!important;color:#eef1ec!important}
body.v021-fix #about .about-lead{color:#fff8e8!important;text-shadow:0 2px 0 rgba(0,0,0,.7)!important}
body.v021-fix #about .about-text,body.v021-fix #about .about-step span{color:#d0dad6!important}
body.v021-fix #char.active{overflow:hidden!important}
body.v021-fix #char .head{position:relative!important;z-index:20!important;height:96px!important;min-height:96px!important;padding:26px 34px 0!important;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.05))!important}
body.v021-fix #char .head h2{font:900 clamp(28px,3.4vw,52px)/.92 "Arial Narrow",Impact,sans-serif!important;letter-spacing:.14em!important;text-shadow:0 3px 0 #000,0 0 18px rgba(224,145,58,.12)!important}
body.v021-fix #char .body{position:relative!important;z-index:20!important;display:grid!important;grid-template-columns:minmax(230px,360px) minmax(0,1fr)!important;gap:22px!important;padding:16px 34px 78px!important;overflow-y:auto!important;overflow-x:hidden!important;align-items:start!important;min-height:0!important}
body.v021-fix #char .col-av{width:auto!important;min-width:0!important;display:grid!important;grid-template-columns:1fr!important;gap:12px!important;align-content:start!important}
body.v021-fix #char .av-big{width:100%!important;max-width:360px!important;max-height:min(38dvh,330px)!important;aspect-ratio:1/1!important;border-radius:12px!important;background-size:cover!important;background-position:center 36%!important;border-color:rgba(240,184,96,.55)!important;box-shadow:0 18px 54px rgba(0,0,0,.58),inset 0 -70px 70px rgba(0,0,0,.44)!important}
body.v021-fix #char .av-grid{display:grid!important;grid-template-columns:repeat(4,minmax(42px,1fr))!important;gap:8px!important;width:100%!important;max-width:360px!important}
body.v021-fix #char .av-grid .a{background-size:cover!important;background-position:center 36%!important;border-color:rgba(194,187,164,.22)!important;min-height:54px!important;border-radius:8px!important;box-shadow:inset 0 -22px 28px rgba(0,0,0,.36)!important}
body.v021-fix #char .av-grid .a.sel{border-color:var(--signal)!important;box-shadow:0 0 0 1px var(--signal),0 0 22px rgba(224,145,58,.22),inset 0 -22px 28px rgba(0,0,0,.28)!important}
body.v021-fix #char .av-big canvas,body.v021-fix #char .av-grid .a canvas{display:none!important}
body.v021-fix #char .about-hint{max-width:360px!important;border:1px solid rgba(240,184,96,.22)!important;border-left:3px solid var(--signal)!important;background:rgba(8,12,13,.78)!important;border-radius:8px!important;padding:12px 14px!important;color:#cbd4cf!important;font:600 12px/1.48 system-ui,-apple-system,Segoe UI,sans-serif!important}
body.v021-fix #char .about-hint b{color:var(--signal2)!important;font:900 11px/1 ui-monospace,monospace!important;letter-spacing:.12em!important;text-transform:uppercase!important}
body.v021-fix #char .col-form{gap:14px!important;min-width:0!important}
body.v021-fix #char .fld{border:1px solid rgba(194,187,164,.13)!important;background:linear-gradient(180deg,rgba(12,18,20,.66),rgba(5,8,9,.78))!important;border-radius:10px!important;padding:12px 14px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important}
body.v021-fix #char .fld label{font:900 10px/1 ui-monospace,monospace!important;letter-spacing:.18em!important;color:var(--signal2)!important;margin-bottom:10px!important}
body.v021-fix #char .seg button{min-height:44px!important;color:#d8ded8!important}
body.v021-fix #char .seg button.on{color:#ffd08b!important;border-color:var(--signal)!important;box-shadow:0 0 20px rgba(224,145,58,.12)!important}
body.v021-fix #char .tin{min-height:48px!important;font-size:17px!important;color:#f6f4e9!important;background:rgba(7,11,12,.84)!important}
body.v021-fix #char .attr{gap:12px!important;padding:8px 0!important;border-bottom:1px solid rgba(194,187,164,.10)!important}
body.v021-fix #char .attr:last-child{border-bottom:0!important}
body.v021-fix #char .attr .nm{width:74px!important;color:#f3efe2!important;font-size:13px!important;font-weight:900!important}
body.v021-fix #char .attr .dots i{height:9px!important;border-radius:3px!important;background:#26302e!important}
body.v021-fix #char .attr .dots i.f{background:var(--signal)!important;box-shadow:0 0 10px rgba(224,145,58,.38)!important}
body.v021-fix #char .attr .pm button{width:34px!important;height:34px!important;min-height:34px!important;border-radius:7px!important;color:#e8ece7!important;background:rgba(11,17,18,.85)!important}
body.v021-fix #char .pts{font:900 12px/1 ui-monospace,monospace!important;color:#b9c2bf!important;margin-top:10px!important}
body.v021-fix #char .pts b{font-size:16px!important;color:var(--signal2)!important}
body.v021-fix #char .footer{position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:22!important;background:linear-gradient(180deg,rgba(5,8,9,.36),rgba(5,8,9,.94))!important;backdrop-filter:blur(7px)!important}
body.v021-fix .mapHud{display:none!important}
body.v021-fix #game.mapFocus .locp{opacity:1!important;pointer-events:auto!important;transform:none!important}
body.v021-fix .locp{display:block!important;opacity:1!important;color:#edf1eb!important;min-height:74px!important;max-height:118px!important;border-color:rgba(240,184,96,.36)!important;background:linear-gradient(180deg,rgba(12,18,20,.95),rgba(5,8,9,.98))!important;box-shadow:0 12px 35px rgba(0,0,0,.62)!important}
body.v021-fix .locp:empty{display:none!important}
body.v021-fix .locp .nm{color:#fff!important;text-shadow:0 2px 0 #000!important}
body.v021-fix .locp .ds{color:#c7d0cc!important}
body.v021-fix .locp .abtn{color:#e6dfc9!important;border-color:rgba(194,187,164,.24)!important}
body.v021-fix .locp .abtn.go{color:#1c1407!important;background:var(--signal)!important}
body.v021-fix #travelHud:not(.show){display:none!important}
@media(max-height:620px) and (orientation:landscape){body.v021-fix #char .head{height:70px!important;min-height:70px!important;padding-top:14px!important}body.v021-fix #char .head h2{font-size:34px!important}body.v021-fix #char .body{grid-template-columns:220px 1fr!important;padding:10px 22px 66px!important;gap:14px!important}body.v021-fix #char .av-grid{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}body.v021-fix #char .fld{padding:8px 10px!important}body.v021-fix #char .tin{min-height:38px!important}body.v021-fix #char .seg button{min-height:36px!important}body.v021-fix #char .attr{padding:5px 0!important}body.v021-fix #char .about-hint{display:none!important}}

/* ═══ s56-v021b-map-goal-polish-css ═══ */
body.v021-fix #tab-map .goalHud:empty{display:none!important}
body.v021-fix #tab-map .goalHud{display:block!important;position:absolute!important;left:22px!important;top:58px!important;bottom:auto!important;width:min(30vw,390px)!important;min-width:280px!important;max-width:calc(100vw - 520px)!important;z-index:5!important;padding:14px 18px!important;border:1px solid rgba(240,184,96,.38)!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(10,15,17,.92),rgba(7,10,11,.76))!important;box-shadow:0 14px 38px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.035)!important;backdrop-filter:blur(9px)!important;color:#eef1eb!important;pointer-events:none!important}
body.v021-fix #tab-map .goalHud .k{font:900 10px/1 ui-monospace,monospace!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:var(--signal2)!important;margin-bottom:7px!important}
body.v021-fix #tab-map .goalHud .t{font:900 clamp(18px,2.2vw,26px)/1.08 "Arial Narrow",Impact,sans-serif!important;letter-spacing:.05em!important;text-transform:uppercase!important;color:#fff!important;text-shadow:0 2px 0 #000!important;margin-bottom:6px!important}
body.v021-fix #tab-map .goalHud .d{font:600 13px/1.45 system-ui,-apple-system,Segoe UI,sans-serif!important;color:#cbd5d0!important}
@media(max-width:1000px), (max-height:650px){body.v021-fix #tab-map .goalHud{display:none!important}}
body.v021-fix .locp.compact .top,body.v021-fix .locp.compact .ds,body.v021-fix .locp.compact .acts{visibility:visible!important;opacity:1!important}
body.v021-fix .locp.compact .nm{min-width:0!important;display:block!important}
body.v021-fix .locp.compact .ds:empty{display:none!important}
body.v021-fix #settings .panel{max-height:calc(100dvh - 170px)!important;overflow-y:auto!important;overflow-x:hidden!important}
body.v021-fix #settings .set-row .lab small{font-style:normal!important}
body.v021-fix #char .av-big:empty{background:linear-gradient(180deg,rgba(12,18,20,.92),rgba(5,8,9,.98))!important}

/* ═══ s56-v022-polish-css ═══ */
body.v022-polish #char .av-big,
body.v022-polish #char .av-grid .a,
body.v022-polish .tb-id .av,
body.v022-polish .dossier-av{
  background-image:var(--portrait)!important;
  background-size:cover!important;
  background-position:center 35%!important;
  background-repeat:no-repeat!important;
  background-color:#070b0c!important;
}
body.v022-polish #char .av-big canvas,
body.v022-polish #char .av-grid .a canvas,
body.v022-polish .tb-id .av canvas,
body.v022-polish .dossier-av canvas{display:none!important}
body.v022-polish #char .av-big{position:relative!important;min-height:210px!important;overflow:hidden!important}
body.v022-polish #char .av-big:after{content:"ВЫБРАННЫЙ ПОРТРЕТ";position:absolute;left:12px;right:12px;bottom:10px;padding:8px 10px;border-radius:7px;background:linear-gradient(90deg,rgba(5,8,9,.82),rgba(5,8,9,.2));color:#ffd18b;font:900 9px/1 ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 2px 0 #000;pointer-events:none}
body.v022-polish #char .av-grid .a{min-height:64px!important;position:relative!important}
body.v022-polish #char .av-grid .a.sel:after{content:"✓";position:absolute;right:5px;top:5px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:rgba(224,145,58,.92);color:#160d04;font:900 12px/1 ui-monospace,monospace;box-shadow:0 0 18px rgba(224,145,58,.45)}
body.v022-polish #char .about-hint{display:block!important}
body.v022-polish .mcard.v022-no-big-portrait .scene-art.portrait{display:none!important}
body.v022-polish .mcard.v022-city-scene .scene-art{height:min(205px,28dvh)!important;background-position:center!important}
body.v022-polish .mcard .scene-art.tutorial-art{height:150px!important;background-position:center!important}
body.v022-polish #travelHud.v022-long .th-top span{color:#ffd18b!important}
body.v022-polish #travelHud.v022-long .th-meta b{color:#ffd18b}

body.v022-polish #tab-base{position:absolute;inset:0;overflow:hidden;background:#070a0b}
body.v022-polish #tab-base .panel{position:absolute;inset:0!important;padding:0!important;overflow:hidden!important;background:#050707!important;border:0!important}
.shelter-game{position:absolute;inset:0;overflow:hidden;background:#050707;color:#efe3cc;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.shelter-game:before{content:"";position:absolute;inset:0;background-image:url('assets/shelter-cellar.jpg');background-size:cover;background-position:center;filter:saturate(.90) contrast(1.05) brightness(.70);transform:scale(1.015)}
.shelter-game:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 52% 48%,rgba(0,0,0,.04),rgba(0,0,0,.66) 72%,rgba(0,0,0,.92)),linear-gradient(180deg,rgba(0,0,0,.70),transparent 22%,transparent 67%,rgba(0,0,0,.86));pointer-events:none}
.shelter-game .sg-ui{position:absolute;inset:0;z-index:2;padding:18px 24px 16px;display:grid;grid-template-rows:auto auto 1fr auto;gap:14px;min-height:0}
.sg-top{display:grid;grid-template-columns:minmax(250px,1.05fr) minmax(450px,2fr) minmax(130px,.42fr);gap:14px;align-items:stretch}
.sg-card{background:linear-gradient(180deg,rgba(19,17,14,.78),rgba(9,8,7,.72));border:1px solid rgba(219,195,146,.34);border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.055);backdrop-filter:blur(5px)}
.sg-brand{display:flex;align-items:center;gap:14px;padding:14px 18px}.sg-mark{width:52px;height:52px;border-radius:13px;border:1px solid rgba(219,195,146,.38);display:grid;place-items:center;background:radial-gradient(circle at 50% 25%,rgba(224,145,58,.26),rgba(0,0,0,.20));font:900 28px/1 ui-monospace,monospace;color:#f0d49b}.sg-brand h2{margin:0;font:900 clamp(24px,2.3vw,42px)/.95 "Arial Narrow",Impact,sans-serif;letter-spacing:-.025em;color:#fff7e4;text-shadow:0 2px 0 #000}.sg-brand p{margin:5px 0 0;color:#b9a98b;font:800 12px/1.25 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}
.sg-res{display:grid;grid-template-columns:repeat(5,minmax(76px,1fr));align-items:stretch;padding:8px}.sg-r{display:flex;align-items:center;justify-content:center;gap:9px;border-right:1px solid rgba(219,195,146,.16);padding:7px 10px}.sg-r:last-child{border-right:0}.sg-r i{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.055);display:grid;place-items:center;font-style:normal;color:#e8c171}.sg-r span{display:block;color:#b9a98b;font-size:12px}.sg-r b{display:block;color:#fff4da;font-size:22px;line-height:1}.sg-day{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:10px 18px}.sg-day b{font:900 clamp(24px,2.1vw,36px)/1 "Arial Narrow",Impact,sans-serif;color:#fff4da}.sg-day span{color:#b9a98b}
.sg-mid{display:grid;grid-template-columns:minmax(260px,360px) 1fr minmax(220px,270px);gap:14px;align-items:start;min-height:0}.sg-goal{padding:18px}.sg-lbl{color:#d0a04f;font:900 12px/1 ui-monospace,monospace;letter-spacing:.11em;text-transform:uppercase;margin-bottom:9px}.sg-goal h3{margin:0 0 8px;font:900 25px/1.05 "Arial Narrow",Impact,sans-serif;color:#fff4da}.sg-goal p{margin:0 0 12px;color:#d0c2a5;line-height:1.45}.sg-tip{border:1px solid rgba(255,255,255,.10);background:rgba(40,51,55,.58);border-radius:10px;padding:10px 12px;color:#e1e8e5;font-size:13px;line-height:1.35}.sg-small-actions{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.sg-small-actions button,.sg-actions button{border:1px solid rgba(219,195,146,.28);border-radius:10px;background:rgba(21,18,14,.75);color:#f5dfb4;padding:10px 12px;font-weight:900}.sg-small-actions button:hover,.sg-actions button:hover{border-color:#d0a04f;color:#ffd18b}.sg-center{min-height:240px;align-self:stretch;border-radius:18px;border:1px solid rgba(219,195,146,.18);background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.20));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.sg-status{padding:16px 14px}.sg-meter{margin-bottom:12px}.sg-meter .row{display:flex;justify-content:space-between;gap:12px;color:#cbbd9f;margin-bottom:5px}.sg-meter .bar{height:8px;border-radius:99px;background:rgba(0,0,0,.36);border:1px solid rgba(255,255,255,.07);overflow:hidden}.sg-meter .bar i{display:block;height:100%;border-radius:99px;background:#d0a04f}.sg-meter.danger .bar i{background:#c66d55}.sg-actions{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:16px}.sg-action{min-height:98px;display:grid;grid-template-columns:58px 1fr;gap:13px;align-items:center;text-align:left;padding:18px 20px!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(19,17,14,.82),rgba(9,8,7,.78))!important;box-shadow:0 18px 44px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.045)}.sg-action i{width:50px;height:50px;border-radius:13px;border:1px solid rgba(219,195,146,.33);background:rgba(208,160,79,.18);display:grid;place-items:center;font-style:normal;font-size:24px;color:#f4d391}.sg-action b{display:block;font:900 20px/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase;color:#fff4da;letter-spacing:.05em}.sg-action span{display:block;margin-top:5px;color:#d0c2a5;font-size:13px}.sg-build{max-width:760px;margin:auto;padding:26px}.sg-build h3{font:900 34px/1 "Arial Narrow",Impact,sans-serif;margin:0 0 10px;color:#fff4da}.sg-build p{color:#d0c2a5;line-height:1.6}.sg-build button{margin-top:14px;border:1px solid rgba(208,160,79,.55);border-radius:12px;background:rgba(208,160,79,.20);color:#ffe2a7;padding:14px 18px;font:900 13px/1 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}
@media(max-height:640px){.shelter-game .sg-ui{padding:12px 18px 12px;gap:10px}.sg-top{grid-template-columns:minmax(220px,.9fr) minmax(360px,1.8fr) minmax(112px,.36fr)}.sg-brand{padding:10px 14px}.sg-mark{width:42px;height:42px}.sg-brand h2{font-size:27px}.sg-r i{width:28px;height:28px}.sg-r b{font-size:18px}.sg-mid{grid-template-columns:minmax(240px,330px) 1fr minmax(190px,240px)}.sg-center{min-height:150px}.sg-actions{gap:10px}.sg-action{min-height:78px;padding:12px 14px!important}.sg-action i{width:42px;height:42px}.sg-action b{font-size:16px}.sg-action span{font-size:12px}.sg-goal{padding:14px}.sg-goal h3{font-size:21px}}
@media(max-width:980px){.sg-top,.sg-mid,.sg-actions{grid-template-columns:1fr}.shelter-game .sg-ui{overflow:auto}.sg-center{display:none}.sg-actions{padding-bottom:20px}.sg-res{grid-template-columns:repeat(2,1fr)}.sg-r:nth-child(2n){border-right:0}}

/* ═══ s56-v022b-hardening-css ═══ */
body.v022-polish #char .av-big,body.v022-polish #char .av-grid .a,body.v022-polish .tb-id .av,body.v022-polish .dossier-av{position:relative!important;overflow:hidden!important}
body.v022-polish #char .av-big img.portrait-img,body.v022-polish #char .av-grid .a img.portrait-img,body.v022-polish .tb-id .av img.portrait-img,body.v022-polish .dossier-av img.portrait-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 35%!important;display:block!important;z-index:1!important;pointer-events:none!important;opacity:1!important;filter:none!important}
body.v022-polish #char .av-big:after,body.v022-polish #char .av-grid .a.sel:after{z-index:2!important}
body.v022-polish #char .av-big canvas,body.v022-polish #char .av-grid .a canvas,body.v022-polish .tb-id .av canvas,body.v022-polish .dossier-av canvas{opacity:0!important;visibility:hidden!important}
body.v022-polish .scene-art.v022b-city-art{height:min(205px,28dvh)!important;background-size:cover!important;background-position:center!important}
body.v022-polish #mapHud:empty,body.v022-polish .locp .ds:empty{display:none!important}

/* сайт, 01.10.2026: старая панель пути не должна перекрывать новую с кнопкой ускорения */
#tab-map:has(#travelHud.show) #v17Journey{display:none!important}

/* ═══ site-s54-polish ═══ */
/* сайт, 01.10.2026: фото города во вступлении было почти не видно — затемняем только левую часть под текстом */
#intro .photo{filter:brightness(.9) contrast(1.05) saturate(.92)!important;opacity:1!important}
#intro .bgfx{background:linear-gradient(90deg,rgba(3,5,6,.84) 0%,rgba(3,5,6,.62) 45%,rgba(3,5,6,.22) 100%)!important;opacity:1!important}
#intro .vig{opacity:.5!important}
/* сайт, 01.10.2026: на горизонтальном телефоне игра (v0.20) прятала все картинки сцен ради места —
   нарисованные события и города не было видно вовсе. Теперь картинка — колонкой слева, текст справа. */
@media (max-height:500px) and (orientation:landscape){
  body.v020-art #mcard.with-art .scene-scroll{display:grid!important;grid-template-columns:minmax(0,36%) minmax(0,1fr);gap:14px;align-items:start}
  body.v020-art #mcard.with-art .scene-art{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:4/3;margin:0!important;position:sticky;top:0;border-radius:8px;background-size:cover!important;background-position:center!important}
  body.v020-art #mcard.with-art .scene-scroll>.etx{min-width:0}
}
#intro .intro-wrap{background:linear-gradient(90deg,rgba(5,8,9,.5) 0%,rgba(5,8,9,.28) 55%,rgba(5,8,9,.06) 100%)!important}
#intro .intro-wrap .txt,#intro .intro-wrap .loc{text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 14px rgba(0,0,0,.6)}