:root{--papier:#efe6d2;--tusz:#1c1a17;--zloto:#e8c66a;--czerw:#a8322d}
*{box-sizing:border-box}
body{margin:0;font-family:Georgia,'Times New Roman',serif;color:#efe8da;background:#1c1a17;min-height:100vh}
body::before{content:"";position:fixed;inset:0;background:var(--tlo) center/cover no-repeat;opacity:.28;z-index:-1}
#app{max-width:860px;margin:0 auto;padding:12px}
button{font:inherit;cursor:pointer;border:0;border-radius:10px;background:var(--zloto);color:var(--tusz);padding:12px 16px;margin:6px 6px 6px 0;font-weight:bold}
button:disabled{opacity:.4;cursor:not-allowed}
button.maly{padding:4px 10px;font-size:12px;background:rgba(255,255,255,.15);color:#efe8da;font-weight:normal}
.karta{background:rgba(20,18,15,.88);border-radius:16px;padding:16px;margin:10px 0}
.karta.szeroka{padding:12px}
h1,h2,h3{font-weight:normal;margin:6px 0}
h2{font-size:26px;color:var(--zloto)}
.era{font-size:13px;letter-spacing:1px;text-transform:uppercase;opacity:.75;margin:0 0 4px}
.opis{font-size:18px;line-height:1.45}
.ilu{width:100%;border-radius:10px;margin:10px 0;display:block}
details.tlo{background:rgba(232,198,106,.08);border-left:3px solid var(--zloto);border-radius:8px;padding:8px 12px;margin:10px 0}
details.tlo summary{cursor:pointer;color:var(--zloto)}details.tlo p{line-height:1.5;margin:8px 0}
.doradca{font-style:italic;opacity:.9}
.pasek{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;background:rgba(0,0,0,.35);border-radius:10px;padding:8px 10px;margin:10px 0;align-items:center}
.strz{color:var(--zloto)}
.instr{font-size:15px;opacity:.9}
.dep{display:grid;grid-template-columns:150px 1fr;gap:12px;background:rgba(239,230,210,.07);border:1px solid rgba(239,230,210,.12);border-radius:12px;padding:10px;margin:10px 0}
.dep.w-wydaniu{border-color:var(--zloto);box-shadow:0 0 0 1px var(--zloto)}
.dep.klucz .tag{color:var(--zloto)}
.dep h3{font-size:19px}.dep p{margin:4px 0;line-height:1.4}
.win{width:150px;border-radius:8px;object-fit:cover;aspect-ratio:16/9}
.tag{font-size:12px;letter-spacing:.5px;text-transform:uppercase;opacity:.75}
.kolumny{font-size:13px;margin:6px 0}
button.kol{padding:5px 10px;font-size:13px;background:rgba(255,255,255,.12);color:#efe8da;font-weight:normal}
button.kol.wyb{background:var(--zloto);color:var(--tusz);font-weight:bold}
.tony{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px}
button.ton{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:rgba(255,255,255,.08);color:#efe8da;font-weight:normal;padding:8px;margin:0}
button.ton b{font-size:13px;color:var(--zloto)}button.ton span{font-size:14px;margin:2px 0}button.ton small{font-size:12px;opacity:.75}
button.ton.wyb{background:var(--zloto);color:var(--tusz)}button.ton.wyb b{color:var(--czerw)}
.sekcja{color:var(--zloto);margin-top:18px}
.wydanie{position:sticky;bottom:0;background:rgba(15,13,11,.97);border-top:2px solid var(--zloto);padding:10px;border-radius:12px 12px 0 0;font-size:14px;margin-top:12px}
.blad{color:#ff9a8a;margin:6px 0}
/* gazeta */
.gazeta{background:var(--papier);color:var(--tusz);border-radius:6px;padding:14px 18px;margin:10px 0;box-shadow:0 6px 24px rgba(0,0,0,.6)}
.gazeta header{text-align:center;border-bottom:3px double var(--tusz);margin-bottom:10px}
.gazeta header h1{font-size:54px;letter-spacing:6px;margin:0;font-weight:bold}
.gazeta header p{font-size:12px;letter-spacing:2px;margin:2px 0 8px}
.gazeta h2{color:var(--tusz);font-size:30px;line-height:1.1}.gazeta h4{font-size:19px;margin:4px 0}
.gazeta p{line-height:1.45}
.gazeta .zdj{width:100%;filter:grayscale(1) contrast(1.1);border:1px solid var(--tusz)}
.gazeta.era3 .zdj,.gazeta.era4 .zdj{filter:saturate(.75)}
.boczne{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--tusz);margin-top:10px;padding-top:6px}
.sportowa{border-top:1px solid var(--tusz);margin-top:10px;padding-top:6px}.rubryka{font-size:12px;letter-spacing:2px;font-weight:bold}
.plama{background:#fbf8f0;border:1px dashed #999;color:#777;text-align:center;padding:30px 10px;font-size:13px;letter-spacing:1px}
.uwagi li{margin:4px 0}
/* tablica */
.mapa svg{width:100%;max-width:520px;display:block;margin:0 auto}
.mt{font-size:12px;fill:#fff;text-anchor:middle;font-weight:bold;paint-order:stroke;stroke:#1c1a17;stroke-width:3px}
.mt.mm{font-size:9px}.ms{font-size:10px;fill:#fff;text-anchor:middle;paint-order:stroke;stroke:#1c1a17;stroke-width:3px}
.leg{font-size:12px;opacity:.75;text-align:center}.fr{font-size:14px;columns:2;padding-left:18px}
.ruch{display:grid;grid-template-columns:200px 1fr;gap:12px;background:rgba(168,50,45,.12);border-left:3px solid var(--czerw);border-radius:10px;padding:10px;margin:10px 0}
.ruch img{width:200px;border-radius:8px}.haki{color:var(--zloto)}.notka{font-style:italic}
/* kawiarnia */
.rozm{display:grid;grid-template-columns:220px 1fr;gap:14px}.portret{width:220px;border-radius:12px}
.rozm p{line-height:1.45}.rozm .ja{color:var(--zloto);font-style:italic}.rozm .odp{opacity:.95}
.opcje button{display:block;width:100%;text-align:left}
/* tytuł */
.tytul{min-height:92vh;background:center/cover;border-radius:16px;display:flex;align-items:flex-end}
.tytul-n{background:linear-gradient(transparent,rgba(15,13,11,.95) 30%);padding:60px 20px 20px;border-radius:0 0 16px 16px;width:100%}
.tytul h1{font-size:64px;letter-spacing:10px;color:var(--zloto);margin:0}.pod{letter-spacing:3px;opacity:.8}.drobne{font-size:12px;opacity:.6}
/* odcienie er na winietach */
body.era1 .win,body.era1 .ruch img{filter:sepia(.85) grayscale(.3)}
body.era2 .win,body.era2 .ruch img{filter:saturate(.6) sepia(.25)}
body.era3 .win,body.era3 .ruch img{filter:saturate(.85) sepia(.12) contrast(1.05)}
@media (max-width:640px){
  .dep{grid-template-columns:1fr}.win{width:100%;max-height:150px}
  .ruch{grid-template-columns:1fr}.ruch img{width:100%}
  .rozm{grid-template-columns:1fr}.portret{width:60%;margin:0 auto;display:block}
  .boczne{grid-template-columns:1fr}.gazeta header h1{font-size:40px}.fr{columns:1}
  h2{font-size:22px}
}

/* wskaźniki obrazkowe */
.pasek{display:grid;grid-template-columns:1fr;gap:4px}
.wsk summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:3px 0;font-size:14px}
.wsk summary::-webkit-details-marker{display:none}
.wsk summary::after{content:"?";margin-left:auto;opacity:.5;font-size:12px;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:18px;height:18px;text-align:center;line-height:16px}
.wsk p{font-size:13px;line-height:1.45;margin:4px 0 8px 28px;opacity:.9}
.wsk .ik{width:20px;text-align:center}.wsk .nz{min-width:118px;opacity:.85}
.pasy{display:inline-flex;gap:2px;vertical-align:middle}.pasy i{width:10px;height:12px;border-radius:2px;background:rgba(255,255,255,.14)}
.pasy.dobre i.on.k1{background:#a8322d}.pasy.dobre i.on.k2{background:#c96a3a}.pasy.dobre i.on.k3{background:#c9a24a}.pasy.dobre i.on.k4{background:#8a9a55}.pasy.dobre i.on.k5{background:#5f9a5a}
.pasy.zle i.on.k1{background:#5f9a5a}.pasy.zle i.on.k2{background:#8a9a55}.pasy.zle i.on.k3{background:#c9a24a}.pasy.zle i.on.k4{background:#c96a3a}.pasy.zle i.on.k5{background:#a8322d}
.pasy.neutr i.on{background:#b9b3a3}
.legenda{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 12px;font-size:12px;margin-top:4px}.legenda i{display:inline-block;width:14px;height:10px;border-radius:2px;margin-right:4px;vertical-align:middle}
.ogien{font-size:10px;text-anchor:middle}
.regiony{margin:8px 0}.regiony summary{cursor:pointer;color:var(--zloto)}.regiony table{width:100%;font-size:12px;border-collapse:collapse}.regiony th,.regiony td{padding:4px 2px;text-align:left;border-top:1px solid rgba(255,255,255,.08)}
.frakcje{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.frak{background:rgba(255,255,255,.05);border-radius:10px;padding:8px}.frak summary{cursor:pointer;list-style:none;font-size:14px}.frak summary::-webkit-details-marker{display:none}
.frak .ik{font-size:18px;margin-right:6px}.frak .wiersz{display:block;font-size:12px;opacity:.9;margin-top:3px}.frak p{font-size:13px;line-height:1.4;margin:6px 0 0}
.znaczki{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}
.zn{display:inline-block;font-size:11px;padding:1px 6px;border-radius:9px;background:rgba(255,255,255,.12);margin:1px 2px 1px 0}
.zn.plus{background:rgba(95,154,90,.35)}.zn.minus{background:rgba(168,50,45,.4)}
button.ton.wyb .zn{background:rgba(0,0,0,.15)}button.ton.wyb .zn.plus{background:rgba(40,110,40,.3)}button.ton.wyb .zn.minus{background:rgba(150,30,30,.3)}
.leg-zn{font-size:12px;opacity:.9}
@media (min-width:700px){.pasek{grid-template-columns:1fr 1fr}}

button.odp{display:block;width:100%;text-align:left}button.odp .znaczki{margin-top:6px}
button.odp .zn{background:rgba(0,0,0,.18)}button.odp .zn.plus{background:rgba(40,110,40,.3)}button.odp .zn.minus{background:rgba(150,30,30,.3)}
.skutek{background:rgba(232,198,106,.1);border-radius:8px;padding:8px}

.cicho{opacity:.75;font-size:14px}
.zmiany{list-style:none;padding:0;margin:6px 0}.zmiany li{padding:6px 10px;margin:4px 0;border-radius:8px;font-size:15px}
.zmiany li.dobra{background:rgba(95,154,90,.18);border-left:3px solid #5f9a5a}.zmiany li.zla{background:rgba(168,50,45,.18);border-left:3px solid #a8322d}
.uwaga{background:rgba(232,198,106,.12);border:1px solid var(--zloto);border-radius:10px;padding:10px;margin:14px 0;font-size:15px}
details.stan{margin:10px 0}details.stan>summary{cursor:pointer;color:var(--zloto);font-size:16px;padding:6px 0}

/* uspokojenie kolorów */
.skutki{display:block;font-size:13px;opacity:.85;margin-top:4px;line-height:1.5}
button.ton.wyb .skutki{opacity:1}
.pasy.neutr i.on{background:#cdbf96}
.alarm{color:#ff8f7f}
.stan-w{color:var(--zloto);font-weight:bold;margin-right:8px}
.kolumny{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.leg-zn{font-size:13px;opacity:.75}

.skutki .zysk,.skutki .strata{display:block;font-size:13px;line-height:1.4;margin-top:3px}
.skutki .zysk{color:#b9d6a8}.skutki .strata{color:#f0b2a6}
button.ton.wyb .skutki .zysk{color:#24561d}button.ton.wyb .skutki .strata{color:#7a1d16}

/* echa poprzedniego wydania */
.echo{display:flex;gap:14px;align-items:flex-start;background:rgba(0,0,0,.28);border-left:4px solid var(--czerw);border-radius:10px;padding:12px;margin:12px 0}
.echo .portret{width:110px;flex:none;border-radius:8px}
.echo h3{margin:0 0 6px;color:var(--zloto)}.echo p{line-height:1.5}
.echo .ja{color:var(--zloto);font-style:italic}.echo .wynik{font-size:16px}
.echo .opcje button.odp{margin:6px 0}
.skutki .cicho,.skutek .cicho{display:block;font-size:13px;margin-top:3px}
@media (max-width:560px){.echo{flex-direction:column}.echo .portret{width:100%;max-width:220px}}
button.odp .skutki .zysk{color:#24561d}button.odp .skutki .strata{color:#7a1d16}button.odp .skutki .cicho{color:#3a3328;opacity:1}
@media (max-width:560px){.echo .portret{max-width:150px}}

/* statut redakcji */
.zasada{display:flex;gap:12px;align-items:flex-start;background:rgba(0,0,0,.25);border-left:4px solid var(--zloto);border-radius:10px;padding:12px;margin:12px 0}
.zasada .portret{width:90px;flex:none;border-radius:8px}.zasada h3{margin:2px 0 6px;color:var(--zloto)}.zasada p{line-height:1.45}
.zasada.granica{border-left-color:var(--czerw);background:rgba(120,20,15,.25)}.zasada.granica .tag{color:#ff8f7f;font-weight:bold}
.zasada .skutki .zysk{color:#b9d6a8}.zasada .skutki .strata{color:#f0b2a6}
ul.statut{padding-left:18px}ul.statut li{margin:4px 0;font-size:14px}ul.statut li.granica{color:#ff8f7f}
@media (max-width:560px){.zasada{flex-direction:column}}

/* biurko: nagłówki na paskach papieru */
.dep.zw{grid-template-columns:110px 1fr}.dep.zw .win{width:110px}
.dep.zw h3{font-size:18px;margin:2px 0}
.jedna{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:2px 0}
.naglowek{font-family:Georgia,serif;font-size:17px;font-weight:bold;color:var(--papier);margin:4px 0}
.dep.otw{border-color:rgba(232,198,106,.6)}
.pyt{font-size:13px;letter-spacing:.5px;text-transform:uppercase;opacity:.7;margin:10px 0 4px}
.paski{display:flex;flex-direction:column;gap:6px}
button.pas{display:block;width:100%;text-align:left;background:var(--papier);color:var(--tusz);border:2px solid transparent;border-radius:4px;padding:8px 12px;margin:0;font-weight:normal;box-shadow:0 1px 3px rgba(0,0,0,.4)}
button.pas small{display:block;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#6b5f4a}
button.pas b{display:block;font-family:Georgia,serif;font-size:19px;line-height:1.25;margin:2px 0 4px;color:var(--tusz)}
button.pas.wyb{border-color:var(--czerw);box-shadow:0 0 0 2px var(--zloto)}
.kr{display:flex;flex-wrap:wrap;gap:12px;font-size:13px}.kr i{font-style:normal}
.kr .z{color:#2f5e27}.kr .s{color:#8a2a20}.kr .s.alarm{font-weight:bold}
button.plama-btn{background:none;border:1px dashed rgba(239,230,210,.35);color:#efe8da;font-weight:normal;font-size:14px;padding:6px 10px;margin:8px 0 0;width:100%;text-align:left}
button.plama-btn .kr{margin-top:3px}button.plama-btn .kr .z{color:#b9d6a8}button.plama-btn .kr .s{color:#f0b2a6}
button.plama-btn.wyb{border-style:solid;border-color:var(--zloto)}
.skutki.pelne{background:rgba(0,0,0,.25);border-radius:6px;padding:6px 10px;margin-top:8px}
@media (max-width:700px){.dep.zw{grid-template-columns:80px 1fr}.dep.zw .win{width:80px;max-height:60px}}

/* biurko: wersje tekstu na paskach papieru, bez podpowiedzi o skutkach */
.dep.zw{grid-template-columns:110px 1fr}.dep.zw .win{width:110px}.dep.zw h3{font-size:18px;margin:2px 0}
.jedna{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:2px 0}
.naglowek{font-family:Georgia,serif;font-size:17px;font-weight:bold;color:var(--papier);margin:4px 0}
.dep.otw{border-color:rgba(232,198,106,.6)}
.pyt{font-size:13px;letter-spacing:.5px;text-transform:uppercase;opacity:.7;margin:12px 0 6px}
.paski{display:flex;flex-direction:column;gap:8px}
button.pas{display:block;width:100%;text-align:left;background:var(--papier);color:var(--tusz);border:2px solid transparent;border-radius:3px;padding:10px 14px;margin:0;font-weight:normal;box-shadow:0 1px 4px rgba(0,0,0,.45)}
button.pas b{display:block;font-family:Georgia,serif;font-size:20px;line-height:1.2;color:var(--tusz)}
button.pas span{display:block;font-family:Georgia,serif;font-size:15px;line-height:1.4;margin-top:4px;color:#3b3428}
button.pas.wyb{border-color:var(--czerw);box-shadow:0 0 0 2px var(--zloto)}
button.pas.inna{background:#d9cfb8;opacity:.9}button.pas.inna small{display:block;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#6b5f4a;margin-bottom:2px}
@media (max-width:700px){.dep.zw{grid-template-columns:80px 1fr}.dep.zw .win{width:80px;max-height:60px}}

/* plotki przed drukiem i sceny po druku */
.plotki{background:rgba(0,0,0,.3);border-left:3px solid var(--zloto);border-radius:8px;padding:8px 12px;margin:10px 0}
.plotki p{margin:4px 0;font-style:italic;line-height:1.45}.plotki .pyt{font-style:normal;margin-top:0}
.sceny{background:rgba(0,0,0,.25);border-radius:8px;padding:8px 12px;margin:8px 0}.sceny p{margin:4px 0;line-height:1.45}

/* rozkład wydania: teksty × strony */
.rozklad{overflow-x:auto;margin:8px 0}
.rozklad table{border-collapse:collapse;width:100%;font-size:14px;min-width:560px}
.rozklad th,.rozklad td{padding:5px 8px;border-bottom:1px solid rgba(239,230,210,.1);text-align:left;vertical-align:top}
.rozklad thead th{font-family:Georgia,serif;font-size:13px;font-weight:bold;color:var(--papier);max-width:180px}
.rozklad tbody th{white-space:nowrap;font-weight:normal;opacity:.9}
.rozklad td.dobre,.leg .dobre{color:#9fd08c}.rozklad td.zle,.leg .zle{color:#ff9d8a}.rozklad td.neutr,.leg .neutr{color:var(--zloto)}
.rozklad td.pusto{opacity:.25;text-align:center}.rozklad td small{letter-spacing:-1px}
.rozklad th.razem,.rozklad td.razem{border-left:2px solid rgba(232,198,106,.5);font-weight:bold;background:rgba(232,198,106,.06)}
.rozklad td.pusto.razem{font-weight:normal;font-size:12px;opacity:.45;text-align:left}
.grupy{display:block;margin-top:6px}.grupa{display:block;padding:3px 0;font-size:14px}.grupa small{opacity:.65}

/* wprowadzenie */
.wprow p{line-height:1.6;font-size:17px}.wprow .ilu{max-height:320px;object-fit:cover}
ol.jak{padding-left:22px}ol.jak li{margin:10px 0;line-height:1.55;font-size:16px}
.nawig{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
.wprow .ilu{filter:sepia(.75) grayscale(.25)}
ul.os{list-style:none;padding:0;border-left:2px solid var(--zloto);margin-left:6px}
ul.os li{padding:0 0 12px 16px;position:relative;line-height:1.55;font-size:16px}
ul.os li::before{content:'';position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--zloto)}
ul.os b{color:var(--zloto)}
ul.kto{list-style:none;padding:0}ul.kto li{margin:6px 0;line-height:1.5;font-size:16px}
.kropki{display:inline-flex;gap:5px;margin-left:10px;vertical-align:middle}
.kropki i{width:8px;height:8px;border-radius:50%;background:rgba(239,230,210,.25)}.kropki i.bylo{background:rgba(232,198,106,.6)}.kropki i.teraz{background:var(--zloto)}
.wprow .ilu{aspect-ratio:16/9;max-height:none;width:100%;object-fit:cover}
.wprow p,.wprow li{font-size:18px}

/* zespół, wczorajsze wydanie, wieczór, wybór redaktora */
.ludzie{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:8px}
.czlowiek{display:flex;flex-direction:column;gap:2px;background:rgba(0,0,0,.25);border-radius:8px;padding:8px;font-size:14px}
.czlowiek img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px}.czlowiek small{opacity:.75;font-size:12px}
.wczoraj{background:rgba(0,0,0,.25);border-left:3px solid var(--zloto);border-radius:8px;padding:8px 12px;margin:12px 0}
.wczoraj p{margin:4px 0}
.zostan{margin-top:14px;border-top:1px dashed rgba(239,230,210,.25);padding-top:8px}
.redaktor .portret{width:130px}

/* plansza wpływów */
.plansza table{width:100%;border-collapse:collapse;margin:6px 0}
.plansza th,.plansza td{padding:6px 6px;border-bottom:1px solid rgba(239,230,210,.1);text-align:left;vertical-align:middle}
.plansza tr.kluczowy th{color:var(--zloto)}
.plansza th{white-space:nowrap;font-weight:normal;width:1%}.plansza td.kontrola{width:1%;white-space:nowrap}
.znacznik{display:inline-block;padding:2px 8px;border-radius:10px;color:#fff;font-size:13px}
.zet{display:inline-flex;align-items:center;gap:2px;margin:2px 8px 2px 0}
.zet i,.legenda-fr i{display:inline-block;width:11px;height:11px;border-radius:50%;border:1px solid rgba(255,255,255,.35)}
.zet b{font-size:11px;margin-left:2px}.zet b.plus{color:#9fd08c}.zet b.minus{color:#ff9d8a}
.legenda-fr{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;margin:6px 0}.legenda-fr span{display:inline-flex;align-items:center;gap:4px}
ol.tura{padding-left:0;list-style:none;margin:6px 0}ol.tura li{margin:5px 0;line-height:1.45}ol.tura li.gazeta{font-style:italic}
.epoka{background:rgba(232,198,106,.12);border:1px solid var(--zloto);border-radius:10px;padding:10px 12px;margin:12px 0}.epoka p{margin:4px 0}
ul.dzien{padding-left:18px;margin:6px 0}ul.dzien li{margin:6px 0;line-height:1.5}
.ilu.maly{max-height:220px;object-fit:cover}
.bilans{background:rgba(0,0,0,.25);border-radius:8px;padding:8px 12px;margin:12px 0;font-size:16px}
ul.cele{list-style:none;padding:0;margin:6px 0}ul.cele li{margin:5px 0;line-height:1.45}
.sprawa{border-left:3px solid var(--zloto);padding:2px 0 2px 12px;margin:10px 0}.sprawa h4{margin:0 0 4px;color:var(--zloto)}.sprawa p{margin:4px 0;line-height:1.5}
.poza{background:rgba(168,50,45,.18);border-left:3px solid #a8322d;border-radius:6px;padding:6px 10px;margin:6px 0}.poza p{margin:2px 0 6px;font-size:14px}
details.ocochodzi{background:rgba(232,198,106,.07);border-left:3px solid var(--zloto);border-radius:6px;padding:6px 10px;margin:8px 0;font-size:.95em}
details.ocochodzi summary{cursor:pointer;color:var(--zloto)}details.ocochodzi p{line-height:1.5;margin:6px 0 2px}
.rekw{width:42px;height:42px;border-radius:8px;object-fit:cover;vertical-align:middle;margin-right:10px;flex:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}
.z-rekw{display:flex;align-items:center}
.tag .rekw{width:26px;height:26px;margin-right:6px}
ul.dzien li .rekw{width:30px;height:30px;float:left;margin:2px 10px 4px 0}
#dzwiek{position:fixed;top:10px;right:10px;z-index:60;display:flex;gap:6px}#dzwiek button{width:42px;height:42px;padding:0;border-radius:50%;font-size:19px;line-height:42px;background:rgba(20,16,12,.75);border:1px solid var(--zloto);color:#fff;cursor:pointer;position:relative}#dzwiek button.wyl{opacity:.5}#dzwiek button.wyl::after{content:'';position:absolute;left:8px;right:8px;top:50%;height:2px;background:#e05a4a;transform:rotate(-45deg)}
video.ilu{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#000}
/* koniec animacji → zdjęcie z aparatu: błysk flesza i biała ramka w tej samej chwili (film staje się odbitką),
   zaraz po błysku odbitka płynnie maleje i lekko się przekrzywia – tempem zbliżonym do najazdu kamery w filmie */
video.ilu{transition:transform 1.35s cubic-bezier(.4,0,.2,1)}
video.ilu.blysk{animation:blysk .5s ease-out;border-radius:2px;box-shadow:0 0 0 10px #f3eee2,0 0 0 11px rgba(0,0,0,.12),0 16px 32px rgba(0,0,0,.55)}
.wprow video.ilu.blysk{animation:blysk-sepia .5s ease-out}
video.ilu.zdjecie{transform:scale(.88) rotate(var(--obrot,-1.5deg))}
@keyframes blysk{0%{filter:brightness(1)}25%{filter:brightness(2.3)}100%{filter:brightness(1)}}
@keyframes blysk-sepia{0%{filter:sepia(.75) grayscale(.25)}25%{filter:sepia(.75) grayscale(.25) brightness(2.3)}100%{filter:sepia(.75) grayscale(.25)}}
/* moduł testowy administratora */
#admin{position:fixed;left:10px;top:10px;z-index:70;max-width:330px;max-height:80vh;overflow:auto;background:rgba(20,16,12,.94);border:1px solid var(--zloto);border-radius:10px;padding:6px 10px;font-size:13px;color:#eee}
#admin summary{cursor:pointer;color:var(--zloto);font-weight:bold}#admin p{margin:8px 0}#admin button{font-size:12px;padding:4px 8px;margin:2px 0}#admin select{max-width:300px;font-size:12px}
.plansza-ery h2{font-size:30px}
.karta > p.era:first-child{padding-right:100px}