/* Data Center Tycoon: Campus — vzhled rozhraní „ui2“ (prezentační vrstva, žádná herní logika).
   Vše je pod html.ui2, takže vypnutí třídy vrátí původní vzhled. */
html.ui2{
  --u-bg:#0a1018; --u-bar:rgba(9,15,23,.92); --u-glass:rgba(13,21,31,.78); --u-glass-2:rgba(18,28,40,.9);
  --u-line:rgba(170,196,214,.13); --u-line-2:rgba(170,196,214,.24); --u-hi:rgba(255,255,255,.06);
  --u-ink:#eaf0f4; --u-ink-2:#b3bfc9; --u-ink-3:#7d8b97;
  --u-gold:#e6bb6c; --u-gold-2:#f6d9a1; --u-gold-ink:#241703;
  --u-green:#72d6a4; --u-red:#ff8473; --u-blue:#8cc0ff; --u-amber:#f2b85b;
  --u-r:12px; --u-r-s:8px;
  --u-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --u-head:"Space Grotesk","Inter",system-ui,sans-serif;
  --u-mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --u-shadow:0 18px 50px rgba(0,0,0,.42),0 2px 6px rgba(0,0,0,.25);
  --u-bar-h:62px;
}
html.ui2 body{font-family:var(--u-sans);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased}

html.ui2 body .hidden,html.ui2 body [hidden],html.ui2 #top .hidden,html.ui2 #ctrls .hidden,html.ui2 #start .hidden,html.ui2 #catalogShell .hidden{display:none!important}

/* ─── ikony ─── */
html.ui2 .uiI{width:16px;height:16px;flex:0 0 auto;display:inline-block;vertical-align:-3px}
html.ui2 [data-ui-ico]{font-size:0!important;line-height:0!important;letter-spacing:0!important}
html.ui2 #sfxB:not(.on),html.ui2 #mus:not(.on){--ico:var(--ico-off)!important}
html.ui2 [data-ui-ico]::before{content:"";display:inline-block;width:var(--ico-s,16px);height:var(--ico-s,16px);background:currentColor;
  -webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat;vertical-align:middle}

/* ─── horní lišta ─── */
html.ui2 #top{height:var(--u-bar-h)!important;min-height:var(--u-bar-h)!important;padding:0 14px 0 12px!important;gap:12px!important;align-items:center!important;
  background:linear-gradient(180deg,rgba(12,19,29,.98),rgba(9,15,23,.95))!important;border-bottom:1px solid var(--u-line)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.34)!important;}
html.ui2 #top::after{display:none!important}
html.ui2 #brand{padding:0 12px 0 2px!important;gap:10px!important;border-right:1px solid var(--u-line)!important;height:38px!important}
html.ui2 #brand .brandCopy b{font:600 13.5px/1.1 var(--u-head)!important;letter-spacing:-.005em!important;color:var(--u-ink)!important}
html.ui2 #brand .brandCopy small{font:500 10px/1.3 var(--u-sans)!important;letter-spacing:.2em!important;color:var(--u-ink-3)!important;text-transform:uppercase}
@media (max-width:1799px){html.ui2 #brand .brandCopy{display:none!important} html.ui2 #brand{padding-right:10px!important}}
html.ui2 #chips{gap:2px!important;align-items:center!important;height:var(--u-bar-h)!important}
html.ui2 #top .chip{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:var(--u-r-s)!important;padding:5px 9px!important;min-height:44px;
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:2px!important;color:var(--u-ink)!important;position:relative;transition:background .15s}
html.ui2 #top .chip:hover{background:var(--u-hi)!important}
html.ui2 #top .chip.hidden,html.ui2 #top .chip.away{display:none!important}
html.ui2 #top .chip>small[data-ui-ico]{font-size:0!important;line-height:0!important;letter-spacing:0!important}
html.ui2 #top .chip>small{font:600 9.5px/1 var(--u-sans)!important;letter-spacing:.12em!important;color:var(--u-ink-3)!important;text-transform:uppercase;margin:0!important;opacity:1!important}
html.ui2 #top .chip>span,html.ui2 #top .chip>span>b{font:600 13.5px/1.1 var(--u-mono)!important;font-variant-numeric:tabular-nums;color:var(--u-ink)!important;letter-spacing:-.01em}
/* ikonové chipy: ikona + hodnota v řádku */
html.ui2 #top .chip.uiRes{flex-direction:row!important;align-items:center!important;gap:7px!important;padding:5px 8px!important}
html.ui2 #top .chip.uiRes>small[data-ui-ico]{color:var(--u-ink-2)!important;--ico-s:16px}
html.ui2 #top .chip.uiRes.icononly>span{display:none!important}
/* finanční blok */
html.ui2 #top .chip.period{padding-right:14px!important;margin-right:4px}
html.ui2 #top .chip.period::after,html.ui2 #top #pbar::before{content:"";position:absolute;right:0;top:12px;bottom:12px;width:1px;background:var(--u-line)}
html.ui2 #top #pbar::before{right:auto;left:-6px}
html.ui2 #top #pbar{margin-left:12px!important}
html.ui2 #top .chip.market{padding:5px 12px 5px 10px!important;background:linear-gradient(180deg,rgba(230,187,108,.10),rgba(230,187,108,.03))!important;box-shadow:inset 0 0 0 1px rgba(230,187,108,.22)!important;margin:0 2px}
html.ui2 #top .chip.market>small{color:var(--u-gold)!important}
html.ui2 #top #priceV{font:700 19px/1 var(--u-mono)!important;color:var(--u-gold-2)!important;letter-spacing:-.02em}
html.ui2 #top #money{font:600 15px/1.05 var(--u-mono)!important}
html.ui2 #top .chip.market{display:grid!important;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;row-gap:3px;align-items:end}
html.ui2 #top .chip.market>small{grid-column:1/3}
html.ui2 #top .chip.market #priceV{grid-column:1;grid-row:2}
html.ui2 #top .chip.market #pArr{display:none!important}
html.ui2 #top .chip.market #pSpark{display:none!important}
html.ui2 #top .chip.market .uiSpark{grid-column:2;grid-row:2;width:58px;height:20px;display:block;overflow:visible}
html.ui2 .uiSpark path.l{fill:none;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
html.ui2 .uiSpark.up path.l{stroke:var(--u-green)} html.ui2 .uiSpark.dn path.l{stroke:var(--u-red)} html.ui2 .uiSpark.fl path.l{stroke:var(--u-ink-3)}
html.ui2 .uiSpark path.a{stroke:none} html.ui2 .uiSpark.up path.a{fill:rgba(114,214,164,.14)} html.ui2 .uiSpark.dn path.a{fill:rgba(255,132,115,.13)} html.ui2 .uiSpark.fl path.a{fill:transparent}
html.ui2 #top #logB:not(:empty){position:absolute;top:4px;right:2px;min-width:15px;height:15px;padding:0 4px;border-radius:8px;background:var(--u-red)!important;color:#2a0906!important;font:700 9.5px/15px var(--u-mono)!important;text-align:center}
/* energie: dvě hodnoty nad sebou + úzký pruh */
html.ui2 #top #pbar{display:grid!important;grid-template-columns:auto auto;grid-template-rows:auto 3px auto;column-gap:9px;row-gap:3px;align-items:center;padding:5px 10px!important}
html.ui2 #top #pbar>small{grid-row:1/4;grid-column:1;color:var(--u-amber)!important;--ico-s:18px}
html.ui2 #top #pbar #genV{grid-column:2;grid-row:1} html.ui2 #top #pbar #demV{grid-column:2;grid-row:3}
html.ui2 #top #pbar #genV,html.ui2 #top #pbar #demV{font-size:12px!important;line-height:1!important}
html.ui2 #top #pbar #demV{color:var(--u-ink-2)!important}
html.ui2 #top #pbar #pow{grid-column:2;grid-row:2;height:3px!important;width:64px!important;border-radius:2px;background:rgba(255,255,255,.1)!important;overflow:hidden;margin:1px 0}
html.ui2 #top #pbar #pow i{background:var(--u-green)!important;border-radius:2px}
html.ui2 #top #weatherChip.wx-watch>small{color:var(--u-amber)!important}
html.ui2 #top #weatherChip.wx-severe>small{color:var(--u-red)!important}
html.ui2 #top #repChip>small{color:var(--u-gold)!important}

/* ovládací prvky vpravo */
html.ui2 #ctrls{gap:6px!important;padding-left:12px!important;border-left:1px solid var(--u-line)!important;align-items:center!important;height:38px}
html.ui2 #ctrls .uiGrp{display:flex;align-items:center;gap:2px;padding:3px;border-radius:11px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px var(--u-line)}
html.ui2 #ctrls .spd,html.ui2 #encBtn{height:32px!important;min-width:32px!important;padding:0 7px!important;border-radius:8px!important;border:0!important;background:transparent!important;
  color:var(--u-ink-2)!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;transition:background .14s,color .14s}
html.ui2 #ctrls .spd:hover,html.ui2 #encBtn:hover{background:rgba(255,255,255,.08)!important;color:var(--u-ink)!important}
html.ui2 #ctrls .uiTime .spd.on{background:linear-gradient(180deg,#f3d08a,#dcaa4f)!important;color:var(--u-gold-ink)!important;box-shadow:0 2px 10px rgba(230,187,108,.28)!important}
html.ui2 #ctrls .uiTime .spd.arm:not(.on){color:var(--u-gold-2)!important}
html.ui2 #ctrls #s0{min-width:0!important;padding:0 10px!important}
html.ui2 #ctrls #s0 .spdCap{font:700 10.5px/1 var(--u-sans)!important;letter-spacing:.12em!important;display:inline!important}
html.ui2 #ctrls #s3{--ico-s:18px}
html.ui2 #probN:not(:empty),html.ui2 #decN:not(:empty){font:700 10px/16px var(--u-mono)!important;min-width:16px;height:16px;padding:0 4px;border-radius:8px;margin:0!important;background:var(--u-red);color:#2a0906;display:inline-block;text-align:center}
html.ui2 #decN:not(:empty){background:var(--u-amber)}
html.ui2 #encBtn{color:var(--u-ink-2)!important}
html.ui2 #encBtn span{font:600 11.5px/1 var(--u-mono)!important;letter-spacing:0!important;color:var(--u-ink-2)}
html.ui2 #encBtn #encV::after{content:"/";color:var(--u-ink-3);margin:0 1px}
html.ui2 #hgBoardTop{color:var(--u-gold)!important}
/* nastavení (3D, grafika, zvuk, hudba, mix) v jednom menu */
html.ui2 .uiSetWrap{position:relative}
html.ui2 #uiSetB[aria-expanded="true"]{background:rgba(255,255,255,.1)!important;color:var(--u-ink)!important}
html.ui2 #uiSetPop{position:fixed;right:12px;top:72px;width:268px;padding:8px;border-radius:14px;background:var(--u-glass-2);border:1px solid var(--u-line-2);
  box-shadow:var(--u-shadow);z-index:3000;display:grid;gap:2px;max-width:calc(100vw - 16px);box-sizing:border-box;
  overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(170,196,214,.3) transparent}
html.ui2 #uiSetPop[hidden]{display:none}
html.ui2 #uiSetPop .uiPopHead{font:600 9.5px/1 var(--u-sans);letter-spacing:.16em;color:var(--u-ink-3);text-transform:uppercase;padding:8px 10px 8px}
html.ui2 #uiSetPop .uiRow{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 10px;border-radius:9px;cursor:pointer;color:var(--u-ink)}
html.ui2 #uiSetPop .uiRow:hover{background:rgba(255,255,255,.06)}
html.ui2 #uiSetPop .uiRowL{flex:1;font:500 12.5px/1.25 var(--u-sans)}
html.ui2 #uiSetPop .uiRowL small{display:block;font:400 10.5px/1.3 var(--u-sans);color:var(--u-ink-3);margin-top:1px}
html.ui2 #uiSetPop .uiRow .spd{order:-1;pointer-events:none}
html.ui2 #uiSetPop .uiRow .uiSw{width:30px;height:18px;border-radius:9px;background:rgba(255,255,255,.14);position:relative;flex:0 0 auto;transition:background .15s}
html.ui2 #uiSetPop .uiRow .uiSw::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#dfe6ea;transition:transform .15s}
html.ui2 #uiSetPop .uiRow.on .uiSw{background:var(--u-gold)} html.ui2 #uiSetPop .uiRow.on .uiSw::after{transform:translateX(12px);background:#fff}
html.ui2 #uiSetPop .uiRow .uiKey{font:600 10px/1 var(--u-mono);color:var(--u-ink-3);border:1px solid var(--u-line-2);border-radius:4px;padding:3px 5px}
html.ui2 #uiSetPop .spd.on{background:transparent!important;color:var(--u-gold)!important;box-shadow:none!important}

/* velitelský přehled a pravý panel pod novou lištou */
@media (min-width:901px){html.ui2 #opsPulse{top:calc(var(--u-bar-h) + 10px)!important}}

/* ─── úvodní obrazovka ─── */
html.ui2 #start{background:#060b12!important;overflow:hidden!important;padding:0!important}
@media (max-height:680px),(max-width:1100px){html.ui2 #start{overflow:auto!important}}
html.ui2 #start:not(.hidden){display:block!important}
html.ui2 #start .uiHero{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
html.ui2 #start .uiHero i{position:absolute;inset:-4%;background-size:cover;background-position:center;opacity:0;transform-origin:62% 40%;animation:uiKen 46s ease-in-out infinite alternate}
html.ui2 #start .uiHero i.day{opacity:1}
html.ui2 #start .uiHero i.dusk{animation:uiKen 46s ease-in-out infinite alternate,uiFade 30s ease-in-out infinite}
html.ui2 #start .uiHero b{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(6,11,18,.92) 0%,rgba(6,11,18,.72) 38%,rgba(6,11,18,.22) 64%,rgba(6,11,18,.55) 100%),
  linear-gradient(180deg,rgba(6,11,18,.55) 0%,rgba(6,11,18,0) 26%,rgba(6,11,18,0) 70%,rgba(6,11,18,.8) 100%)}
@keyframes uiKen{from{transform:scale(1.02) translate(0,0)}to{transform:scale(1.12) translate(-2.2%,1.4%)}}
@keyframes uiFade{0%,38%{opacity:0}50%,88%{opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){html.ui2 #start .uiHero i{animation:none!important}}
html.ui2 #start>.card{position:relative;z-index:1;background:transparent!important;border:0!important;box-shadow:none!important;max-width:1400px!important;width:calc(100% - 64px)!important;
  margin:0 auto!important;padding:22px 0 22px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 440px;grid-template-rows:auto auto minmax(0,1fr) auto;column-gap:26px;row-gap:14px;height:100vh!important;min-height:0!important;max-height:none!important;box-sizing:border-box;overflow:visible!important}
@media (max-height:680px){html.ui2 #start>.card{height:auto!important} html.ui2 #start .uiStartMain>details,html.ui2 #start .uiStartMain>.startFoot{max-height:none}}
html.ui2 #start>.card::before,html.ui2 #start>.card::after{display:none!important}
html.ui2 #start .startHead{grid-column:1/3;grid-row:1;background:transparent!important;border:0!important;padding:18px 4px 6px!important;min-height:0!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;box-shadow:none!important}
html.ui2 #start .startHead>svg{display:none!important}
html.ui2 #start .startBrand{max-width:980px}
html.ui2 #start .heroKicker{font:600 11px/1.6 var(--u-sans)!important;letter-spacing:.24em!important;color:var(--u-gold)!important;display:flex;align-items:center;gap:12px}
html.ui2 #start .heroKicker::after{display:none!important}
html.ui2 #start .heroT{font:700 clamp(36px,4.1vw,64px)/1.02 var(--u-head)!important;letter-spacing:-.028em!important;color:#fff!important;margin:12px 0 10px!important;white-space:nowrap;text-shadow:0 4px 30px rgba(0,0,0,.35)}
html.ui2 #start .heroSub{font:500 14px/1.4 var(--u-sans)!important;letter-spacing:.06em!important;color:var(--u-ink-2)!important}
html.ui2 #start #langPick{background:rgba(9,15,23,.55)!important;border:1px solid var(--u-line-2)!important;border-radius:12px!important;padding:6px!important;backdrop-filter:blur(12px);box-shadow:none!important}
html.ui2 #start #langPick .langLabel{display:none!important}
html.ui2 #start #langPick button{border-radius:8px!important;border:0!important;background:transparent!important;color:var(--u-ink-2)!important;font:600 12px/1 var(--u-sans)!important;padding:9px 12px!important;box-shadow:none!important}
html.ui2 #start #langPick button.on{background:rgba(230,187,108,.16)!important;color:var(--u-gold-2)!important;box-shadow:inset 0 0 0 1px rgba(230,187,108,.4)!important}
html.ui2 #start .uiStartEmpty{display:none!important}
html.ui2 #start .uiStartConn{grid-column:1/3;grid-row:2;background:transparent!important;border:0!important;padding:0 4px!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;box-shadow:none!important}
html.ui2 #start .uiStartConn .hgWebStatus{font:500 12px/1 var(--u-sans)!important;color:var(--u-green)!important;display:flex;align-items:center;gap:8px}
html.ui2 #start .uiStartConn .hgWebStatus::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(114,214,164,.18)}
html.ui2 #start #hgBoardStart{height:40px!important;padding:0 16px!important;border-radius:10px!important;background:rgba(9,15,23,.5)!important;border:1px solid var(--u-line-2)!important;color:var(--u-ink)!important;font:600 11.5px/1 var(--u-sans)!important;letter-spacing:.12em!important;backdrop-filter:blur(10px);display:inline-flex!important;align-items:center;gap:8px;box-shadow:none!important}
html.ui2 #start #hgBoardStart:hover{border-color:rgba(230,187,108,.55)!important;color:var(--u-gold-2)!important}
html.ui2 #start .uiStartMain{grid-column:1/3;grid-row:3;display:grid!important;grid-template-columns:minmax(0,1fr) 440px!important;grid-template-rows:minmax(0,1fr)!important;gap:26px!important;background:transparent!important;border:0!important;padding:0!important;align-items:stretch;box-shadow:none!important;min-height:0;height:100%!important;max-height:none!important;overflow:visible!important}
html.ui2 #start .uiStartMain>details,html.ui2 #start .uiStartMain>.startFoot{max-height:100%;overflow:auto!important;scrollbar-width:thin;scrollbar-color:rgba(170,196,214,.25) transparent}
html.ui2 #start .uiStartMain>details,html.ui2 #start .uiStartMain>.startFoot{background:var(--u-glass)!important;border:1px solid var(--u-line)!important;border-radius:18px!important;box-shadow:var(--u-shadow)!important;
  backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);padding:24px 26px!important;margin:0!important;width:auto!important;max-width:none!important;box-sizing:border-box}
html.ui2 #start .uiStartMain>details{max-width:760px!important}
html.ui2 #start .uiStartMain .startBody{padding:0!important;width:auto!important;max-width:none!important}
html.ui2 #start .uiStartMain .startBody>p{font:400 14px/1.62 var(--u-sans)!important;color:var(--u-ink-2)!important;max-width:none!important}
html.ui2 #start .uiStartMain .startBody>p b{color:var(--u-ink)!important;font-weight:600!important}
html.ui2 #start #siScenarioNote{font-size:12.5px!important;color:var(--u-ink-3)!important;margin-top:0!important}
html.ui2 #start .briefStats{gap:10px!important;max-width:none!important}
html.ui2 #start .briefStats>*{background:rgba(255,255,255,.035)!important;border:1px solid var(--u-line)!important;border-radius:12px!important;padding:12px 14px!important}
html.ui2 #start .briefStats small,html.ui2 #start .briefStats span:first-child{font:600 9.5px/1 var(--u-sans)!important;letter-spacing:.16em!important;color:var(--u-ink-3)!important}
html.ui2 #start .briefStats b,html.ui2 #start .briefStats strong{font:600 17px/1.2 var(--u-mono)!important;color:var(--u-ink)!important}
html.ui2 #start .sgrid{gap:10px!important;max-width:none!important}
html.ui2 #start .sgrid .sg{background:rgba(255,255,255,.03)!important;border:1px solid var(--u-line)!important;border-radius:12px!important;padding:14px 16px 14px 52px!important;position:relative;box-shadow:none!important}
html.ui2 #start .sgrid .sg i{position:absolute;left:14px;top:14px;width:26px;height:26px;border-radius:8px;display:grid!important;place-items:center;background:rgba(230,187,108,.12)!important;color:var(--u-gold)!important;border:0!important;font:700 10.5px/1 var(--u-mono)!important;font-style:normal!important}
html.ui2 #start .sgrid .sg b{font:600 14px/1.3 var(--u-sans)!important;color:var(--u-ink)!important}
html.ui2 #start .sgrid .sg span{font:400 12.5px/1.5 var(--u-sans)!important;color:var(--u-ink-3)!important}
html.ui2 #start .briefGoal{border-radius:12px!important;border:1px solid rgba(230,187,108,.28)!important;background:linear-gradient(90deg,rgba(230,187,108,.10),rgba(230,187,108,.02))!important}
html.ui2 #start .startIntel details,html.ui2 #start .ssec{border-radius:12px!important;border:1px solid var(--u-line)!important;background:rgba(255,255,255,.025)!important}
/* pravý panel: nastavení partie */
html.ui2 #start .startFoot{display:flex!important;flex-direction:column!important;gap:12px!important}
html.ui2 #start .briefLabel{font:600 10.5px/1 var(--u-sans)!important;letter-spacing:.2em!important;color:var(--u-gold)!important}
html.ui2 #start .briefTitle{font:600 25px/1.18 var(--u-head)!important;letter-spacing:-.015em!important;color:#fff!important;margin-top:8px!important}
html.ui2 #start .startSetupHead{font:600 10px/1 var(--u-sans)!important;letter-spacing:.18em!important;color:var(--u-ink-3)!important;margin-top:8px!important}
html.ui2 #start .startSetupHead::after{background:var(--u-line)!important}
html.ui2 #start .startFoot label,html.ui2 #start #gameDiffRow>*{border-radius:12px!important}
html.ui2 #start .rivalToggle,html.ui2 #start #tutChk,html.ui2 #start #gameDiffRow button,html.ui2 #start #gameDiffRow .diffOpt,html.ui2 #start #gameDiffRow>div{background:rgba(255,255,255,.03)!important;border:1px solid var(--u-line)!important;box-shadow:none!important}
html.ui2 #start #chalChk{background:linear-gradient(135deg,rgba(230,187,108,.12),rgba(230,187,108,.03))!important;border:1px solid rgba(230,187,108,.4)!important}
html.ui2 #start .startFoot input[type=checkbox]{accent-color:var(--u-gold);width:17px;height:17px}
html.ui2 #start .uiStartGo{grid-column:1/3;grid-row:4;background:transparent!important;border:0!important;padding:4px 4px 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;box-shadow:none!important;min-height:0}
html.ui2 #start #siStartFeatures{font:500 12px/1 var(--u-sans)!important;color:var(--u-ink-3)!important;letter-spacing:.04em}
html.ui2 #start #go{height:56px!important;min-width:260px!important;padding:0 28px!important;border-radius:14px!important;border:0!important;
  background:linear-gradient(180deg,#f6d596,#dea855)!important;color:var(--u-gold-ink)!important;font:700 14px/1 var(--u-sans)!important;letter-spacing:.16em!important;
  box-shadow:0 12px 34px rgba(222,168,85,.34),inset 0 1px 0 rgba(255,255,255,.5)!important;transition:transform .15s,box-shadow .15s}
html.ui2 #start #go:hover{transform:translateY(-1px);box-shadow:0 16px 40px rgba(222,168,85,.44),inset 0 1px 0 rgba(255,255,255,.5)!important}
@media (max-width:1100px){
  html.ui2 #start>.card{grid-template-columns:minmax(0,1fr)!important;width:calc(100% - 28px)!important}
  html.ui2 #start .startHead,html.ui2 #start .uiStartConn,html.ui2 #start .uiStartMain,html.ui2 #start .uiStartGo{grid-column:1!important}
  html.ui2 #start>.card{height:auto!important;grid-template-rows:auto!important}
  html.ui2 #start .uiStartMain{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;height:auto!important}
  html.ui2 #start .uiStartMain>details,html.ui2 #start .uiStartMain>.startFoot{max-height:none!important;overflow:visible!important}
  html.ui2 #start .uiStartMain>details{max-width:none!important}
  html.ui2 #start .uiStartGo{position:sticky;bottom:0;padding:12px 0!important;background:linear-gradient(180deg,transparent,rgba(6,11,18,.92) 40%)!important}
  html.ui2 #start #go{min-width:0!important;flex:1 1 auto;max-width:360px}
}

/* ─── stavební katalog ─── */
html.ui2 #catalogShell{background:rgba(11,18,27,.97)!important;border:1px solid var(--u-line-2)!important;border-radius:18px!important;box-shadow:0 30px 80px rgba(0,0,0,.5)!important;
  overflow:hidden}
html.ui2 #catalogBar{background:transparent!important;border-bottom:1px solid var(--u-line)!important;height:56px!important}
html.ui2 #catalogBar h2{font:600 13px/1 var(--u-head)!important;letter-spacing:.16em!important;color:var(--u-ink)!important}
html.ui2 #catalogBar .catalogBarMark{background:rgba(230,187,108,.14)!important;color:var(--u-gold)!important;border:0!important;border-radius:8px!important}
html.ui2 #catalogClose{border-radius:9px!important;background:rgba(255,255,255,.05)!important;border:1px solid var(--u-line-2)!important;color:var(--u-ink-2)!important}
html.ui2 #catalogRail{background:rgba(255,255,255,.015)!important;border-right:1px solid var(--u-line)!important}
html.ui2 #catalogRail .catalogRailHead{border-bottom:1px solid var(--u-line)!important}
html.ui2 #catalogRail .catalogRailHead span{color:var(--u-ink-3)!important;font-family:var(--u-sans)!important}
html.ui2 #catalogRail .catalogRailHead b{font-family:var(--u-head)!important;letter-spacing:.18em!important}
html.ui2 #catalogCats button{border-radius:10px!important;border:1px solid transparent!important;background:transparent!important;color:var(--u-ink-2)!important;transition:background .14s}
html.ui2 #catalogCats button:hover{background:rgba(255,255,255,.05)!important}
html.ui2 #catalogCats button.on{background:rgba(230,187,108,.12)!important;border-color:rgba(230,187,108,.34)!important;color:var(--u-gold-2)!important}
html.ui2 #catalogCats button b{font:600 12px/1 var(--u-sans)!important;letter-spacing:.02em!important}
html.ui2 #catalogCats button i{font:600 10px/1 var(--u-mono)!important;font-style:normal!important;color:var(--u-ink-3)!important;background:rgba(255,255,255,.05);border-radius:6px;padding:3px 5px}
html.ui2 #catalogHead{background:transparent!important;border-bottom:1px solid var(--u-line)!important}
html.ui2 #catalogHead .catalogEyebrow{font:600 10px/1 var(--u-sans)!important;letter-spacing:.2em!important;color:var(--u-gold)!important}
html.ui2 #catalogTitle{font:600 30px/1.1 var(--u-head)!important;letter-spacing:-.02em!important;color:#fff!important}
html.ui2 #catalogSub{font:400 13px/1.4 var(--u-sans)!important;color:var(--u-ink-2)!important}
html.ui2 #catalogHow{background:transparent!important;border:0!important;color:var(--u-ink-3)!important;font:500 11px/1.3 var(--u-sans)!important;padding:0!important}
html.ui2 #catalogFilters button{border-radius:999px!important;border:1px solid var(--u-line-2)!important;background:rgba(255,255,255,.03)!important;color:var(--u-ink-2)!important;font:600 11px/1 var(--u-sans)!important;letter-spacing:.02em!important;padding:8px 12px!important;display:inline-flex!important;align-items:center;gap:6px}
html.ui2 #catalogFilters button.on,html.ui2 #catalogFilters button[aria-pressed="true"]{background:rgba(230,187,108,.14)!important;border-color:rgba(230,187,108,.5)!important;color:var(--u-gold-2)!important}
html.ui2 #catalogFilters .uiI{width:13px;height:13px}
html.ui2 #catalogCount{font:500 11px/1 var(--u-mono)!important;color:var(--u-ink-3)!important}
html.ui2 #catalogShell #items{gap:14px!important;padding:18px!important;background:transparent!important}
html.ui2 #catalogShell #items .bitem{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02))!important;border:1px solid var(--u-line)!important;border-radius:14px!important;box-shadow:none!important;transition:border-color .14s,background .14s,transform .14s}
html.ui2 #catalogShell #items .bitem:hover{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03))!important;border-color:var(--u-line-2)!important;transform:translateY(-1px)}
html.ui2 #catalogShell #items .bitem[data-kind]{height:214px!important;min-height:214px!important;grid-template-rows:112px auto auto auto!important;gap:5px!important;padding:10px 14px 13px!important;overflow:hidden}
html.ui2 #catalogShell #items .bitem[data-kind] .fcThumb,html.ui2 #catalogShell #items .bitem[data-kind][data-fc-status] .fcThumb{height:112px!important;align-self:stretch!important;object-fit:cover!important;margin:0 -14px;width:calc(100% + 28px)!important;max-width:none;
  background:radial-gradient(ellipse 70% 80% at 50% 70%,rgba(140,190,210,.13),transparent 70%)!important;border-radius:0!important;border-bottom:1px solid var(--u-line)}
html.ui2 #catalogShell #items .bitem[data-kind][data-locked="1"] .fcThumb{filter:saturate(.55) brightness(.95)!important;opacity:.82!important}
html.ui2 #catalogShell #items .bitem[data-kind] b{font:600 13px/1.3 var(--u-sans)!important;color:var(--u-ink)!important;margin-top:6px}
html.ui2 #catalogShell #items .bitem[data-kind] .cLine{font:600 13px/1.2 var(--u-mono)!important;color:var(--u-gold-2)!important;display:flex!important;align-items:center;gap:6px}
html.ui2 #catalogShell #items .bitem[data-kind] .cSub{font:500 11px/1.3 var(--u-mono)!important;color:var(--u-ink-3)!important;letter-spacing:-.01em}
html.ui2 #catalogShell #items .bitem[data-kind] .fcAvailability{top:10px!important;left:12px!important;border-radius:999px!important;padding:5px 9px!important;font:700 9.5px/1 var(--u-sans)!important;letter-spacing:.08em!important;
  background:rgba(9,15,23,.72)!important;border:1px solid var(--u-line-2)!important;color:var(--u-ink-2)!important;display:inline-flex!important;align-items:center;gap:5px}
html.ui2 #catalogShell #items .bitem[data-kind] .fcAvailability .uiI{width:11px;height:11px;vertical-align:0}
html.ui2 #catalogShell #items .bitem[data-kind][data-fc-status="ready"]{border:1px solid rgba(114,214,164,.34)!important;border-left:1px solid rgba(114,214,164,.34)!important;background:linear-gradient(180deg,rgba(114,214,164,.09),rgba(114,214,164,.02))!important}
html.ui2 #catalogShell #items .bitem[data-kind][data-fc-status="ready"] .fcAvailability{background:rgba(24,58,44,.82)!important;border-color:rgba(114,214,164,.5)!important;color:#bff5d9!important}
html.ui2 #catalogShell #items .bitem[data-kind][data-fc-status="locked"],html.ui2 #catalogShell #items .bitem[data-kind][data-fc-status="money"]{border-left:1px solid var(--u-line)!important;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015))!important}
html.ui2 #catalogShell #items .bitem[data-kind][data-fc-status="money"] .fcAvailability{background:rgba(70,30,26,.8)!important;border-color:rgba(255,132,115,.45)!important;color:#ffd0c6!important}
html.ui2 #catalogShell #items .bitem[data-kind][data-fc-status="pending"] .fcAvailability{background:rgba(70,55,24,.8)!important;border-color:rgba(242,184,91,.5)!important;color:#fbe1ad!important}
html.ui2 #catalogShell #items .bitem[data-kind].sel,html.ui2 #catalogShell #items .bitem[data-kind][data-fc-status].sel{outline:0!important;border-color:rgba(230,187,108,.8)!important;box-shadow:0 0 0 1px rgba(230,187,108,.55),0 10px 30px rgba(0,0,0,.3)!important}
html.ui2 #catalogShell #items .bitem[data-kind] .cIco{border-radius:16px!important;border:1px solid var(--u-line-2)!important;background:rgba(255,255,255,.04)!important;color:var(--u-ink-2)}
html.ui2 #catalogShell #bdet{background:rgba(255,255,255,.02)!important;border-left:1px solid var(--u-line)!important;border-color:var(--u-line)!important}
html.ui2 .uiI.uiLock{width:12px;height:12px;color:var(--u-ink-3);vertical-align:-1px}

/* náhled se ještě generuje: místo emoji jemný skeleton */
html.ui2 #catalogShell #items .bitem[data-kind]:not([data-fc-thumb="fallback"]):not(.fcThumbReady) .cIco{visibility:hidden!important}
html.ui2 #catalogShell #items .bitem[data-kind]:not([data-fc-thumb="fallback"]):not(.fcThumbReady)::after{content:"";position:absolute;left:0;right:0;top:0;height:112px;border-bottom:1px solid var(--u-line);
  background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%) 0 0/200% 100%;animation:uiShim 1.4s linear infinite;pointer-events:none}
@keyframes uiShim{from{background-position:150% 0}to{background-position:-50% 0}}
html.ui2 #catalogShell #items .bitem[data-kind][data-fc-status]{border-left-width:1px!important}
html.ui2 #catalogShell #items .bitem[data-kind][data-fc-status="pending"],html.ui2 #catalogShell #items .bitem[data-kind][data-fc-status="complete"]{border-color:var(--u-line)!important;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015))!important}
html.ui2 #catalogShell #items .bitem[data-kind]{position:relative!important}

/* užší desktop: méně textu v ovládání, víc místa pro hodnoty */
@media (max-width:1499px){html.ui2 #ctrls #s0 .spdCap{display:none!important} html.ui2 #encBtn span{display:none!important} html.ui2 #ctrls{gap:4px!important}}
/* telefon / tablet: lišta ve dvou řádcích jako v původní hře, chipy se posouvají prstem */
@media (max-width:900px){
  html.ui2 #top{height:auto!important;min-height:0!important;flex-wrap:wrap!important;padding:6px 8px!important;row-gap:6px!important;column-gap:6px!important}
  html.ui2 #brand{display:none!important}
  html.ui2 #chips{height:auto!important;flex:1 1 100%!important;overflow-x:auto!important;scrollbar-width:none}
  html.ui2 #top .chip{min-height:38px;padding:4px 7px!important;flex:0 0 auto!important;min-width:max-content}
  html.ui2 #top #priceV{font-size:16px!important}
  html.ui2 #ctrls{flex:1 1 100%!important;border-left:0!important;padding-left:0!important;overflow-x:auto;scrollbar-width:none;justify-content:flex-start!important;height:auto}
  html.ui2 #ctrls .spd,html.ui2 #encBtn{height:30px!important;min-width:30px!important;padding:0 6px!important}
  html.ui2 #start .heroT{white-space:normal!important;font-size:34px!important}
  html.ui2 #start .heroSub,html.ui2 #start .heroKicker{white-space:normal!important}
  html.ui2 #start .startHead{flex-direction:column!important;gap:14px}
  html.ui2 #start #siStartFeatures{display:none!important}
  html.ui2 #start .uiStartConn{flex-wrap:wrap;gap:10px}
}
html.ui2 #catalogShell #items .bitem[data-kind]::before{display:none!important}
html.ui2 #encBtn{gap:0!important} html.ui2 #encBtn::before{margin-right:7px}

/* ═══ okna, panely a dialogy — stejné sklo, linky a tlačítka jako lišta a katalog ═══ */
html.ui2{--u-panel:linear-gradient(180deg,rgba(15,24,35,.95),rgba(10,17,26,.95));--u-card:rgba(255,255,255,.035);--u-card-2:rgba(255,255,255,.055)}
/* podklad modálních oken */
html.ui2 #modal.ovl,html.ui2 #finM.ovl{background:rgba(4,8,14,.66)!important}
/* hlavní plochy */
html.ui2 #panel,html.ui2 #guide,html.ui2 #quest,html.ui2 #questWrap,html.ui2 #probs,html.ui2 #quickDock,html.ui2 #siMapLayers,html.ui2 #siLaunch,html.ui2 #faceliftSettings,
html.ui2 #mCard,html.ui2 #finM>.card,html.ui2 #modal>.card,html.ui2 dialog#siDesk,html.ui2 dialog#hgBoardDialog,html.ui2 #opsPulse{
  background:var(--u-panel)!important;border:1px solid var(--u-line-2)!important;box-shadow:var(--u-shadow)!important;
  color:var(--u-ink)}
html.ui2 #panel,html.ui2 #mCard,html.ui2 #finM>.card,html.ui2 #modal>.card,html.ui2 dialog#siDesk,html.ui2 dialog#hgBoardDialog{border-radius:18px!important}
html.ui2 #guide,html.ui2 #quest,html.ui2 #probs,html.ui2 #quickDock,html.ui2 #siMapLayers,html.ui2 #siLaunch,html.ui2 #opsPulse,html.ui2 #faceliftSettings{border-radius:14px!important}
html.ui2 #questWrap{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none}
html.ui2 #mm{background:var(--u-panel)!important;border:1px solid var(--u-line-2)!important;border-radius:14px!important;box-shadow:var(--u-shadow)!important}
html.ui2 #mSpeaker{background:linear-gradient(180deg,#0e1622,#0a111a)!important}
html.ui2 #mSpeaker .speakerSig{background:rgba(6,10,16,.78)!important;border:1px solid var(--u-line-2)!important;border-radius:12px!important}
/* Jednosloupcový briefing nemá výšku určenou portrétem. Nulový flex-basis by
   při automatické výšce karty zcela schoval text; obsah musí určit výšku až do limitu. */
@media(max-width:780px),(max-height:560px){html.ui2 #modal>.card.hasSpeaker #mBody{flex-basis:auto}}
/* nadpisy a štítky */
html.ui2 #mCard h3,html.ui2 #modal .card h3,html.ui2 #panel #pname,html.ui2 .siHeader h2,html.ui2 #hgBoardDialog h2{font-family:var(--u-head)!important;letter-spacing:-.015em!important;color:#fff!important}
html.ui2 #panel #pcat,html.ui2 .siEyebrow{font:600 10px/1.2 var(--u-sans)!important;letter-spacing:.2em!important;color:var(--u-gold)!important}
/* detail budovy */
html.ui2 #panel>header{background:transparent!important;border-bottom:1px solid var(--u-line)!important}
html.ui2 #panel #pchip{background:rgba(114,214,164,.1)!important;border:1px solid rgba(114,214,164,.35)!important;color:#bff5d9!important}
html.ui2 #panel .pPanelFold{background:var(--u-card)!important;border:1px solid var(--u-line)!important;border-radius:12px!important}
html.ui2 #panel .pFoldToggle{background:transparent!important;border:0!important;border-bottom:1px solid var(--u-line)!important;font-family:var(--u-sans)!important;letter-spacing:.14em!important;color:var(--u-ink-2)!important}
html.ui2 #panel .papp{background:var(--u-card-2)!important;border:1px solid var(--u-line-2)!important;border-left:2px solid var(--u-gold)!important;border-radius:10px!important}
html.ui2 #panel .papp:hover{background:rgba(230,187,108,.08)!important}
html.ui2 #panel #demol{background:rgba(255,132,115,.07)!important;border:1px solid rgba(255,132,115,.35)!important;color:#ffc4b8!important;border-radius:10px!important}
html.ui2 #panel .panelSystem{background:rgba(230,187,108,.05)!important;border:1px solid rgba(230,187,108,.22)!important;border-radius:12px!important}
html.ui2 #panel .sourceSale{background:var(--u-card)!important;border:1px solid var(--u-line)!important;border-radius:12px!important}
/* záložky: finance, investiční přehled, dock */
html.ui2 #ftabs button,html.ui2 .siTabs button,html.ui2 #quickDock .tabs button,html.ui2 #tabs button{border-radius:9px!important;border:1px solid transparent!important;background:transparent!important;color:var(--u-ink-2)!important;
  font:600 11.5px/1 var(--u-sans)!important;letter-spacing:.06em!important;box-shadow:none!important;transition:background .14s,color .14s}
html.ui2 #ftabs button:hover,html.ui2 .siTabs button:hover,html.ui2 #tabs button:hover{background:rgba(255,255,255,.06)!important;color:var(--u-ink)!important}
html.ui2 #ftabs button.on,html.ui2 .siTabs button[aria-selected="true"],html.ui2 .siTabs button.on,html.ui2 #tabs button.on{background:rgba(230,187,108,.13)!important;border-color:rgba(230,187,108,.42)!important;color:var(--u-gold-2)!important}
html.ui2 .siTabs,html.ui2 .siHeader,html.ui2 .siFoot{background:transparent!important;border-color:var(--u-line)!important}
/* karty uvnitř oken */
html.ui2 .siKpi,html.ui2 .siCard,html.ui2 .hgFilters,html.ui2 #fbody .fbtn,html.ui2 .mileStat,html.ui2 .mileCard,html.ui2 .mileChapterTab,html.ui2 .saveMgrSlot,html.ui2 #probs .pr{
  background:var(--u-card)!important;border:1px solid var(--u-line)!important;border-radius:12px!important;box-shadow:none!important}
html.ui2 #fbody .fbtn:hover,html.ui2 .saveMgrSlot:hover,html.ui2 .mileCard:hover{background:var(--u-card-2)!important;border-color:var(--u-line-2)!important}
html.ui2 .mileChapterTab.active,html.ui2 .saveMgrSlot.on,html.ui2 .mileCard.focus{background:rgba(230,187,108,.08)!important;border-color:rgba(230,187,108,.45)!important}
html.ui2 .siAction,html.ui2 #probs .prAct,html.ui2 #hgBoardDialog button:not(.hgClose),html.ui2 #siMapLayers button{background:var(--u-card-2)!important;border:1px solid var(--u-line-2)!important;border-radius:9px!important;color:var(--u-ink)!important;box-shadow:none!important}
html.ui2 #siMapLayers button.on,html.ui2 #siMapLayers button[aria-pressed="true"]{background:rgba(230,187,108,.14)!important;border-color:rgba(230,187,108,.5)!important;color:var(--u-gold-2)!important}
html.ui2 #hgBoardDialog select,html.ui2 #saveNameInput,html.ui2 #faceliftSettings select{background:rgba(4,8,14,.6)!important;border:1px solid var(--u-line-2)!important;border-radius:9px!important;color:var(--u-ink)!important}
/* tlačítka: hlavní zlaté, vedlejší průhledné */
html.ui2 .cbtn:not(.alt){background:linear-gradient(180deg,#f6d596,#dea855)!important;color:var(--u-gold-ink)!important;border:0!important;border-radius:11px!important;
  font-family:var(--u-sans)!important;font-weight:700!important;letter-spacing:.12em!important;box-shadow:0 8px 24px rgba(222,168,85,.26),inset 0 1px 0 rgba(255,255,255,.45)!important}
html.ui2 .cbtn.alt{background:rgba(255,255,255,.05)!important;border:1px solid var(--u-line-2)!important;color:var(--u-ink)!important;border-radius:11px!important;box-shadow:none!important}
html.ui2 #catalogOpen{background:linear-gradient(180deg,#f6d596,#dea855)!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(222,168,85,.24)!important}
/* dolní rychlá nabídka */
html.ui2 #quickDock .quickRec{background:var(--u-card)!important;border:1px solid var(--u-line)!important;border-radius:12px!important;box-shadow:none!important}
html.ui2 #quickDock .quickRec:hover{background:var(--u-card-2)!important;border-color:var(--u-line-2)!important}
html.ui2 #quickDock .quickRec .qIco{background-color:rgba(255,255,255,.04)!important;border:1px solid var(--u-line)!important;border-radius:10px!important;overflow:hidden}
html.ui2 #quickDock .quickRec .qIco.uiQThumb{font-size:0!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;width:52px!important;min-width:52px!important}
/* průvodce, mise, problémy */
html.ui2 #guide,html.ui2 #quest{font-family:var(--u-sans)!important}
html.ui2 #guide .uiI,html.ui2 #quest .uiI,html.ui2 #probs .uiI,html.ui2 #panel .uiI{width:14px;height:14px;vertical-align:-2px;color:var(--u-ink-2);margin-right:2px}
html.ui2 #guide b,html.ui2 #guide strong{color:var(--u-ink)}
html.ui2 #gMileOpen{background:rgba(230,187,108,.08)!important;border:1px solid rgba(230,187,108,.4)!important;border-radius:9px!important;color:var(--u-gold-2)!important}
/* detail v katalogu */
html.ui2 #catalogShell #bdet .bdIco{background:rgba(230,187,108,.1)!important;border:1px solid rgba(230,187,108,.3)!important;border-radius:12px!important;color:var(--u-gold-2)!important;box-shadow:none!important}
html.ui2 #catalogShell #bdet .bdN{font-family:var(--u-head)!important;letter-spacing:-.01em!important}
html.ui2 #catalogShell #bdet .bdPreview{border-radius:14px!important;border:1px solid var(--u-line)!important;overflow:hidden}
/* Compact catalog: the old fixed 230px detail row consumed the entire height
   in landscape, while the mobile close button sat underneath the HUD. Keep a
   single scroll surface, with the close control always above the game chrome. */
@media(max-width:980px),(max-height:560px){
  html.ui2 #catalogShell{inset:8px!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;transform:none!important;z-index:1100!important;overflow:auto!important;overscroll-behavior:contain}
  html.ui2 body.catalogOpen #catalogShell{display:block!important}
  html.ui2 #catalogBar{position:sticky;top:0;z-index:4;background:#0b121b!important;padding:0 12px!important}
  html.ui2 #catalogBar h2{font-size:11px!important}
  html.ui2 #catalogClose{flex-shrink:0;min-width:34px;min-height:34px}
  html.ui2 #catalogRail{position:sticky;top:56px;z-index:3;padding:6px!important;background:#101923!important;border-right:0!important;border-bottom:1px solid var(--u-line)!important;overflow-x:auto;overflow-y:hidden}
  html.ui2 #catalogRail .catalogRailHead{display:none!important}
  html.ui2 #catalogCats{display:flex!important;flex-direction:row;gap:4px;width:max-content}
  html.ui2 #catalogCats button{display:flex;justify-content:center;gap:6px;width:auto;min-width:40px;min-height:36px;padding:0 9px;flex-shrink:0}
  html.ui2 #catalogCats button b{display:block!important;font-size:11px!important}
  html.ui2 #catalogCats button i{display:none!important}
  html.ui2 #catalogMain{display:block;min-height:0;overflow:visible}
  html.ui2 #catalogHead{padding:12px!important}
  html.ui2 #catalogShell #items{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;max-height:none!important;height:auto!important;overflow:visible!important;padding:12px!important}
  html.ui2 #catalogShell #bdet{display:block!important;max-height:none!important;min-height:0!important;height:auto!important;overflow:visible!important;border-left:0!important;border-top:1px solid var(--u-line)!important;padding:14px!important}
}
@media(max-width:700px){
  html.ui2 #quickDock{grid-template-columns:minmax(0,1fr) 44px!important}
  html.ui2 #quickDock #tabs{display:flex!important;min-width:0!important;overflow-x:auto!important;overscroll-behavior:contain;scrollbar-width:none}
  html.ui2 #quickDock #tabs button{flex:0 0 36px;width:36px!important}
  html.ui2 #catalogOpen{width:44px;min-width:44px;padding:0!important;justify-content:center}
  html.ui2 #catalogOpen>span:not(.catalogOpenIco),html.ui2 #catalogOpen>i{display:none!important}
  html.ui2 #siLaunch{bottom:auto!important;height:auto!important;max-width:calc(100vw - 20px)!important}
}
/* upozornění */
html.ui2 #toast .tst{background:var(--u-glass-2)!important;border:1px solid var(--u-line-2)!important;border-radius:12px!important;box-shadow:var(--u-shadow)!important;color:var(--u-ink)!important;font-family:var(--u-sans)!important}
html.ui2 #quickDock .uiI{width:11px;height:11px;color:var(--u-gold);vertical-align:-1px}
html.ui2 dialog#siDesk h2,html.ui2 dialog#siDesk h3,html.ui2 dialog#siDesk h4{font-family:var(--u-head)!important;letter-spacing:-.015em!important}
html.ui2 #finM .uiI,html.ui2 #modal .uiI{width:15px;height:15px;vertical-align:-2px}
html.ui2 .mileChapterTab .uiI,html.ui2 .mileIcon .uiI{width:17px;height:17px;color:var(--u-gold-2)}
html.ui2 #quickDock .quickRec .qIco.uiQThumb>*{display:none!important}
html.ui2 #toast .tst.ok{border-color:rgba(114,214,164,.4)!important} html.ui2 #toast .tst.warn{border-color:rgba(242,184,91,.45)!important} html.ui2 #toast .tst.err{border-color:rgba(255,132,115,.5)!important}
html.ui2 #toast .uiI{width:15px;height:15px;vertical-align:-3px;margin-right:3px}
html.ui2 #fin.ovl{background:rgba(4,8,14,.66)!important}
html.ui2 #fin>.card{background:var(--u-panel)!important;border:1px solid var(--u-line-2)!important;border-radius:18px!important;box-shadow:var(--u-shadow)!important}
html.ui2 #fin h1,html.ui2 #fin h2,html.ui2 #fin h3{font-family:var(--u-head)!important;letter-spacing:-.015em!important}
html.ui2 #fin .uiI{width:15px;height:15px;vertical-align:-2px}

/* mapové vrstvy: přepínač je v menu nastavení (a na klávese L); na mapě jen legenda aktivní vrstvy */
html.ui2 #siMapLayers .siMapHeader,html.ui2 #siMapLayers .siMapModes{display:none!important}
html.ui2 #siMapLayers:not([hidden])[data-ui-layer="normal"],html.ui2 #siMapLayers:has(.siMapLegend:empty){display:none!important}
html.ui2 #siMapLayers::before{content:attr(data-ui-title);display:block;padding:10px 12px 0;font:600 9.5px/1 var(--u-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--u-gold)}
html.ui2 #siMapLayers .siMapLegend{border-top:0!important}
html.ui2 #uiSetPop .uiLayers{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 10px;padding:8px 10px 10px;border-radius:9px}
html.ui2 #uiSetPop .uiLayers .uiRowL{font:500 12.5px/1.25 var(--u-sans);color:var(--u-ink)}
html.ui2 #uiSetPop .uiLayers .uiRowL small{display:block;font:400 10.5px/1.3 var(--u-sans);color:var(--u-ink-3);margin-top:1px}
html.ui2 #uiSetPop .uiLayers .uiKey{font:600 10px/1 var(--u-mono);color:var(--u-ink-3);border:1px solid var(--u-line-2);border-radius:4px;padding:3px 5px}
html.ui2 #uiSetPop .uiSeg{grid-column:1/3;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;border-radius:10px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--u-line)}
html.ui2 #uiSetPop .uiSeg button{appearance:none;border:0;border-radius:7px;padding:7px 4px;background:transparent;color:var(--u-ink-2);font:600 11px/1 var(--u-sans);cursor:pointer}
html.ui2 #uiSetPop .uiSeg button:hover{background:rgba(255,255,255,.06);color:var(--u-ink)}
html.ui2 #uiSetPop .uiSeg button[aria-pressed="true"]{background:rgba(230,187,108,.16);color:var(--u-gold-2);box-shadow:inset 0 0 0 1px rgba(230,187,108,.45)}

/* výkon: nad animovanou mapou žádné rozmazávání pozadí (na slabších GPU by se přepočítávalo každý snímek) */
html.ui2 #top,html.ui2 #opsPulse,html.ui2 #rightRail,html.ui2 #guide,html.ui2 #quest,html.ui2 #quickDock,html.ui2 #siMapLayers,html.ui2 #siLaunch,html.ui2 #mm,html.ui2 #panel,html.ui2 #probs,html.ui2 #catalogShell,html.ui2 #toast,html.ui2 #toast .tst,html.ui2 #uiSetPop,html.ui2 #modal.ovl,html.ui2 #finM.ovl,html.ui2 #fin.ovl{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}