html{box-sizing:border-box;-webkit-text-size-adjust:none}
*,:before,:after{box-sizing:inherit}
body{margin:0;background:#14181e;color:#e9e6df;font-family:"IBM Plex Sans",Arial,sans-serif;font-size:100%;line-height:1.7}
h1,h2,h3,.nazwa,.graj,.menu,summary,.wynik,.krok,.pas strong{font-family:"Space Grotesk",Arial,sans-serif}
h1{font-size:2em;line-height:1.15;margin:.2em 0 .4em}
h2{font-size:1.45em;line-height:1.25;margin:2em 0 .7em;padding-left:.6em;border-left:5px solid #f2b632}
h3{font-size:1.12em;line-height:1.3;margin:1.5em 0 .4em}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.4em}
a{color:#f5c35b}
a:hover{color:#ffd98a}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px dashed #7cc4ff;outline-offset:3px}
svg{max-width:100%;display:block}
@media (min-width:50em){h1{font-size:2.6em}body{font-size:105%}}
.doskoku{position:fixed;top:-5em;left:.5em;background:#f2b632;color:#1a1405;padding:.8em 1em;z-index:9}
.doskoku:focus{top:.5em}
.belka{background:#0f1318;border-bottom:1px solid #2f3843}
.wiersz{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:8px 16px}
.znak{display:flex;gap:12px;align-items:center;text-decoration:none;color:#f4f1ea;min-height:48px}
.znak svg{width:42px;height:42px;border-radius:6px}
.nazwa{font-weight:700;font-size:1.1em;line-height:1}
.nazwa span{display:block;font-size:.62em;letter-spacing:.32em;text-transform:uppercase;color:#f2b632;margin-top:4px}
.graj{background:#f2b632;color:#1a1405;font-weight:700;text-decoration:none;padding:0 1.2em;line-height:46px;min-height:46px;border-radius:2px;display:inline-block;white-space:nowrap}
.graj:hover{background:#ffc94d;color:#1a1405}
.graj.obrys{background:transparent;color:#f4f1ea;box-shadow:inset 0 0 0 2px #4a5563}
.menu{background:#1b2129;border-bottom:3px solid #f2b632}
.menu ul{list-style:none;display:flex;flex-wrap:wrap;max-width:1200px;margin:auto;padding:0 8px}
.menu a{display:block;padding:0 12px;line-height:48px;color:#c9d0d8;text-decoration:none;font-weight:500;font-size:.95em}
.menu a[aria-current]{color:#f2b632;box-shadow:inset 0 -3px #f2b632}
.uklad{display:flex;flex-direction:column;max-width:1200px;margin:auto;padding:0 16px}
.tresc{flex:1;min-width:0}
.boczny{order:-1;margin-top:16px}
@media (min-width:72em){.uklad{flex-direction:row;gap:48px}.boczny{order:0;flex:0 0 250px;margin-top:40px}
.boczny>div{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto}}
.spis{border:1px solid #2f3843;background:#181d24}
.spis summary{cursor:pointer;padding:12px 16px;font-weight:700;min-height:48px;list-style:none;display:flex;justify-content:space-between}
.spis summary::-webkit-details-marker{display:none}
.spis summary:after{content:"+";color:#f2b632;font-size:1.3em;line-height:1}
.spis[open] summary:after{content:"\2212"}
.spis ul{list-style:none;margin:0;padding:0 0 8px}
.spis li a{display:block;padding:9px 16px 9px 20px;border-left:2px solid #2f3843;margin-left:16px;color:#c9d0d8;text-decoration:none;font-size:.92em;line-height:1.35}
.spis li a:hover{border-left-color:#f2b632;color:#fff}
.strony{border:1px solid #2f3843;border-top:0;padding:8px 0}
@media (max-width:71.99em){.strony{display:none}}
.strony a{display:block;padding:10px 16px;color:#a9b2bc;font-size:.9em;text-decoration:none}
.strony a[aria-current]{color:#f2b632;font-weight:600}
.okruszki{font-size:.88em;color:#a9b2bc;margin:20px 0 0}
.okruszki a{color:#a9b2bc;display:inline-block;padding:10px 0}
.okruszki i{font-style:normal;padding:0 8px;color:#4a5563}
.nadtytul{display:inline-block;margin-top:24px;background:#262e38;color:#f2b632;font-size:.75em;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:2px 10px}
.metryka{display:flex;flex-wrap:wrap;gap:4px 24px;margin:0 0 20px;font-size:.88em;color:#a9b2bc}
.metryka div{display:flex;gap:6px}
.metryka dt:after{content:":"}
.metryka dd{margin:0;color:#e9e6df;font-weight:600}
.zajawka{font-size:1.15em;color:#f4f1ea}
.karta{display:grid;border:1px solid #2f3843;background:#1b2129;margin:24px 0}
@media (min-width:44em){.karta{grid-template-columns:5fr 6fr}}
.karta svg{width:100%;height:100%;min-height:220px;object-fit:cover}
.karta .spec{padding:12px 18px 16px}.karta dl{margin:0}
.karta p{margin:0 0 6px;font-weight:700;color:#f2b632;font-size:.85em;letter-spacing:.1em;text-transform:uppercase}
.karta dl div{display:grid;grid-template-columns:42% 1fr;gap:10px;padding:7px 0;border-bottom:1px dashed #2f3843;font-size:.9em;line-height:1.4}
.karta dl div:last-child{border:0}
.karta dt{color:#a9b2bc}
.karta dd{margin:0}
.przyciski{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 8px}
[data-ramka]{margin:24px 0;padding:14px 18px 16px;border:1px solid #2f3843;border-top:3px solid;background:#1b2129}
[data-ramka=info]{border-top-color:#5a9bd8}
[data-ramka=rada]{border-top-color:#4fbf7f;background:#18291f}
[data-ramka=uwaga]{border-top-color:#f08a4b;background:#2e2119}
[data-ramka]>:last-child{margin-bottom:0}
[data-ramka] strong:first-child{display:block;margin-bottom:6px}
[data-ramka=rada] strong:first-child:before{content:"\2714  ";color:#4fbf7f}
[data-ramka=uwaga] strong:first-child:before{content:"\26A0  ";color:#f08a4b}
.fakty{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.9em}
.fakty li:before{content:"\25B8  ";color:#5a9bd8}
.ocena{margin-top:8px}
.wynik{display:flex;align-items:baseline;gap:10px;margin:0 0 8px;color:#a9b2bc}
.wynik strong{font-size:2.6em;line-height:1;color:#f2b632}
.skala{height:10px;background:#262e38;margin:0 0 20px;overflow:hidden}
.skala span{display:block;height:100%;background:repeating-linear-gradient(135deg,#f2b632 0 10px,#d99a2b 10px 20px)}
.plusy{display:flex;flex-wrap:wrap;gap:0 16px}
.plusy>div{flex:1 1 260px;margin:8px 0}
.rozdzial table{display:block;overflow-x:auto;border-collapse:collapse;font-size:.92em;margin:16px 0 24px}
.rozdzial th,.rozdzial td,.prawne td,.prawne th{border-bottom:1px solid #2f3843;padding:9px 12px;text-align:left;vertical-align:top}
.rozdzial thead th{background:#262e38;color:#f2b632}
blockquote{margin:24px 0;padding:4px 18px;border-left:3px solid #5a9bd8;color:#c9d0d8}
.wgore{text-align:right;margin:0}
.wgore a{display:inline-block;padding:10px 4px;text-decoration:none;color:#6f7b88}
.gra{margin:20px 0}
.ekran{position:relative;aspect-ratio:16/9;background:#0b0e12;border:1px solid #2f3843}
.ekran svg{width:100%;height:100%}
.ekran button{position:absolute;right:16px;bottom:16px;border:0;cursor:pointer;font-size:1em;font-family:"Space Grotesk",Arial,sans-serif}
.ekran button:before{content:"\25B6  "}
.ekran iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
@media (max-width:767px){.ekran.wielki,.ekran.gra-on{aspect-ratio:3/4;max-height:80vh}.ekran button{right:50%;transform:translateX(50%)}}
.dopisek{font-size:.85em;color:#a9b2bc;margin:8px 0}
.pytanie{border-bottom:1px solid #2f3843}
.pytanie summary{cursor:pointer;list-style:none;padding:4px 32px 4px 0;position:relative}
.pytanie summary::-webkit-details-marker{display:none}
.pytanie summary:after{content:"\25BE";position:absolute;right:6px;top:18px;color:#f2b632}
.pytanie[open] summary:after{content:"\25B4"}
.pytanie h3{margin:12px 0;font-size:1.05em}
.pytanie p{color:#c9d0d8}
.pas{margin:36px 0;padding:24px;background:#f2b632;color:#1a1405}
.pas strong{display:block;font-size:1.25em;margin-bottom:6px}
.pas .graj{background:#1a1405;color:#f2b632}
.kroki{counter-reset:k;list-style:none;padding:0;border-left:2px dashed #4a5563;margin-left:14px}
.kroki li{counter-increment:k;position:relative;padding:0 0 18px 30px}
.kroki li:before{content:counter(k);position:absolute;left:-15px;top:0;width:28px;height:28px;background:#f2b632;color:#1a1405;font-weight:700;text-align:center;line-height:28px}
.krok{display:block;font-weight:700}
.autor{display:flex;gap:16px;margin:40px 0 24px;padding:18px 0;border-top:1px solid #2f3843;border-bottom:1px solid #2f3843;font-size:.92em}
.inicjaly{flex:0 0 52px;height:52px;background:#262e38;color:#f2b632;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1em}
.autor p{margin:0 0 6px}
.tagi{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tagi li{background:#262e38;padding:3px 10px;font-size:.88em}
.dalej{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;max-width:1200px;margin:24px auto 0;padding:16px;border-top:1px solid #2f3843}
.dalej a{display:inline-block;padding:12px 0;font-weight:600;text-decoration:none}
.dalej a[rel=next]{margin-left:auto}
.stopka{margin-top:32px;background:#0f1318;color:#c9d0d8;text-align:center;padding:32px 16px 40px;font-size:.88em}
.wiek{display:inline-block;border:2px solid #f2b632;color:#f2b632;font-weight:700;padding:4px 10px;margin-right:8px}
.stopka ul{list-style:none;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:0 20px}
.stopka a{display:inline-block;padding:12px 0}
.stopka p{max-width:46em;margin:0 auto 12px}
.zgubiona{padding:40px 0}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}