:root{color-scheme:dark;--tlo:#0b0c0d;--tekst:#f4f4f2;--drugoplanowy:#b8bab7;--linia:#ffffff1c;--akcent:#e50914}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--tlo);color:var(--tekst);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
a{color:inherit}button,select{font:inherit}
:focus-visible{outline:3px solid #ff4d57;outline-offset:4px}
.pomin{position:absolute;top:-100px;left:16px;z-index:100;padding:10px 18px;background:#fff;color:#000}.pomin:focus{top:12px}
main{flex:1}.kontener{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.wprowadzenie{position:relative;overflow:hidden;border-bottom:1px solid var(--linia);background:radial-gradient(ellipse at 85% 10%,#64101855,transparent 65%),linear-gradient(120deg,#101214,#0b0c0d);padding:64px 0 52px}
.wprowadzenie::after{content:"MODS";position:absolute;right:4%;bottom:-.26em;color:#ffffff03;font-size:clamp(7rem,20vw,19rem);font-weight:950;letter-spacing:-.06em;line-height:1.2;pointer-events:none}
.nadtytul{margin:0 0 12px;color:#ff5b65;letter-spacing:.17em;font-size:.75rem;font-weight:800;text-transform:uppercase}
h1{margin:0 0 18px;font-size:clamp(2.6rem,6vw,4.8rem);line-height:1.05;letter-spacing:-.05em}h1 span{color:#aaa;font-weight:450;font-size:.5em;letter-spacing:-.02em;white-space:nowrap}
.wstep{max-width:670px;margin:0;color:#c1c3c2;font-size:1.07rem}
.opisy-wstepne{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.opisy-wstepne .wstep{font-size:1rem}.wstep strong{color:#f4f4f2;font-weight:650}
.kontakt-modow{margin-top:28px}.kontakt-modow p{margin:0 0 14px;color:#d0d3d1;font-size:.92rem}.kontakt-modow p>span{display:block;margin-top:3px;color:#aab2ad;font-size:.87rem}.kontakt-przyciski{display:flex;flex-wrap:wrap;gap:12px}.kontakt-przycisk{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;min-height:46px;padding:10px 17px;border:1px solid #555e59;border-radius:8px;background:#222927;color:#fff;font-size:.87rem;font-weight:700;text-decoration:none}.kontakt-przycisk:hover{background:#303a36;border-color:#829088}.kontakt-discord{background:#5865f2;border-color:#7680ff;padding-inline:24px}.kontakt-discord:hover{background:#4752c4;border-color:#8f98ff}
.etykiety{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 0;padding:0;list-style:none}.etykiety li{border:1px solid var(--linia);border-radius:6px;padding:5px 11px;color:#bdc0bf;font-size:.78rem;background:#ffffff03}
.katalog{padding-block:38px 64px}.katalog-naglowek{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px}.katalog-naglowek h2{margin:0;font-size:1.25rem}.ilosc-modow{color:#a8adaa;font-size:.85rem}
.pusty-katalog{min-height:245px;display:grid;align-content:center;justify-items:center;text-align:center;border:1px dashed #3d4141;border-radius:16px;background:#111415;padding:38px 24px}
.pusty-katalog svg{color:#707876;margin-bottom:14px}.pusty-katalog h3{margin:0 0 8px;font-size:1.35rem}.pusty-katalog p{max-width:530px;margin:0;color:var(--drugoplanowy)}
.lista-modow{display:grid;gap:26px}.karta-moda{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.5fr);border:1px solid var(--linia);border-radius:16px;overflow:hidden;background:#141718}
.grafika-moda{display:flex;align-items:center;justify-content:center;background:#090b0c;border-right:1px solid var(--linia);padding:16px}.grafika-moda img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;border-radius:8px}
.tresc-moda{min-width:0;padding:28px}.nazwy-moda{margin:0 0 22px;overflow-wrap:anywhere}.nazwa-pl{display:block;font-size:1.6rem;line-height:1.25;letter-spacing:-.025em}.nazwa-en{display:block;margin-top:8px;color:#b8bab7;font-size:1.04rem;font-weight:500}
.jezyk-opisu{display:inline-block;border:1px solid #454c4c;border-radius:4px;color:#c9cecb;padding:0 6px;margin-bottom:6px;font-size:.66rem;letter-spacing:.1em;font-weight:750}.opis-moda{margin:0 0 17px;color:#d1d5d2;white-space:pre-line;overflow-wrap:anywhere}.opis-en{color:#acb2ae}
.pobieranie{display:flex;align-items:center;flex-wrap:wrap;gap:18px;border-top:1px solid var(--linia);padding-top:20px;margin-top:24px}.pobieranie form{margin:0}.przycisk-pobierz{display:inline-flex;align-items:center;gap:10px;border:1px solid #ff3440;border-radius:8px;background:#d60914;color:white;padding:11px 19px;font-weight:750;cursor:pointer;min-height:48px}.przycisk-pobierz:hover{background:#ef1823}.przycisk-pobierz:active{background:#b80812}
.licznik-pobran{font-size:.8rem;color:#aab1ad}.licznik-pobran strong{display:block;font-size:1.15rem;color:#f4f4f2;font-variant-numeric:tabular-nums;line-height:1.35}.status-pobierania{margin:10px 0 0;color:#ff9b9f;font-size:.85rem}.status-pobierania:empty{display:none}.informacja-katalogu{margin:22px 0 0;color:#929a95;font-size:.8rem}
@media(max-width:760px){.karta-moda{grid-template-columns:minmax(0,1fr)}.grafika-moda{border-right:0;border-bottom:1px solid var(--linia)}.grafika-moda img{max-height:320px}.tresc-moda{padding:22px}.wprowadzenie{padding:38px 0}.kontener{width:calc(100% - 28px)}h1 span{display:block;margin-top:10px}.katalog-naglowek{align-items:center}.katalog{padding-block:28px 44px}}
@media(max-width:420px){.pobieranie{flex-wrap:nowrap;gap:12px}.przycisk-pobierz{padding:10px 12px;font-size:.8rem;white-space:nowrap}.przycisk-pobierz svg{display:none}.licznik-pobran{min-width:0;flex:1;font-size:.7rem}}
@media(max-width:760px){.opisy-wstepne{grid-template-columns:minmax(0,1fr);gap:22px}.kontakt-modow{margin-top:24px}.kontakt-przycisk{max-width:100%}}