:root{color-scheme:dark;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;background:#090909;color:#f6f2e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% 12%,#4a3417 0,#14110c 28%,#090909 58%);min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;left:-9999px;top:0;background:#fff;color:#000;padding:10px;z-index:10}.skip:focus{left:0}.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:1.2rem;padding:.55rem clamp(1rem,2.5vw,2.8rem);background:#090909ed;border-bottom:1px solid #8b682d55;backdrop-filter:blur(14px)}.brand{display:flex;flex-direction:column;align-items:center;line-height:1;flex:none}.brand strong{font-size:2.2rem;letter-spacing:-.12em;padding-right:.15em;color:#ffe4a2;text-shadow:0 0 18px #d99c3d}.brand small{font-size:.51rem;letter-spacing:.33em;color:#e0bc69}.desktop{display:flex;align-items:center;gap:.1rem;overflow-x:auto;scrollbar-width:none;white-space:nowrap;flex:1}.desktop a{padding:.65rem .52rem;font-size:.78rem;border-radius:5px}.desktop a:hover,.desktop a:focus-visible,.mobile a:hover{background:#b5843033;color:#ffda8c}.menu-button{display:none;background:#16130f;border:1px solid #b48a42;color:#f7dfac;border-radius:7px;padding:.5rem .8rem;cursor:pointer}.mobile{position:fixed;z-index:6;top:67px;left:0;right:0;max-height:calc(100dvh - 67px);overflow:auto;background:#14110e;border-bottom:1px solid #a47732;padding:1rem}.mobile[hidden]{display:none}.mobile a{display:block;padding:.8rem 1rem;border-bottom:1px solid #ffffff1b}.wrap{width:min(1460px,94%);margin:0 auto}.hero{max-width:1800px;margin:auto;padding:2.5rem 2vw .5rem;text-align:center}.eyebrow{color:#e7bc68;font-size:.78rem;letter-spacing:.3em;font-weight:700}.intro h1{font-size:clamp(2.5rem,5.8vw,5.7rem);line-height:1.02;letter-spacing:-.045em;margin:.25rem auto;background:linear-gradient(100deg,#c18b36,#fff6dc 40%,#ddaf5b 70%,#fff8e6);color:transparent;background-clip:text}.intro p{font-size:clamp(1rem,1.6vw,1.3rem);margin:.55rem auto;max-width:850px}.intro strong{display:block;margin:1rem auto 1.7rem;color:#dfb96c;font-size:.75rem;letter-spacing:.22em}.showcase{margin:0;overflow:hidden;border:1px solid #caa454;border-radius:18px;box-shadow:0 0 30px #db9d353c,0 35px 70px #000}.showcase img{display:block;width:100%;height:auto}.showcase figcaption{padding:.5rem;color:#b8b1a7;font-size:.8rem;background:#10100e}.section-heading{text-align:center;margin:3rem 0 1.4rem}h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.2;margin:.35rem 0 1rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card,.small-card,.deck,.pilot-grid,.features,.formats{background:linear-gradient(140deg,#29231aef,#0e0f10 58%);border:1px solid #9e733b88;box-shadow:inset 0 1px #f5dc9e26,0 10px 28px #0007;border-radius:12px}.card{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:245px;padding:1.2rem 1.4rem;transition:transform .2s,border-color .2s}.card:hover,.small-card:hover{transform:translateY(-3px);border-color:#f3c76b}.card .icon,.module-hero .icon{font-size:3.3rem;color:#ffe0a0;text-shadow:0 0 20px #f5b951}.card h3{font-size:1.3rem;margin:.4rem 0 .15rem}.card p{color:#d5d0c5;margin:0 0 1.1rem;max-width:30ch}.status{display:inline-block;margin-top:auto;border:1px solid #ac813a;color:#ebc478;letter-spacing:.14em;font-size:.72rem;font-weight:700;padding:.24rem .75rem;border-radius:5px}.secondary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1rem 0 3rem}.small-card{display:flex;align-items:center;gap:1rem;padding:1rem;transition:transform .2s,border-color .2s}.small-card>span{font-size:2.5rem;color:#f2c367}.small-card p{font-size:.88rem;color:#cac5ba;margin:.2rem 0}.focus{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:3rem 0;border-top:1px solid #9e733b55}.focus p{max-width:65ch;color:#d4cec2}.cta{display:inline-block;background:linear-gradient(100deg,#a66c1e,#e1b55f);color:#110e08;font-weight:750;padding:.75rem 1.15rem;border-radius:6px;margin-top:1rem}.cta:hover{filter:brightness(1.15)}.deck{padding:1.2rem}.deck-top,.deck-controls{display:flex;justify-content:space-between;gap:.5rem}.deck-top b{color:#ecc472}.wave{height:110px;margin:1rem 0;background:repeating-linear-gradient(90deg,#39c9e8 0 2px,transparent 2px 7px),linear-gradient(#0b1d23,#101315);clip-path:polygon(0 45%,7% 20%,15% 67%,22% 35%,28% 66%,37% 16%,44% 60%,52% 40%,60% 72%,68% 25%,78% 55%,85% 15%,92% 64%,100% 44%,100% 100%,0 100%);opacity:.8}.deck-controls span,.pilot-grid span{border:1px solid #b48643;border-radius:5px;padding:.55rem;color:#f4d494}.deck small{display:block;text-align:center;color:#aaa49a;margin-top:1rem}.pilot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;padding:1.2rem}.module-page{min-height:calc(100dvh - 160px);padding-top:2rem;padding-bottom:5rem}.back{color:#ecc477}.module-hero{text-align:center;padding:3rem 1rem 2rem}.module-hero .icon{display:block;font-size:5rem}.module-hero .status{margin:1rem}.module-hero h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.1;margin:.4rem 0;color:#ffe2a4}.module-hero p{font-size:1.2rem;color:#d5d0c5}.features,.formats{max-width:850px;margin:1rem auto;padding:1.4rem 2rem}.features li{margin:.5rem 0}.module-page>.cta{display:table;margin:2rem auto}footer{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem 3%;border-top:1px solid #aa804552;color:#c4beb3;font-size:.85rem}footer b{color:#f2c66f}a:focus-visible,button:focus-visible{outline:3px solid #f3cc79;outline-offset:3px}@media(max-width:1150px){.desktop{display:none}.menu-button{display:block;margin-left:auto}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.secondary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.hero{padding:2rem 3% .5rem}.intro strong{font-size:.67rem;line-height:1.7}.showcase{border-radius:9px}.showcase img{width:180%;max-width:none;transform:translateX(-22%)}.grid,.secondary,.focus{grid-template-columns:1fr}.card{min-height:210px}.secondary{margin-bottom:2rem}.focus{padding:2rem 0}.pilot-grid{gap:.4rem;padding:.7rem}.pilot-grid span{font-size:.85rem}.features,.formats{padding:1rem 1.3rem}footer{flex-direction:column}.deck-top{font-size:.8rem}.deck-controls{font-size:.75rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.small-card{transition:none}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero{width:100%;max-width:none;min-height:calc(100dvh - 70px);padding:0;display:flex;align-items:center;justify-content:center}
.showcase{position:relative;width:min(100vw,calc((100dvh - 70px)*1672/941));aspect-ratio:1672/941;margin:0;border:0;border-radius:0;box-shadow:none;overflow:visible}
.showcase img{width:100%;height:100%;object-fit:contain;display:block;transform:none}
.image-hotspots{position:absolute;inset:0}
.hotspot{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border-radius:6px;cursor:pointer}
.hotspot:hover,.hotspot:focus-visible{outline:2px solid #ffe2a4;outline-offset:-2px;background:#f5bd4d25;box-shadow:inset 0 0 25px #ffc15b55}
.hotspot span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1150px){.hero{min-height:auto}.showcase{width:100%;aspect-ratio:1672/941}}
@media(max-width:680px){.hero{padding:0;min-height:auto}.showcase{border-radius:0}.showcase img{width:100%;height:100%;transform:none}.nav-hotspot{display:none}.card-hotspot,.small-hotspot{min-height:24px}}

.home-page .hero{min-height:100dvh}
.home-page .showcase{width:min(100vw,calc(100dvh*1672/941))}
.home-menu{display:none;position:fixed;z-index:9;right:12px;top:12px;background:#090909ed}
.home-page .mobile{top:0;padding-top:4rem}
@media(max-width:1150px){.home-page .hero{min-height:auto}.home-page .showcase{width:100%}.home-menu{display:block}}

/* Podświetlenie całej powierzchni kafla zachowuje grafikę pod spodem. */
.hotspot{overflow:hidden;isolation:isolate;transition:filter .16s ease,box-shadow .16s ease}
.hotspot::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,#ffe69b34,#f7b74230 55%,#ffe8a51c);opacity:0;transition:opacity .16s ease;pointer-events:none}
.hotspot:hover,.hotspot:focus-visible{outline:none;background:transparent;box-shadow:inset 0 0 0 2px #ffdc83,0 0 20px #e6a744aa;filter:brightness(1.28)}
.hotspot:hover::after,.hotspot:focus-visible::after{opacity:1}
.hotspot:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.hotspot,.hotspot::after{transition:none}}

button.hotspot{padding:0;border:0;background:transparent;color:inherit;font:inherit}
.action-dialog{width:min(620px,calc(100% - 2rem));max-height:min(75dvh,700px);overflow:auto;border:1px solid #c3974d;border-radius:14px;background:#15120f;color:#f8eddb;padding:1.5rem 1.8rem;box-shadow:0 20px 80px #000}
.action-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
.dialog-close{float:right;background:none;border:1px solid #9a763e;color:#f6ddb0;border-radius:6px;padding:.4rem .65rem;cursor:pointer}
.action-dialog label{display:block;margin:.6rem 0;color:#d9c6a4}.action-dialog input{width:100%;padding:.8rem;font:inherit;color:#fff;background:#0b0b0b;border:1px solid #ad813b;border-radius:7px}
.search-results{display:grid;gap:.35rem;margin-top:1rem}.search-results a{display:block;padding:.7rem;border:1px solid #80643b;border-radius:7px}.search-results a:hover,.search-results a:focus-visible{background:#4b371b}.search-results small{display:block;color:#bfb8ac}.search-results a[hidden]{display:none}

.legacy-content,.world{padding:3rem 0;border-top:1px solid #9e733b55}.legacy-content>p{max-width:75ch;color:#d1c9ba}.legacy-grid,.world-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.legacy-grid article,.world-grid a{padding:1.2rem;border:1px solid #956d36;background:linear-gradient(140deg,#292116,#101010);border-radius:10px}.legacy-grid h3{color:#f4d493;margin:0 0 .4rem}.legacy-grid p{margin:0;color:#d1c9ba}.world-grid a{display:grid;gap:.2rem}.world-grid a:hover,.world-grid a:focus-visible{border-color:#ffdb81;background:#48351b}.world-grid span{color:#cec5b5}@media(max-width:680px){.legacy-grid,.world-grid{grid-template-columns:1fr}}

/* Czytelne zakładki na obrazie, niezależne od tekstu wypalonego w grafice. */
.home-page .nav-hotspot,.home-page .search-hotspot,.home-page .logout-hotspot{display:flex;align-items:center;justify-content:center;overflow:visible;background:linear-gradient(180deg,#2a2318f5,#0a0a0af7);border:1px solid #9f793d;border-radius:6px;color:#f8edcf;font-size:clamp(9px,.82vw,14px);font-weight:700;line-height:1.1;text-align:center;text-shadow:0 1px 2px #000;padding:.1em .25em}
.home-page .nav-hotspot span,.home-page .search-hotspot span,.home-page .logout-hotspot span{position:static;width:auto;height:auto;clip:auto;overflow:visible}
.home-page .start-hotspot{background:linear-gradient(#72541e,#2b210e);border-color:#f4ca70;color:#fff5d3}
.home-page .search-hotspot{cursor:pointer}.home-page .logout-hotspot{font-size:clamp(9px,.7vw,12px);color:#ffe0a7}
.home-page .nav-hotspot:hover,.home-page .search-hotspot:hover,.home-page .logout-hotspot:hover{background:#775119;box-shadow:0 0 15px #e5a840,inset 0 0 0 1px #ffe5a8;filter:none}
.desktop a{font-size:.9rem}.module-page{font-size:1.05rem}.module-page p,.module-page li{line-height:1.65}.logout-link{color:#e9bf72;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1150px){.home-page .nav-hotspot,.home-page .logout-hotspot{display:none}.home-page .search-hotspot{display:flex}}
@media(max-width:680px){.home-page .search-hotspot{display:none}}
@media(min-width:681px) and (max-width:1150px){.home-page .nav-hotspot,.home-page .logout-hotspot{display:flex}.home-menu{display:none}}

/* Jeden prawdziwy pasek na grafice, z logo i równymi zakładkami. */
.image-topbar{position:absolute;z-index:3;inset:0 0 auto;height:8%;display:flex;align-items:stretch;background:linear-gradient(90deg,#030303fa,#171108f7 53%,#050505fa);border-bottom:1px solid #ad823f;box-shadow:0 3px 18px #000a}
.image-brand{display:flex;align-items:center;justify-content:center;flex:0 0 10%;padding:.25%;border-right:1px solid #6f542c}
.image-brand img{display:block;width:100%;height:100%;object-fit:contain}
.image-nav{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));align-items:stretch;flex:1;min-width:0}
.image-nav a,.image-nav button{display:flex;align-items:center;justify-content:center;padding:.2em .18em;color:#f9edce;background:transparent;border:0;border-right:1px solid #8d683d66;font:700 clamp(9px,.78vw,14px)/1.12 system-ui,sans-serif;text-align:center;cursor:pointer}
.image-nav .active{color:#ffe0a0;background:linear-gradient(#5c461f,#1d170e);box-shadow:inset 0 0 0 1px #bc8e46}
.image-nav a:hover,.image-nav button:hover,.image-nav a:focus-visible,.image-nav button:focus-visible{background:#76521e;color:#fff;outline:2px solid #ffe2a4;outline-offset:-2px}
.top .brand img{display:block;width:86px;height:48px;object-fit:contain}
.image-hotspots{pointer-events:none}.image-hotspots .hotspot{pointer-events:auto}
@media(max-width:680px){.image-topbar{height:10%}.image-brand{flex-basis:26%}.image-nav{display:none}.home-menu{display:block}.top .brand img{width:72px}}