@font-face{font-family:Oxanium;src:url("../assets/Oxanium-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
:root{--bg:#05070f;--panel:#0d1224;--line:#1f2a4d;--text:#dfe6ff;--mute:#9aa7d0;--cy:#35e1ff;--or:#ff9a2e}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background-color:#05070f;color-scheme:dark}
body{margin:0;background-color:#05070f;background-image:radial-gradient(1px 1px at 20px 30px,#fff8,transparent),radial-gradient(1px 1px at 90px 140px,#fff6,transparent),radial-gradient(1.5px 1.5px at 160px 70px,#9cf8,transparent);background-size:180px 180px,230px 230px,310px 310px;color:var(--text);font:16px/1.6 system-ui,"Segoe UI",Roboto,Arial,sans-serif}
html:not([data-lang="pl"]) [data-lang="pl"],html[data-lang="pl"] [data-lang="en"]{display:none!important}
h1,h2,h3,.brand,.btn{font-family:Oxanium,system-ui,sans-serif;font-weight:700;letter-spacing:.04em}
h1{font-size:clamp(1.6rem,6vw,2.6rem);line-height:1.2;margin:.2em 0 .4em}
h2{font-size:clamp(1.2rem,4.5vw,1.6rem);color:var(--cy);margin:1.6em 0 .5em}
h3{font-size:1.05rem;margin:.2em 0 .4em}
a{color:var(--cy)}
a:focus-visible{outline:3px solid var(--or);outline-offset:2px}
img{max-width:100%;height:auto}
.skip{position:absolute;left:-999px;top:0;background:var(--or);color:#000;padding:.5em 1em;z-index:10}
.skip:focus{left:8px}
.wrap{max-width:60rem;margin:0 auto;padding:0 16px}
header.site{background:#070b18ee;border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none;font-size:1.1rem}
.brand img{width:32px;height:32px}
nav.main{display:flex;flex-wrap:wrap;gap:4px 14px;margin-left:auto}
nav.main a{color:var(--text);text-decoration:none;padding:8px 4px;display:inline-block}
nav.main a[aria-current="page"],nav.main a:hover{color:var(--or)}
.langsw{display:flex;gap:4px}
.langsw a{color:var(--text);text-decoration:none;border:1px solid #5f71b5;border-radius:4px;padding:4px 10px}
html:not([data-lang="pl"]) .langsw [data-setlang="en"],html[data-lang="pl"] .langsw [data-setlang="pl"]{background:var(--cy);color:#001;border-color:var(--cy)}
.hero{border-bottom:1px solid var(--line);padding:0 0 32px;text-align:center}
.hero .banner{display:block;width:100%;aspect-ratio:2/1;max-height:62vh;object-fit:cover;object-position:50% 40%;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.hero .wrap{margin-top:-8px}
.nw{white-space:nowrap}
.hero p.lead{font-size:1.15rem;max-width:40rem;margin:.5em auto 1em}
.btn{display:inline-block;background:var(--or);color:#120800;text-decoration:none;padding:12px 22px;border-radius:6px;margin:6px 4px;border:0;font-size:1rem}
.btn.alt{background:transparent;color:var(--cy);border:2px solid var(--cy)}
.btn:hover{filter:brightness(1.15)}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}
.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px}
.card h3{color:var(--or)}
.price{font:700 2rem Oxanium,sans-serif;color:var(--or)}
code,.mono{font-family:Consolas,Menlo,monospace;background:#000a;border:1px solid var(--line);border-radius:4px;padding:1px 5px;word-break:break-all}
ul{padding-left:1.2em}
main{padding-bottom:40px}
main>.wrap:first-child{padding-top:24px}
footer.site{border-top:1px solid var(--line);padding:20px 0;color:var(--mute);font-size:.9rem}
footer.site nav{display:flex;flex-wrap:wrap;gap:0 16px;margin-bottom:8px}
footer.site nav a,main p a:not(.btn),main li a{display:inline-block;padding:3px 0;min-height:24px}
.shots{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center}
kbd{font:600 .9rem/1.4 Consolas,Menlo,monospace;background:#000a;border:1px solid #5f71b5;border-bottom-width:2px;border-radius:4px;padding:1px 6px;white-space:nowrap}
table{width:100%;border-collapse:collapse;margin:12px 0 28px;font-size:.95rem}
caption{caption-side:top;text-align:left;font-family:Oxanium,system-ui,sans-serif;font-weight:700;color:var(--or);padding:6px 0;font-size:1.05rem}
th,td{border-bottom:1px solid var(--line);padding:8px 10px 8px 0;text-align:left;vertical-align:top;overflow-wrap:break-word}
th{color:var(--mute);font-weight:600}
.toc{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:0 18px}
.news .entry{margin:0 0 6px}
.news time,.news .hash{color:var(--mute);font-size:.9rem}
.news .hash{font-family:Consolas,Menlo,monospace}
@media (max-width:520px){
header.site .wrap{gap:2px 8px}
.langsw{margin-left:auto}
nav.main{order:3;width:100%;margin-left:0;gap:0 10px;font-size:.92rem}
nav.main a{padding:8px 2px}
}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.note{background:var(--panel);border-left:4px solid var(--or);padding:8px 12px;border-radius:0 6px 6px 0}
.hint{color:var(--mute);font-size:.92rem}
.dl{margin:28px 0;padding:4px 16px 12px;background:var(--panel);border:1px solid var(--line);border-radius:8px}
.dl h2{font-size:1.1rem;margin:.8em 0 .5em}
.dl summary{cursor:pointer;padding:6px 0;color:var(--cy)}
.dl summary:focus-visible{outline:3px solid var(--or);outline-offset:2px}
.stage{max-width:1312px;margin:12px auto 0;padding:0 16px}
.player{position:relative;width:100%;max-width:1280px;aspect-ratio:16/9;margin:0 auto;background:#000;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 0 40px #35e1ff22}
.player canvas{display:block;width:100%!important;height:100%!important;background:#000;outline:0}
.player canvas:focus-visible{outline:3px solid var(--or);outline-offset:-3px}
.player [hidden]{display:none!important}
.over{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;background:#000c}
.over .poster{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:.6}
.over-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:calc(100% - 32px);max-width:36rem;padding:14px 18px;background:#050a18d9;border:1px solid var(--line);border-radius:10px}
.over-title{margin:0;font:700 clamp(1.1rem,3.4vw,1.9rem) Oxanium,system-ui,sans-serif;letter-spacing:.2em}
.over-msg{margin:0;min-height:1.6em;color:var(--text);text-shadow:0 1px 3px #000}
.over .btn{margin:0;cursor:pointer}
.over .btn:focus-visible{outline:3px solid var(--cy);outline-offset:3px}
.over progress{width:min(100%,28rem);height:12px;appearance:none;-webkit-appearance:none;border:1px solid #5f71b5;border-radius:6px;background:#000a;overflow:hidden}
.over progress::-webkit-progress-bar{background:#000a}
.over progress::-webkit-progress-value{background:var(--cy);transition:width .2s}
.over progress::-moz-progress-bar{background:var(--cy)}
.nokb{display:none}
@media (max-width:700px),(hover:none) and (pointer:coarse){
.stage .player,.hint,.note{display:none}
.nokb{display:block;background:var(--panel);border-left:4px solid var(--or);padding:8px 12px;border-radius:0 6px 6px 0;margin:0}
}
@media (prefers-reduced-motion:reduce){.over progress::-webkit-progress-value{transition:none}}