/* Ministr financí – herní vzhled */
:root {
  --pozadi: #fbf6ee;
  --pozadi2: #f3eadc;
  --plocha: #ffffff;
  --plocha2: #f6f1e8;
  --text: #1c2233;
  --text2: #626b80;
  --linka: #e6dccb;
  --akcent: #3b5bdb;
  --akcent2: #ffb703;
  --akcent-text: #ffffff;
  --dobre: #1f9d55;
  --spatne: #e03131;
  --pozor: #e8890c;
  --zamek: #6b6457;
  --prijmy: #2a9d8f;
  --vydaje: #f08a4b;
  --stin: 0 2px 0 rgba(28, 34, 51, .08), 0 10px 30px -12px rgba(28, 34, 51, .25);
  --stin-tl: 0 4px 0 rgba(28, 34, 51, .18);
  --r: 18px;
  --font-nadpis: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --pozadi: #12141f; --pozadi2: #1a1d2c; --plocha: #1e2233; --plocha2: #262b40; --text: #eef0f7; --text2: #a5abc0;
    --linka: #343a55; --akcent: #7b93ff; --akcent2: #ffc845; --akcent-text: #0f1220; --dobre: #4ade80; --spatne: #ff6b6b;
    --pozor: #ffb347; --zamek: #a49d8f; --prijmy: #5fd3c3; --vydaje: #ffa36c;
    --stin: 0 2px 0 rgba(0, 0, 0, .35), 0 10px 30px -12px rgba(0, 0, 0, .6); --stin-tl: 0 4px 0 rgba(0, 0, 0, .45);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --pozadi: #12141f; --pozadi2: #1a1d2c; --plocha: #1e2233; --plocha2: #262b40; --text: #eef0f7; --text2: #a5abc0;
  --linka: #343a55; --akcent: #7b93ff; --akcent2: #ffc845; --akcent-text: #0f1220; --dobre: #4ade80; --spatne: #ff6b6b;
  --pozor: #ffb347; --zamek: #a49d8f; --prijmy: #5fd3c3; --vydaje: #ffa36c;
  --stin: 0 2px 0 rgba(0, 0, 0, .35), 0 10px 30px -12px rgba(0, 0, 0, .6); --stin-tl: 0 4px 0 rgba(0, 0, 0, .45);
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; color: var(--text);
  background: radial-gradient(1200px 600px at 10% -10%, color-mix(in srgb, var(--akcent2) 18%, transparent), transparent),
              radial-gradient(900px 500px at 110% 0%, color-mix(in srgb, var(--akcent) 14%, transparent), transparent), var(--pozadi);
  background-attachment: fixed;
  font: 16px/1.5 "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  padding-bottom: env(safe-area-inset-bottom);
}
a { color: var(--akcent); }
button { font: inherit; color: inherit; }
h1, h2, h3, .logo, .hud-hodnota, .dl-castka, .velke-cislo { font-family: var(--font-nadpis); }
h1 { font-size: clamp(30px, 6vw, 52px); line-height: 1.05; margin: 10px 0 12px; letter-spacing: -.02em; }
h2 { font-size: clamp(20px, 3.4vw, 26px); margin: 26px 0 10px; letter-spacing: -.01em; }
h3 { font-size: 17px; margin: 0 0 6px; }
.perex { font-size: clamp(16px, 2.4vw, 19px); color: var(--text2); max-width: 68ch; }
.cislo, .tab-cisla { font-variant-numeric: tabular-nums; }

.lista {
  position: sticky; top: 0; z-index: 30; display: flex; align-items: center; gap: 12px;
  padding: 10px 16px; padding-top: max(10px, env(safe-area-inset-top));
  background: color-mix(in srgb, var(--plocha) 88%, transparent); backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--linka);
}
.logo { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 18px; text-decoration: none; color: var(--text); }
.logo-znak { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 12px; background: linear-gradient(135deg, var(--akcent2), #fb8500); color: #1c2233; font-size: 18px; box-shadow: var(--stin-tl); }
.lista-nav { margin-left: auto; display: flex; gap: 6px; flex-wrap: wrap; }

main { max-width: 1120px; margin: 0 auto; padding: 16px; }
.pata { max-width: 1120px; margin: 32px auto; padding: 0 16px 28px; color: var(--text2); font-size: 13px; }
.nacitani { color: var(--text2); }

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 2px solid var(--linka); background: var(--plocha);
  padding: 9px 16px; border-radius: 14px; cursor: pointer; text-decoration: none; color: var(--text); font-weight: 600;
  box-shadow: 0 3px 0 var(--linka); transition: transform .08s, box-shadow .08s, border-color .15s;
}
.btn:hover { border-color: var(--akcent); }
.btn:active { transform: translateY(3px); box-shadow: 0 0 0 var(--linka); }
.btn-hl { background: var(--akcent); color: var(--akcent-text); border-color: var(--akcent); box-shadow: 0 4px 0 color-mix(in srgb, var(--akcent) 60%, #000); }
.btn-hl:active { box-shadow: 0 0 0; }
.btn-zlute { background: var(--akcent2); color: #1c2233; border-color: var(--akcent2); box-shadow: 0 4px 0 #c98a00; }
.btn-mini { padding: 5px 10px; font-size: 14px; border-radius: 10px; min-width: 52px; }
.btn[aria-pressed="true"], a.btn[aria-pressed="true"] { background: var(--akcent); color: var(--akcent-text); border-color: var(--akcent); }
.btn:disabled { opacity: .5; cursor: not-allowed; }

.karta { background: var(--plocha); border: 1px solid var(--linka); border-radius: var(--r); padding: 18px; box-shadow: var(--stin); }
.mrizka { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
.roky { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.rok-btn { text-align: left; justify-content: flex-start; }
.rok-btn small { display: block; color: var(--text2); font-size: 12px; font-weight: 400; }

.hero { display: grid; gap: 18px; grid-template-columns: 1.2fr 1fr; align-items: center; margin: 8px 0 24px; }
@media (max-width: 820px) { .hero { grid-template-columns: 1fr; } }
.hodiny { background: #141826; color: #f5f2e8; border-radius: 22px; padding: 18px 20px; box-shadow: var(--stin); border: 2px solid #2b3150; position: relative; overflow: hidden; }
.hodiny::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(0deg, transparent 0 3px, rgba(255,255,255,.025) 3px 4px); pointer-events: none; }
.hodiny .popisek { font-size: 13px; text-transform: uppercase; letter-spacing: .12em; color: #ffb703; }
.hodiny .velke-cislo { font-size: clamp(24px, 4.6vw, 40px); font-weight: 800; font-variant-numeric: tabular-nums; color: #ff6b6b; margin: 6px 0; text-shadow: 0 0 18px rgba(255, 107, 107, .35); }
.hodiny .maly { font-size: 13px; color: #b8bdd4; }
.hodiny a { color: #ffd166; text-decoration: underline; }
.rezimy { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.rezim { display: flex; flex-direction: column; gap: 8px; text-decoration: none; color: var(--text); background: var(--plocha); border: 2px solid var(--linka); border-radius: 22px; padding: 18px; box-shadow: var(--stin); transition: transform .15s, border-color .15s; }
.rezim:hover { transform: translateY(-3px); border-color: var(--akcent); }
.rezim .ikona { font-size: 40px; line-height: 1; }
.rezim h3 { font-size: 20px; margin: 4px 0 0; }
.rezim p { margin: 0; color: var(--text2); font-size: 15px; }
.rezim .stitek-brzy { align-self: flex-start; font-size: 12px; background: var(--plocha2); padding: 2px 8px; border-radius: 99px; color: var(--text2); }

.stav { position: sticky; top: var(--lista-h, 57px); z-index: 20; margin: 0 -16px 14px; padding: 10px 16px; background: color-mix(in srgb, var(--pozadi) 90%, transparent); backdrop-filter: blur(10px); border-bottom: 1px solid var(--linka); }
.hud { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 10px; align-items: stretch; }
.kasicka { background: var(--plocha); border: 2px solid var(--linka); border-radius: 16px; padding: 8px 12px; }
.kasicka-hlava { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.hud-popisek { font-size: 12px; color: var(--text2); text-transform: uppercase; letter-spacing: .06em; font-weight: 700; }
.hud-hodnota { font-size: 22px; font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
.meridlo { position: relative; height: 12px; border-radius: 99px; background: var(--plocha2); margin-top: 6px; overflow: hidden; }
.meridlo::before { content: ""; position: absolute; left: 50%; top: -2px; bottom: -2px; width: 2px; background: var(--text2); opacity: .5; }
.meridlo i { position: absolute; top: 0; bottom: 0; border-radius: 99px; transition: all .5s cubic-bezier(.2,.8,.2,1); }
.meridlo .minus-bar { background: linear-gradient(90deg, #ff8787, var(--spatne)); }
.meridlo .plus-bar { background: linear-gradient(90deg, var(--dobre), #69db7c); }
.meridlo .ref { position: absolute; top: -3px; bottom: -3px; width: 3px; background: var(--text); border-radius: 2px; transition: left .5s; }
.kasicka small, .hud-box small { font-size: 12px; color: var(--text2); }
.hud-box { background: var(--plocha); border: 2px solid var(--linka); border-radius: 16px; padding: 8px 12px; min-width: 0; }
.hud-box .hud-hodnota { font-size: 18px; overflow: hidden; text-overflow: ellipsis; }
.plus { color: var(--dobre); } .minus { color: var(--spatne); }
.prepinac { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; align-items: center; font-size: 13px; color: var(--text2); }
.prepinac .btn { padding: 4px 10px; font-size: 13px; border-radius: 10px; box-shadow: 0 2px 0 var(--linka); }
@media (max-width: 720px) {
  .hud { grid-template-columns: 1fr 1fr; }
  .kasicka { grid-column: 1 / -1; }
  .hud-hodnota { font-size: 19px; }
  .hud-box .hud-hodnota { font-size: 16px; }
  .pz { display: none; }
  .stav { padding: 8px 12px; }
}

.zalozky { display: flex; gap: 6px; margin: 4px 0 14px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
.zalozka { border: 2px solid var(--linka); background: var(--plocha); padding: 8px 14px; cursor: pointer; border-radius: 99px; color: var(--text2); white-space: nowrap; font-weight: 700; box-shadow: 0 2px 0 var(--linka); }
.zalozka[aria-selected="true"] { color: var(--akcent-text); background: var(--akcent); border-color: var(--akcent); }

.mozaika { position: relative; width: 100%; aspect-ratio: 16 / 8; border-radius: 22px; overflow: hidden; background: var(--plocha2); box-shadow: var(--stin); }
@media (max-width: 720px) { .mozaika { aspect-ratio: 3 / 4; } }
.dlazdice {
  position: absolute; border: 2px solid var(--pozadi); border-radius: 14px; background: var(--b); color: #14171f; cursor: pointer;
  display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 2px; padding: 8px 10px; text-align: left;
  overflow: hidden; transition: filter .15s, left .5s, top .5s, width .5s, height .5s;
  background-image: linear-gradient(160deg, rgba(255,255,255,.28), rgba(255,255,255,0) 60%);
}
.dlazdice:hover { filter: brightness(1.06) saturate(1.1); z-index: 2; }
.dlazdice:focus-visible { outline: 3px solid var(--text); outline-offset: -3px; z-index: 3; }
.dlazdice.aktivni { outline: 4px solid var(--text); outline-offset: -4px; z-index: 3; }
.dl-ikona { order: -2; font-size: clamp(18px, 2.6vw, 28px); line-height: 1; margin-bottom: 2px; }
.dl-nazev { font-weight: 700; font-size: clamp(11px, 1.6vw, 14px); line-height: 1.15; max-width: 100%; text-shadow: 0 1px 0 rgba(255,255,255,.35); }
.dl-castka { order: -1; font-weight: 800; font-size: clamp(14px, 2.4vw, 22px); line-height: 1.1; font-variant-numeric: tabular-nums; }
.dl-castka small { font-size: .6em; font-weight: 600; }
.dl-zmena { position: absolute; top: 6px; right: 6px; font-size: 12px; font-weight: 800; padding: 1px 7px; border-radius: 99px; background: rgba(255,255,255,.9); }
.dl-zmena.zle { color: #c92a2a; } .dl-zmena.dobre { color: #1f7a45; }
.dlazdice.mala .dl-nazev, .dlazdice.mala .dl-zmena { display: none; }
.dlazdice.mala .dl-castka { font-size: 11px; }
.dlazdice.mala .dl-ikona { font-size: 14px; }
.zamek-vrstva { position: absolute; left: 0; right: 0; bottom: 0; background: repeating-linear-gradient(135deg, rgba(0,0,0,.13) 0 6px, transparent 6px 12px); pointer-events: none; }
.legenda-mozaiky { display: flex; gap: 14px; flex-wrap: wrap; font-size: 13px; color: var(--text2); margin: 10px 2px; }
.legenda-mozaiky i { display: inline-block; width: 16px; height: 12px; border-radius: 4px; vertical-align: middle; margin-right: 6px; background: repeating-linear-gradient(135deg, rgba(0,0,0,.25) 0 4px, transparent 4px 8px), #ddd; }

.panel-pozadi { position: fixed; inset: 0; z-index: 50; background: rgba(15, 18, 30, 0); display: flex; align-items: flex-end; justify-content: center; transition: background .25s; }
.panel-pozadi.otevreno { background: rgba(15, 18, 30, .45); }
.panel { position: relative; width: min(720px, 100%); max-height: 88vh; overflow: auto; background: var(--plocha); border-radius: 26px 26px 0 0; padding: 26px 20px calc(24px + env(safe-area-inset-bottom)); transform: translateY(100%); transition: transform .3s cubic-bezier(.2,.8,.2,1); box-shadow: 0 -10px 40px rgba(0,0,0,.25); }
.panel::before { content: ""; position: absolute; top: 8px; left: 50%; width: 44px; height: 5px; border-radius: 9px; background: var(--linka); transform: translateX(-50%); }
.panel-pozadi.otevreno .panel { transform: translateY(0); }
@media (min-width: 900px) { .panel-pozadi { align-items: center; } .panel { border-radius: 26px; } }
.panel-zavrit { position: absolute; top: 12px; right: 14px; width: 38px; height: 38px; border-radius: 50%; border: 2px solid var(--linka); background: var(--plocha); font-size: 22px; cursor: pointer; line-height: 1; }
.panel-hlava { display: flex; gap: 14px; align-items: center; margin-bottom: 12px; padding-right: 40px; }
.panel-ikona { width: 60px; height: 60px; border-radius: 18px; display: grid; place-items: center; font-size: 32px; background: var(--b); flex-shrink: 0; box-shadow: var(--stin-tl); }
.panel-hlava h2 { margin: 0; }
.velke-cislo-panel { font-family: var(--font-nadpis); font-size: 34px; font-weight: 800; font-variant-numeric: tabular-nums; }
.tahlo { width: 100%; accent-color: var(--akcent); height: 28px; }
.tlacitka-zmen { display: flex; gap: 6px; flex-wrap: wrap; margin: 8px 0; }
.zmena-pole { display: flex; gap: 8px 10px; flex-wrap: wrap; align-items: center; margin: 4px 0 10px; }
.pole-pct { width: 5.5em; padding: 5px 8px; font: inherit; font-variant-numeric: tabular-nums; text-align: right; border: 1px solid var(--linka); border-radius: 4px; background: var(--plocha); color: var(--text); }
.rr-pole { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; }
.rr-pole .pole-pct { width: 4.5em; padding: 3px 6px; }

#toasty { position: fixed; left: 50%; bottom: calc(18px + env(safe-area-inset-bottom)); transform: translateX(-50%); z-index: 60; display: flex; flex-direction: column; gap: 8px; align-items: center; pointer-events: none; }
.toast { background: #1c2233; color: #fff; padding: 10px 16px; border-radius: 14px; font-weight: 700; box-shadow: 0 10px 30px rgba(0,0,0,.3); animation: toast-in .3s cubic-bezier(.2,.8,.2,1); transition: opacity .5s, transform .5s; }
.toast-dobre { background: #1f7a45; } .toast-zle { background: #c92a2a; }
.toast.pryc { opacity: 0; transform: translateY(-30px); }
@keyframes toast-in { from { opacity: 0; transform: translateY(20px) scale(.95); } }

.konfety { position: fixed; inset: 0; pointer-events: none; z-index: 70; overflow: hidden; }
.konfety i { position: absolute; top: -12px; width: 10px; height: 14px; border-radius: 2px; animation: pad 2s ease-in forwards; }
@keyframes pad { to { top: 110%; transform: rotate(720deg) translateX(40px); } }

.detail { border-top: 1px solid var(--linka); padding-top: 10px; margin-top: 10px; }
.strom { list-style: none; margin: 0; padding: 0; }
.strom .strom { padding-left: 14px; border-left: 2px dashed var(--linka); margin-left: 8px; }
.uzel { padding: 3px 0; }
.uzel-radek { display: flex; gap: 8px; align-items: baseline; font-size: 14px; }
.uzel-radek button { background: none; border: 0; padding: 0; cursor: pointer; text-align: left; color: var(--text); font-weight: 600; }
.uzel-radek .kod { color: var(--text2); font-size: 12px; font-variant-numeric: tabular-nums; min-width: 34px; }
.uzel-radek .castka { margin-left: auto; font-variant-numeric: tabular-nums; white-space: nowrap; }
.uzel-radek { flex-wrap: wrap; }
.uzel-zmena { font-size: 12px; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.uzel-upravit { padding: 1px 8px; font-size: 12px; }
.uzel-editor { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; margin: 6px 0 8px; padding: 8px; background: var(--plocha2); border-radius: 4px; }
.kapitoly { font-size: 12px; color: var(--text2); margin: 2px 0 4px 42px; }

.paky { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.paka { background: var(--plocha); border: 2px solid var(--linka); border-radius: var(--r); padding: 14px 16px; box-shadow: var(--stin); }
.paka-hlava { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
.paka-hlava .hodnota { margin-left: auto; font-weight: 800; font-variant-numeric: tabular-nums; font-family: var(--font-nadpis); font-size: 20px; }
.paka input[type=range] { width: 100%; accent-color: var(--akcent); }
.paka p { margin: 4px 0; font-size: 14px; color: var(--text2); }
.stitek { display: inline-block; font-size: 11px; padding: 1px 8px; border-radius: 99px; border: 1.5px solid currentColor; line-height: 1.6; font-weight: 700; }
.stitek.tvrdá { color: var(--dobre); } .stitek.odhad { color: var(--pozor); } .stitek.slabá { color: var(--spatne); }
.zdroj { font-size: 12px; color: var(--text2); }

.rada { border: 2px solid var(--linka); border-left: 6px solid var(--akcent); background: var(--plocha); padding: 14px 16px; border-radius: var(--r); margin: 12px 0; box-shadow: var(--stin); }
.rada h3 { display: flex; gap: 8px; align-items: center; }
.rada p { margin: 6px 0; }
.varovani { border-left-color: var(--spatne); }
.varovani.st1 { border-left-color: var(--pozor); }
.trojice { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
.trojice .btn { flex-direction: column; align-items: flex-start; text-align: left; height: 100%; justify-content: flex-start; }
.trojice .btn small { color: var(--text2); font-size: 12px; font-weight: 400; }
@media (max-width: 640px) { .trojice { grid-template-columns: 1fr; } }
.vazba { margin: 8px 0; padding: 10px 12px; border-radius: 12px; background: var(--plocha2); font-size: 14px; }

.udalost-karta { background: var(--plocha); border: 2px solid var(--linka); border-radius: 22px; padding: 18px; box-shadow: var(--stin); margin-bottom: 14px; position: relative; overflow: hidden; }
.udalost-karta.rozhodnuto { opacity: .8; }
.udalost-karta .kdo { display: flex; align-items: center; gap: 10px; font-weight: 700; color: var(--text2); font-size: 14px; margin-bottom: 6px; }
.telefon { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--akcent2); font-size: 20px; animation: zvoni 1.2s ease-in-out infinite; }
.udalost-karta.rozhodnuto .telefon { animation: none; }
@keyframes zvoni { 0%, 100% { transform: rotate(0); } 10%, 30% { transform: rotate(-14deg); } 20%, 40% { transform: rotate(14deg); } 50% { transform: rotate(0); } }
.cena-karty { font-family: var(--font-nadpis); font-size: 26px; font-weight: 800; }
.volby-karty { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.volby-karty .btn { padding: 14px; font-size: 17px; }
.btn-ano[aria-pressed="true"] { background: var(--dobre); border-color: var(--dobre); color: #fff; }
.btn-ne[aria-pressed="true"] { background: var(--spatne); border-color: var(--spatne); color: #fff; }

.tabulka { width: 100%; border-collapse: collapse; font-size: 14px; }
.tabulka th, .tabulka td { padding: 7px 8px; border-bottom: 1px solid var(--linka); text-align: right; font-variant-numeric: tabular-nums; }
.tabulka th:first-child, .tabulka td:first-child { text-align: left; }
.posun { overflow-x: auto; }

.graf { width: 100%; height: auto; display: block; }
.graf text { fill: var(--text2); font-size: 11px; }
.graf .osa { stroke: var(--linka); }
.legenda { display: flex; gap: 14px; flex-wrap: wrap; font-size: 13px; color: var(--text2); }
.legenda i { display: inline-block; width: 12px; height: 4px; vertical-align: middle; margin-right: 4px; border-radius: 2px; }
.skryto { display: none !important; }
.pruh { height: 10px; border-radius: 99px; background: var(--plocha2); overflow: hidden; display: flex; }
.pruh i { display: block; height: 100%; }
.pruh .vol { background: var(--vydaje); } .pruh .navic { background: var(--spatne); }

.slib { border-top: 1px solid var(--linka); padding: 12px 0; }
.slib:first-child { border-top: 0; }
.slib-oblast { font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--text2); font-weight: 700; }
.slib blockquote { margin: 6px 0; padding: 8px 14px; border-left: 4px solid var(--akcent2); background: var(--plocha2); border-radius: 0 12px 12px 0; font-style: italic; }
.slib blockquote .zdroj { font-style: normal; }
.slib p { margin: 4px 0; font-size: 14px; }
details summary { cursor: pointer; }
.cenovka { border-left: 4px solid var(--linka); padding: 8px 12px; margin: 6px 0; background: var(--plocha2); border-radius: 0 12px 12px 0; font-size: 14px; }
.cenovka p { margin: 4px 0; }
.cenovka-spocteno, .cenovka-oficialni { border-left-color: var(--akcent); }
.cenovka-det summary { font-size: 14px; }
.souhrn-strany { background: var(--plocha2); border-radius: 14px; padding: 12px 14px; margin: 8px 0 4px; }
.souhrn-strany p { margin: 0 0 8px; }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }

/* Profil a priority */
.vstup { width: 100%; max-width: 420px; padding: 10px 12px; border-radius: 12px; border: 2px solid var(--linka); background: var(--plocha); color: var(--text); font: inherit; margin-top: 6px; }
.avatary { display: flex; gap: 8px; flex-wrap: wrap; }
.avatar-volba { font-size: 30px; width: 56px; height: 56px; border-radius: 16px; border: 2px solid var(--linka); background: var(--plocha); cursor: pointer; box-shadow: 0 3px 0 var(--linka); }
.avatar-volba[aria-pressed="true"] { border-color: var(--akcent); background: color-mix(in srgb, var(--akcent) 15%, var(--plocha)); }
.osa { padding: 10px 0; border-top: 1px solid var(--linka); }
.osa:first-of-type { border-top: 0; }
.osa-popisky { display: grid; grid-template-columns: 1fr auto 1fr; gap: 8px; font-size: 14px; font-weight: 600; align-items: center; }
.osa-popisky span:last-child { text-align: right; }
.osa-ikona { font-size: 22px; }
.osa input { width: 100%; accent-color: var(--akcent); height: 28px; }
.priority-panel { margin: 0 0 12px; padding: 12px 14px; }
.priority-hlava { display: flex; gap: 10px; align-items: center; }
.avatar { font-size: 30px; line-height: 1; }
.priority-skore { margin-left: auto; width: 66px; height: 66px; border-radius: 50%; display: grid; place-items: center; text-align: center; line-height: 1.05;
  background: conic-gradient(var(--dobre) calc(var(--p) * 1%), var(--plocha2) 0); position: relative; }
.priority-skore::before { content: ""; position: absolute; inset: 6px; border-radius: 50%; background: var(--plocha); }
.priority-skore span, .priority-skore small { position: relative; }
.priority-skore span { font-family: var(--font-nadpis); font-weight: 800; font-size: 17px; }
.priority-skore small { font-size: 10px; color: var(--text2); }
.priority-osy { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 8px; }
.osa-radek { display: flex; gap: 6px; align-items: center; font-size: 13px; background: var(--plocha2); padding: 4px 10px; border-radius: 99px; }
.osa-text { color: var(--text2); }
.profil-odkaz { display: inline-flex; gap: 8px; align-items: center; text-decoration: none; color: var(--text); font-weight: 700; background: var(--plocha); border: 2px solid var(--linka); padding: 6px 14px; border-radius: 99px; }
.profil-odkaz small { color: var(--text2); font-weight: 400; }

/* ===== Slovníček ===== */
.info { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--akcent); background: var(--plocha); color: var(--akcent);
  font: italic 800 12px/1 Georgia, serif; cursor: pointer; vertical-align: middle; padding: 0; margin: 0 2px; }
.info:hover { background: var(--akcent); color: var(--akcent-text); }
.bublina { position: absolute; z-index: 80; background: #1c2233; color: #f4f1ea; border-radius: 14px; padding: 12px 14px; font-size: 14px; line-height: 1.45; box-shadow: 0 14px 40px rgba(0,0,0,.35); animation: toast-in .2s; }
.bublina b { color: var(--akcent2); }
.bublina p { margin: 4px 0 0; }

/* ===== Deska ===== */
.deska-uvod .volby-obdobi { display: flex; flex-wrap: wrap; gap: 8px; }
.urovne { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.uroven { display: flex; flex-direction: column; gap: 4px; text-align: left; padding: 14px; border-radius: 18px; border: 3px solid var(--linka); background: var(--plocha); cursor: pointer; box-shadow: 0 3px 0 var(--linka); }
.uroven.vybrana { border-color: var(--akcent); background: color-mix(in srgb, var(--akcent) 10%, var(--plocha)); }
.uroven small { color: var(--text2); }
.u-ikona { font-size: 26px; }
.hraci-nastaveni { display: grid; gap: 10px; margin-bottom: 12px; }
.hrac-nast { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; padding: 10px; border-radius: 16px; border: 2px solid var(--linka); border-left: 8px solid var(--barva); }
.hrac-nast details { grid-column: 1 / -1; }
.hrac-nast .vstup { margin: 0; }
.hrac-avatar { font-size: 32px; width: 56px; height: 56px; border-radius: 50%; border: 3px solid var(--barva); background: var(--plocha); cursor: pointer; }
.velke-tl { font-size: 20px; padding: 14px 28px; border-radius: 18px; }
.pravidla li { margin: 6px 0; }

.deska-wrap { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 16px; align-items: start; }
@media (max-width: 900px) { .deska-wrap { grid-template-columns: 1fr; } }
.deska {
  position: relative; display: grid; grid-template-columns: repeat(7, 1fr); grid-template-rows: repeat(7, 1fr); gap: 5px;
  aspect-ratio: 1; width: 100%; max-width: 760px; margin: 0 auto; padding: 10px; border-radius: 28px;
  background: linear-gradient(135deg, #1f6f5c, #164e46); box-shadow: 0 6px 0 #0f3a33, 0 20px 50px -20px rgba(0,0,0,.5);
}
.pole {
  border-radius: 12px; background: #fdf8ec; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  text-align: center; box-shadow: inset 0 -4px 0 rgba(0,0,0,.08); padding: 2px; min-width: 0; overflow: hidden; color: #1c2233;
}
.pole-i { font-size: clamp(16px, 3.2vw, 30px); line-height: 1; }
.pole-n { font-size: clamp(8px, 1.3vw, 12px); font-weight: 800; text-transform: uppercase; letter-spacing: .02em; }
.pole-start { background: linear-gradient(135deg, #ffd166, #ffb703); }
.pole-telefon { background: #e8f1ff; }
.pole-dane { background: #e5f6ef; }
.pole-nahoda { background: #fff0d9; }
.pole-investice { background: #efe6ff; }
.pole-kviz { background: #ffe8ef; }
.pole-uroky, .pole-rating { background: #ffe1df; }
.pole-brusel { background: #dde6ff; }
.pole-pruzkum { background: #e3f7d9; }
.deska-stred {
  grid-row: 2 / 7; grid-column: 2 / 7; margin: 6px; border-radius: 20px; background: radial-gradient(circle at 30% 20%, #2a8a72, #1a5f50);
  color: #fdf8ec; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; text-align: center; padding: 10px;
}
.stred-nadpis { font-family: var(--font-nadpis); font-weight: 800; font-size: clamp(20px, 4vw, 40px); letter-spacing: -.02em; text-shadow: 0 3px 0 rgba(0,0,0,.25); }
.na-tahu { display: flex; gap: 10px; align-items: center; background: rgba(255,255,255,.12); padding: 6px 14px; border-radius: 99px; }
.na-tahu .zdroj { color: #cfe7df; }
.na-tahu .avatar { width: 44px; height: 44px; border-radius: 50%; background: #fdf8ec; display: grid; place-items: center; border: 3px solid var(--barva); font-size: 26px; }
.kostka {
  width: clamp(70px, 14vw, 110px); height: clamp(70px, 14vw, 110px); border-radius: 22px; border: 0; cursor: pointer; font-size: clamp(44px, 9vw, 72px); line-height: 1;
  background: #fdf8ec; color: #1c2233; box-shadow: 0 7px 0 #c9b98f, 0 12px 24px rgba(0,0,0,.3); transition: transform .1s;
}
.kostka:hover { transform: translateY(-2px) rotate(-4deg); }
.kostka:active { transform: translateY(5px); box-shadow: 0 2px 0 #c9b98f; }
.kostka.hazi { animation: kostka .18s linear infinite; }
@keyframes kostka { 0% { transform: rotate(0); } 50% { transform: rotate(18deg) scale(1.05); } 100% { transform: rotate(-18deg); } }
.posledni { font-size: 14px; min-height: 20px; color: #cfe7df; }
.figurky { position: absolute; inset: 10px; pointer-events: none; }
.figurka {
  position: absolute; width: 7.5%; aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center; font-size: clamp(14px, 2.6vw, 26px);
  background: #fff; border: 3px solid var(--barva); box-shadow: 0 4px 0 rgba(0,0,0,.25); transition: left .2s ease, top .2s ease; transform: translate(-10%, -10%);
}
.figurka.aktivni { animation: poskok .9s ease-in-out infinite; z-index: 2; }
@keyframes poskok { 0%, 100% { transform: translate(-10%, -10%); } 50% { transform: translate(-10%, -30%); } }

.tabulka-hracu { background: var(--plocha); border: 2px solid var(--linka); border-radius: 22px; padding: 14px; box-shadow: var(--stin); }
.tabulka-hracu h3 { margin-top: 0; }
.radek-hrace { display: flex; gap: 10px; align-items: flex-start; padding: 10px; border-radius: 14px; border-left: 6px solid var(--barva); margin-bottom: 8px; background: var(--plocha2); }
.radek-hrace.na-tahu-r { outline: 3px solid var(--barva); }
.radek-hrace.bankrot { opacity: .5; }
.radek-hrace .avatar { font-size: 28px; }
.rh-info { flex: 1; min-width: 0; }
.rh-meridla { display: flex; gap: 10px; flex-wrap: wrap; font-size: 13px; font-variant-numeric: tabular-nums; margin-top: 2px; }
.volici-bar { height: 6px; border-radius: 9px; background: var(--linka); margin-top: 6px; overflow: hidden; }
.volici-bar i { display: block; height: 100%; background: var(--barva); transition: width .5s; }

.karta-hra h2 { margin-top: 0; }
.citace { margin: 8px 0; padding: 10px 14px; border-left: 5px solid var(--akcent2); background: var(--plocha2); border-radius: 0 14px 14px 0; font-style: italic; font-size: 17px; }
.co-se-stane { background: #fff6dc; color: #4a3b00; border-radius: 14px; padding: 10px 14px; margin: 10px 0; }
.co-se-stane p { margin: 4px 0 0; }

.podium { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.podium-misto { background: var(--plocha); border: 3px solid var(--barva); border-radius: 22px; padding: 16px; text-align: center; box-shadow: var(--stin); }
.podium-misto.misto-1 { transform: scale(1.04); background: linear-gradient(180deg, #fff3c4, var(--plocha)); }
.podium-avatar { font-size: 52px; }
.podium-jmeno { font-family: var(--font-nadpis); font-size: 22px; font-weight: 800; }
.podium-skore { font-family: var(--font-nadpis); font-size: 30px; font-weight: 800; color: var(--akcent); }

/* ===== Dospělý vzhled (bez emoji) ===== */
:root { --font-nadpis: "Fraunces", Georgia, "Times New Roman", serif; --akcent: #1f4e79; --akcent2: #c9a227; --pozadi: #f5f1e8; --plocha2: #efe9dc; --linka: #ddd4c2; }
body { background: var(--pozadi); }
h1 { font-weight: 700; letter-spacing: -.01em; }
.logo-znak { background: #1f4e79; color: #f5f1e8; font-family: var(--font-nadpis); font-weight: 700; font-size: 15px; }
.nadtitulek { text-transform: uppercase; letter-spacing: .14em; font-size: 12px; font-weight: 700; color: var(--akcent2); margin: 0; }
.btn { box-shadow: 0 2px 0 var(--linka); border-radius: 10px; }
.btn-hl { box-shadow: 0 3px 0 #133553; }
.velke-tl { font-size: 18px; padding: 12px 24px; border-radius: 12px; }
.tlacitka-hero { display: flex; gap: 10px; flex-wrap: wrap; }
.monogram { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--barva); color: #fff; font-family: var(--font-nadpis); font-weight: 700; font-size: 20px; flex-shrink: 0; box-shadow: inset 0 -3px 0 rgba(0,0,0,.18); }
.rodina-pruh { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; background: var(--linka); border-radius: 16px; overflow: hidden; margin: 8px 0 24px; border: 1px solid var(--linka); }
.rodina-pruh div { background: var(--plocha); padding: 12px 14px; display: flex; flex-direction: column; gap: 2px; }
.rodina-pruh span { font-size: 12px; color: var(--text2); }
.rodina-pruh b { font-family: var(--font-nadpis); font-size: 20px; }
@media (max-width: 720px) { .rodina-pruh { grid-template-columns: 1fr 1fr; } }
.rezim-stitek { align-self: flex-start; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; color: var(--akcent2); }
.rezim { border-radius: 16px; border-width: 1px; }
.dlazdice { border-radius: 8px; background-image: none; color: #fff; border: 2px solid var(--pozadi); }
.dl-nazev { text-shadow: none; }
.dl-zmena { background: rgba(255,255,255,.92); }
.panel-ikona { width: 14px; height: 54px; border-radius: 6px; box-shadow: none; }
.typ-karty { font-size: 11px; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; color: var(--akcent2); }
.vecer-uvod section, .vecer-uvod details { margin-top: 14px; }
.vecer-uvod h2 { margin-top: 0; }
.rok-uvod { text-align: center; max-width: 760px; margin: 0 auto; }
.rok-velky { font-size: clamp(64px, 14vw, 140px); margin: 0; color: var(--akcent); }
.realita-roku { text-align: left; }
.fakta { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.fakta div { background: var(--plocha2); border-radius: 12px; padding: 10px 12px; display: flex; flex-direction: column; gap: 2px; }
.fakta span { font-size: 12px; color: var(--text2); }
.fakta b { font-family: var(--font-nadpis); font-size: 20px; font-variant-numeric: tabular-nums; }
.predat { margin: 24px auto; display: flex; flex-direction: column; gap: 12px; align-items: center; }
.predat p { margin: 0; text-transform: uppercase; letter-spacing: .12em; font-size: 12px; color: var(--text2); }
.predat-hrac { display: flex; gap: 12px; align-items: center; font-size: 28px; font-family: var(--font-nadpis); }
.predat-hrac .monogram { width: 64px; height: 64px; font-size: 30px; }
.tah-hlava { display: flex; gap: 12px; align-items: center; margin-bottom: 8px; }
.tah-hlava .btn { margin-left: auto; }
.vyzvy { margin: 8px 0 16px; }
.vyzvy h2 { margin-bottom: 2px; }
#vyzvy-seznam { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); margin-top: 10px; }
.vyzva { background: var(--plocha); border: 1px solid var(--linka); border-top: 5px solid var(--akcent); border-radius: 14px; padding: 14px 16px; box-shadow: var(--stin); display: flex; flex-direction: column; }
.vyzva-udalost { border-top-color: var(--akcent2); }
.vyzva.hotova { opacity: .75; }
.vyzva h3 { margin: 4px 0; font-family: var(--font-nadpis); font-size: 19px; }
.vyzva blockquote { margin: 6px 0; padding: 6px 12px; border-left: 3px solid var(--linka); font-style: italic; color: var(--text2); }
.vyzva-typ { font-size: 12px; color: var(--text2); }
.stitek-v { display: inline-block; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; border: 1px solid var(--linka); border-radius: 99px; padding: 0 6px; margin-left: 4px; }
.vyzva-akce { margin-top: auto; padding-top: 10px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.stav-vyzvy { font-weight: 700; color: var(--dobre); font-size: 14px; }
.kde-vezmes h3 { margin: 14px 0 6px; font-size: 15px; }
.volby-zdroje { display: grid; gap: 8px; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
.zdroj-btn { flex-direction: column; align-items: flex-start; text-align: left; }
.zdroj-btn small { font-weight: 400; color: var(--text2); font-size: 12px; }
.srovnani { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
.srov-hrac { background: var(--plocha); border: 1px solid var(--linka); border-top: 6px solid var(--barva); border-radius: 16px; padding: 14px; box-shadow: var(--stin); }
.srov-hlava { display: flex; gap: 10px; align-items: center; font-family: var(--font-nadpis); font-size: 22px; margin-bottom: 10px; }
.skupiny-tab { margin-top: 10px; }
.poradi { font-family: var(--font-nadpis); font-size: 30px; color: var(--akcent2); }
.podium-misto .monogram { width: 60px; height: 60px; font-size: 28px; margin: 6px auto; }
.co-se-stane { background: #f3ead2; color: #3d3320; }
.osa-radek b { font-size: 12px; }

.presun-lista { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin: 4px 0 8px; }
.presun label { display: block; margin: 10px 0 4px; font-weight: 600; }
.presun select.vstup { max-width: 100%; }
.zamceno { background: var(--plocha2); border-radius: 12px; padding: 10px 12px; }
.zmena-zakona { background: #f6e3dc; color: #5a2414; border-radius: 12px; padding: 10px 12px; margin: 8px 0; font-size: 14px; }
.nadpis-rozpoctu { margin: 8px 0 6px; }

.seznam-oblasti { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 4px 16px; margin: 12px 0; }
.radek-oblasti { display: grid; grid-template-columns: 12px 1fr auto auto; gap: 8px; align-items: center; text-align: left; background: none; border: 0; border-bottom: 1px solid var(--linka); padding: 7px 2px; cursor: pointer; font-size: 14px; }
.radek-oblasti:hover { background: var(--plocha2); }
.radek-oblasti i { width: 12px; height: 12px; border-radius: 3px; }
.radek-oblasti b { font-variant-numeric: tabular-nums; }
.radek-oblasti small { font-size: 12px; min-width: 70px; text-align: right; }

.cil-panel { background: #1f2a3a; color: #f3efe6; border-radius: 18px; padding: 14px 16px; margin: 8px 0 14px; }
.cil-panel .nadtitulek { color: var(--akcent2); }
.cil-mrizka { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; margin: 8px 0; }
.cil-mrizka div { background: rgba(255,255,255,.07); border-radius: 12px; padding: 10px 12px; display: flex; flex-direction: column; gap: 2px; }
.cil-mrizka span { font-size: 12px; color: #c9cfdd; }
.cil-mrizka b { font-family: var(--font-nadpis); font-size: 22px; }
.cil-mrizka small { font-size: 12px; color: #aeb5c6; }
.cil-panel .minus { color: #ff8a80; } .cil-panel .plus { color: #7ee2a8; }
.cil-text { margin: 6px 0; }
.cil-panel .zdroj { color: #9aa3b6; }
.slib-cil { border-top: 1px solid var(--linka); padding: 10px 0; }
.slib-cil blockquote { margin: 6px 0; font-style: italic; color: var(--text2); }

/* Novinky 9. 11. 2026: mlha, rodinný rozpočet, tipovačka, skutečná vláda, bankrot */
.mlha-pozn { background: var(--plocha); border-left: 4px solid var(--zlata, #c9a227); padding: 8px 12px; border-radius: 8px; font-size: 14px; color: var(--text2); }
.rodina-panel { background: var(--plocha); border: 1px solid var(--linka); border-radius: 16px; padding: 16px; box-shadow: var(--stin); margin: 12px 0; }
.rodina-panel h3 { margin: 18px 0 6px; font-size: 16px; }
.rr { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) auto; gap: 8px 12px; align-items: center; padding: 8px 0; border-top: 1px solid var(--linka); }
.rr-n { display: flex; flex-direction: column; min-width: 0; }
.rr-n small { font-size: 12px; }
.rr-c { display: flex; flex-direction: column; text-align: right; font-variant-numeric: tabular-nums; }
.rr-tl { display: flex; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }
.rr.pevne { opacity: .75; }
.rr-souhrn { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 8px 0; }
.rr-souhrn div { background: var(--pozadi, #f6f4ef); border-radius: 10px; padding: 8px 10px; display: flex; flex-direction: column; }
.rr-souhrn span { font-size: 12px; color: var(--text2); }
.rr-souhrn b { font-size: 20px; font-variant-numeric: tabular-nums; }
@media (max-width: 640px) {
  .rr { grid-template-columns: minmax(0, 1fr) auto; }
  .rr-tl { grid-column: 1 / -1; justify-content: flex-start; }
  .rr-souhrn { grid-template-columns: 1fr; }
}
.tipovacka .tip-otazka { margin-top: 12px; }
.tip-otazka h3 { font-size: 16px; margin: 0 0 6px; }
.tip-radek { display: flex; gap: 10px; align-items: center; padding: 4px 0; }
.tip-radek .monogram { width: 32px; height: 32px; font-size: 15px; flex: none; }
.tip-moznosti { display: flex; gap: 6px; flex-wrap: wrap; }
.tip-moznosti [aria-pressed="true"] { background: var(--akcent, #1f4e79); color: #fff; border-color: var(--akcent, #1f4e79); }
.tip-vysl { display: inline-flex; gap: 6px; align-items: center; margin-right: 12px; }
.tip-vysl .monogram { width: 26px; height: 26px; font-size: 13px; }
.odhaleni-seznam { padding-left: 18px; }
.odhaleni-seznam li { margin: 6px 0; }
.vlada-duch { border-style: dashed !important; background: transparent !important; }
.vypadl { opacity: .55; }
.bankrot h3 { color: var(--minus, #b3261e); }

/* =====================================================================
   Formální „státní“ vzhled (9. 11. 2026). Inspirováno českou státní
   správou (barvy vlajky, střídmá typografie), BEZ státního znaku a bez
   vizuální identity gov.cz: jde o neoficiální vzdělávací hru.
   ===================================================================== */
:root {
  --stat-modra: #11457e;
  --stat-modra2: #0b2f57;
  --stat-cervena: #d7141a;
  --pozadi: #f3f4f6; --pozadi2: #e9ebef; --plocha: #ffffff; --plocha2: #f7f8fa;
  --text: #1a1f2b; --text2: #555d6b; --linka: #d5d9e0;
  --akcent: #11457e; --akcent2: #c9a227; --akcent-text: #ffffff;
  --dobre: #1b7f3b; --spatne: #c4161c; --pozor: #b56a00;
  --stin: 0 1px 2px rgba(17, 31, 54, .08); --stin-tl: none;
  --r: 6px;
  --font-nadpis: "Source Serif 4", Georgia, "Times New Roman", serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --pozadi: #0e1520; --pozadi2: #131c29; --plocha: #172231; --plocha2: #1d2a3b; --text: #e8ecf2; --text2: #a3adbd;
    --linka: #2b3a4f; --akcent: #7fa6dc; --akcent-text: #0b1420; --stat-modra: #7fa6dc; --dobre: #5fcf86; --spatne: #ff7b7b;
    --stin: none;
  }
}
:root[data-theme="dark"] {
  --pozadi: #0e1520; --pozadi2: #131c29; --plocha: #172231; --plocha2: #1d2a3b; --text: #e8ecf2; --text2: #a3adbd;
  --linka: #2b3a4f; --akcent: #7fa6dc; --akcent-text: #0b1420; --stat-modra: #7fa6dc; --dobre: #5fcf86; --spatne: #ff7b7b;
  --stin: none;
}
body { font-family: "Source Sans 3", "Segoe UI", system-ui, sans-serif; background: var(--pozadi); color: var(--text); }
h1, h2, h3 { color: var(--stat-modra); font-weight: 700; letter-spacing: 0; }
h1 { font-size: clamp(28px, 5vw, 44px); }
h1::after { content: ""; display: block; width: 56px; height: 4px; background: var(--stat-cervena); margin-top: 12px; }
.rok-velky::after, .podium h1::after { display: none; }
.nadtitulek { text-transform: uppercase; letter-spacing: .14em; font-size: 12px; font-weight: 600; color: var(--text2); }

/* záhlaví: trikolóra a střídmý logotyp */
.lista { background: var(--plocha); border-bottom: 1px solid var(--linka); box-shadow: none; position: sticky; top: 0; z-index: 30; padding-top: 14px; }
.lista::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 6px;
  background: linear-gradient(90deg, var(--stat-modra2) 0 50%, var(--stat-cervena) 50% 100%); }
.logo { font-family: var(--font-nadpis); font-weight: 700; color: var(--stat-modra); gap: 12px; }
.logo-znak { width: 38px; height: 38px; border-radius: 4px; background: var(--stat-modra) !important; color: #fff !important; box-shadow: none !important; font-family: var(--font-nadpis); font-size: 15px; }
.logo-text { display: flex; flex-direction: column; line-height: 1.15; }
.logo-pod { font-family: "Source Sans 3", system-ui, sans-serif; font-weight: 400; font-size: 12px; color: var(--text2); letter-spacing: .02em; }
.lista-nav a, .lista-nav button { border-radius: 4px; }

/* plochy a tlačítka: úřední, bez hravých stínů */
.karta, .srov-hrac, .podium-misto, .rodina-panel, .panel { border-radius: var(--r) !important; box-shadow: var(--stin); }
.srov-hrac { border-top-width: 4px; }
.btn { border-radius: 4px !important; box-shadow: none !important; font-weight: 600; border: 1px solid var(--linka); background: var(--plocha); color: var(--text); }
.btn:hover { border-color: var(--stat-modra); }
.btn-hl { background: var(--stat-modra) !important; border-color: var(--stat-modra) !important; color: var(--akcent-text) !important; }
.btn-hl:hover { background: var(--stat-modra2) !important; }
.btn[aria-pressed="true"], .uroven.vybrana { outline: 2px solid var(--stat-modra); outline-offset: -2px; }
.uroven { border-radius: 6px !important; box-shadow: none !important; }
.podium-misto.misto-1 { transform: none; background: var(--plocha) !important; border-color: var(--akcent2) !important; }
.rada { border-radius: 4px; border-left: 4px solid var(--stat-modra); }
.rada.varovani { border-left-color: var(--stat-cervena); }
.tabulka th { background: var(--plocha2); color: var(--stat-modra); font-weight: 600; text-align: left; }
.tabulka td, .tabulka th { border-bottom: 1px solid var(--linka); }
.stitek, .stitek-v { border-radius: 3px !important; }
.toast { border-radius: 4px !important; }

/* zápatí s upozorněním */
.pata { border-radius: 0; background: var(--stat-modra2); color: #dfe6f0; border-top: 4px solid var(--stat-cervena); }
.pata a { color: #fff; }
.pata .neoficialni { display: block; margin-top: 8px; font-weight: 600; color: #fff; }
.volby-obdobi [aria-pressed="true"] .zdroj, .btn-hl .zdroj { color: rgba(255, 255, 255, .8); }

/* =====================================================================
   Úřední vzhled v2 (9. 11. 2026): střídmý styl české státní správy.
   Tmavě modré záhlaví, ostré rohy, tenké linky, podtržené záložky,
   bezpatkové písmo, žádné stíny, pilulky ani barevné boční pruhy.
   Pořád BEZ státního znaku a bez identity gov.cz (neoficiální hra).
   ===================================================================== */
:root { --r: 4px; --font-nadpis: "Source Sans 3", "Segoe UI", system-ui, sans-serif; --pozadi: #eef0f3; --linka: #cfd5dd; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --pozadi: #0e1520; --linka: #2b3a4f; } }
:root[data-theme="dark"] { --pozadi: #0e1520; --linka: #2b3a4f; }
body { background: var(--pozadi) !important; font-size: 16px; }
h1, h2, h3, .logo, .hud-hodnota, .dl-castka, .velke-cislo, .velke-cislo-panel { font-family: "Source Sans 3", "Segoe UI", system-ui, sans-serif; }
h1 { font-weight: 700; font-size: clamp(28px, 4.2vw, 40px); line-height: 1.15; letter-spacing: -.005em; margin: 6px 0 14px; }
h1::after { display: none; }
h2 { font-weight: 700; font-size: clamp(20px, 2.6vw, 24px); }
h3 { font-weight: 700; }
.nadtitulek, .cil-panel .nadtitulek { text-transform: none; letter-spacing: 0; font-size: 14px; font-weight: 400; color: var(--text2); margin: 0 0 2px; }

/* záhlaví: tmavě modrý pruh, bílý text, červená linka */
.lista { background: var(--stat-modra2) !important; color: #fff; border-bottom: 3px solid var(--stat-cervena); padding: 12px 16px !important; backdrop-filter: none; }
.lista::before { display: none; }
.logo, .logo-text { color: #fff !important; font-weight: 700; }
.logo-pod { color: rgba(255, 255, 255, .78) !important; }
.logo-znak { background: #fff !important; color: var(--stat-modra2) !important; border-radius: 0 !important; font-weight: 700; }
.lista-nav a, .lista-nav button, .lista-nav .btn { background: transparent !important; color: #fff !important; border: 1px solid rgba(255, 255, 255, .45) !important; }
.lista-nav a:hover, .lista-nav button:hover { background: rgba(255, 255, 255, .12) !important; }

/* všechno hranaté, bez stínů */
.btn, .btn-mini, .karta, .kasicka, .hud-box, .rezim, .rezim .stitek-brzy, .hodiny, .mozaika, .dlazdice, .dl-zmena, .rada, .zalozka,
.uroven, .panel, .panel-ikona, .srov-hrac, .podium-misto, .rodina-panel, .udalost-karta, .vstup, .rodina-pruh, .co-se-stane,
.zmena-zakona, .vazba, .zamceno, .toast, .stitek, .stitek-v, .velke-tl, .uzel-editor, .pole-pct, .prepinac .btn, .souhrn-strany,
.avatar-volba, .osa-radek, .profil-odkaz, .bublina, .hrac-nast, .tabulka-hracu, .radek-hrace, .fakta div, .vyzva, .cil-panel,
.cil-mrizka div, .rr-souhrn div, .pruh, .meridlo {
  border-radius: 4px !important; box-shadow: none !important;
}
.karta, .rezim, .udalost-karta, .srov-hrac, .rodina-panel, .cil-panel, .vyzva, .kasicka, .hud-box { border: 1px solid var(--linka) !important; background: var(--plocha); }
.karta { border-left: 1px solid var(--linka) !important; }

/* tlačítka: primární plné modré, ostatní obrys */
.btn { border: 1px solid var(--stat-modra) !important; color: var(--stat-modra); background: var(--plocha); font-weight: 600; transform: none !important; }
.btn:hover { background: color-mix(in srgb, var(--stat-modra) 8%, var(--plocha)); }
.btn[disabled] { border-color: var(--linka) !important; color: var(--text2); }
.btn-hl { color: #fff !important; }
.velke-tl { font-size: 17px; padding: 12px 20px; }
.btn[aria-pressed="true"], .uroven.vybrana { outline: 0; background: var(--stat-modra) !important; color: #fff !important; border-color: var(--stat-modra) !important; }
.uroven.vybrana small, .uroven.vybrana b { color: #fff !important; }

/* záložky: podtržené jako na úředních webech */
.zalozky { gap: 0; border-bottom: 1px solid var(--linka); padding-bottom: 0; }
.zalozka { border: 0 !important; border-bottom: 3px solid transparent !important; background: transparent !important; color: var(--text) !important;
  font-weight: 600; padding: 10px 16px; margin-bottom: -1px; }
.zalozka:hover { color: var(--stat-modra) !important; border-bottom-color: var(--linka) !important; }
.zalozka[aria-selected="true"] { color: var(--stat-modra) !important; border-bottom-color: var(--stat-modra) !important; }

/* upozornění: světlý podklad a tenký rámeček místo tlustého pruhu */
.rada { border: 1px solid #b9cbe2 !important; background: #eef4fb !important; border-left-width: 1px !important; }
.rada.varovani, .zmena-zakona, .bankrot { border-color: #e5b4b4 !important; background: #fcf1f1 !important; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .rada { background: #15253a !important; border-color: #2b4566 !important; }
  :root:not([data-theme="light"]) .rada.varovani, :root:not([data-theme="light"]) .zmena-zakona { background: #2a1717 !important; border-color: #5a2a2a !important; } }

/* lepicí stav: plný podklad, ne průhledný */
.stav { background: var(--pozadi) !important; backdrop-filter: none; }

/* mozaika: dlaždice s tenkou spárou */
.dlazdice { border: 1px solid var(--plocha) !important; }

/* panel: dialog, ne vysouvací karta */
.panel { padding-top: 22px; }
.panel::before { display: none; }
.panel-zavrit { border-radius: 2px !important; border: 1px solid var(--linka) !important; width: 34px; height: 34px; }
.panel-ikona { width: 6px !important; }

/* tabulky: úřední */
.tabulka { border: 1px solid var(--linka); border-collapse: collapse; }
.tabulka th { background: var(--stat-modra) !important; color: #fff !important; }

/* zápatí */
.pata { border-top: 3px solid var(--stat-cervena); }

/* moderní dotažení: jemné zaoblení, klidné barvy, plynulé reakce na najetí */
.dlazdice { filter: saturate(.72) brightness(.97); transition: filter .15s; }
.dlazdice:hover { filter: saturate(.95) brightness(1); }
.hodiny { background: var(--stat-modra2) !important; border: 0 !important; color: #fff; }
.hodiny::after { display: none; }
.hodiny .popisek { color: rgba(255, 255, 255, .75); letter-spacing: .04em; text-transform: none; font-weight: 600; }
.hodiny .velke-cislo { color: #fff; text-shadow: none; font-weight: 700; }
.hodiny .maly { color: rgba(255, 255, 255, .78); }
.rezim-stitek { color: var(--stat-modra); text-transform: none; letter-spacing: 0; font-size: 13px; font-weight: 600;
  background: color-mix(in srgb, var(--stat-modra) 9%, transparent); padding: 2px 8px; border-radius: 4px; }
.rezim { transition: border-color .15s, transform .15s; }
.rezim:hover { border-color: var(--stat-modra) !important; transform: translateY(-2px); }
.rezim h3 { color: var(--stat-modra); }
.uroven { border: 1px solid var(--linka) !important; transition: border-color .15s; }
.uroven:hover { border-color: var(--stat-modra) !important; }
.volby-obdobi { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; }
.volby-obdobi .btn { justify-content: flex-start; }
.btn { transition: background .15s, border-color .15s, color .15s; }
.panel-pozadi.otevreno { background: rgba(11, 22, 40, .5); }
.hud-popisek { letter-spacing: .04em; }
.tabulka th { font-weight: 600; }
:focus-visible { outline: 3px solid color-mix(in srgb, var(--stat-modra) 45%, transparent); outline-offset: 2px; }
.volby-obdobi .btn b { white-space: nowrap; }

/* Budoucnost 2026–2076 */
.bud-vysledky { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--linka); border: 1px solid var(--linka); border-radius: 4px; overflow: hidden; margin: 12px 0; }
.bud-vysledky > div { background: var(--plocha); padding: 10px 12px; display: flex; flex-direction: column; gap: 2px; }
.bud-vysledky span { font-size: 13px; color: var(--text2); }
.bud-vysledky b { font-size: 22px; font-variant-numeric: tabular-nums; }
.bud-vysledky small { font-size: 12px; color: var(--text2); }
@media (max-width: 720px) { .bud-vysledky { grid-template-columns: 1fr 1fr; } }
.bud-mrizka { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px 20px; }
.bud-pole { display: flex; flex-direction: column; gap: 4px; }
.bud-pole input[type=range] { width: 100%; }
.bud-vek { display: flex; flex-direction: column; gap: 4px; }
.bud-muj { display: block; margin: 6px 0; }
.budoucnost h3 { margin-top: 18px; }
.budoucnost .graf { width: 100%; max-height: 340px; }
.rr-soucet { border-top: 2px solid var(--text) !important; }

/* fáze 2: navigace, zpět, rozpis změny oblasti */
.lista-nav a { padding: 6px 10px; text-decoration: none; font-size: 15px; font-weight: 600; white-space: nowrap; }
.lista-nav a[aria-current="page"] { background: #fff !important; color: var(--stat-modra2) !important; border-color: #fff !important; }
@media (max-width: 720px) {
  .lista { flex-wrap: wrap; }
  .logo-pod { display: none; }
  .lista-nav { margin-left: 0; width: 100%; flex-wrap: nowrap; overflow-x: auto; gap: 4px; scrollbar-width: none; }
  .lista-nav a { font-size: 13px; padding: 4px 7px; }
  .lista .logo { font-size: 16px; }
}
.zpet { margin: 0 0 4px; font-size: 15px; }
.zpet a { text-decoration: none; }
.zpet a:hover { text-decoration: underline; }
.rozpis-zmeny { font-size: 15px; color: var(--text2); margin: 4px 0 10px; }
.paka .btn-mini[data-paka-nula] { margin-top: 4px; }
.graf .osa.nula { stroke: var(--text2); }
.graf .graf-pozn { font-size: 12px; fill: var(--text2); }

/* dopady daní na lidi */
.dopad-lidi { margin: 8px 0 4px; border-top: 1px solid var(--linka); padding-top: 6px; }
.dopad-lidi > summary { cursor: pointer; font-weight: 600; color: var(--stat-modra, var(--akcent)); }
.dopad-lidi p { margin: 8px 0; }
.dopad-tab td:nth-child(n+2), .dopad-tab th:nth-child(n+2) { text-align: right; white-space: nowrap; }
.dopad-uvod { margin-bottom: 12px; }
.dopad-uvod > summary { cursor: pointer; }

/* kontrast: text na modré (světlá modrá v tmavém režimu potřebuje tmavý text) a na světlých dlaždicích */
:root { --na-modre: #fff; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --na-modre: #0b1420; } }
:root[data-theme="dark"] { --na-modre: #0b1420; }
.btn[aria-pressed="true"], .uroven.vybrana, .uroven.vybrana small, .uroven.vybrana b, .btn-hl, .btn-hl b, .btn-hl small { color: var(--na-modre) !important; }
.volby-obdobi [aria-pressed="true"] .zdroj, .btn-hl .zdroj { color: var(--na-modre) !important; opacity: .85; }
.dlazdice { color: var(--t, #fff) !important; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .btn-hl:hover { background: #a9c4ea !important; } }
:root[data-theme="dark"] .btn-hl:hover { background: #a9c4ea !important; }
/* mobil: čitelné osy grafů (text je v jednotkách SVG, graf se zmenšuje) a bez prázdné buňky v rodinném pruhu */
@media (max-width: 720px) {
  .graf text { font-size: 17px; }
  .rodina-pruh > div:first-child { grid-column: 1 / -1; }
}
.slovnik { display: grid; gap: 10px; margin: 0; }
.slovnik dd { margin: 4px 0 0; }
/* další kalkulačky */
.k2 { margin-top: 12px; }
.k2-kdo { color: var(--text2); font-size: 15px; margin-top: -4px; }
.k2-pomer { background: var(--plocha2); padding: 8px 12px; border-radius: 4px; }
.k2-obsah { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0; }
.k2-obsah a { padding: 4px 10px; border: 1px solid var(--linka); border-radius: 4px; text-decoration: none; font-size: 14px; }
.k2-filtr { position: sticky; top: calc(var(--lista-h, 64px) + 4px); z-index: 5; background: var(--pozadi); padding: 8px 0; margin-bottom: 4px; border-bottom: 1px solid var(--linka); }
.k2-skupiny { flex-wrap: wrap; margin-bottom: 8px; }
.k2-hledat { width: 100%; max-width: 420px; }
.k2-sk-nadpis { margin: 24px 0 4px; }
.k2[hidden], .k2-skupina[hidden] { display: none !important; }
@media (max-width: 720px) { .k2-filtr { position: static; } }