.rdzen { position:absolute; z-index:4; left:37.7%; top:27.6%; width:24.6%; aspect-ratio:1; touch-action:pinch-zoom; container-type:inline-size; }
.strona.powiekszona .rdzen { touch-action:manipulation; }
.rdzen::before { content:""; position:absolute; left:7.5%; top:7.5%; width:85%; height:85%; box-sizing:border-box; border:12cqw solid #bf0300; border-radius:50%; box-shadow:0 .4cqw 1cqw rgb(70 0 0 / 30%); pointer-events:none; }
.ikona,.symbol { background-image:url('grafiki/rdzen.webp'); background-repeat:no-repeat; border-radius:50%; clip-path:ellipse(50% 50%); }
.ikona { position:absolute; border:0; padding:0; cursor:pointer; background-color:#090909; clip-path:none; box-shadow:0 .7cqw 1.6cqw rgb(38 12 0 / 50%),0 0 0 .3cqw #592000; transition:transform .18s ease,box-shadow .18s ease; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; user-select:none; }
.ikona::after { content:""; position:absolute; inset:12%; border-radius:50%; background:linear-gradient(145deg,rgb(255 231 158 / 10%),transparent 42%,rgb(0 0 0 / 12%) 80%); pointer-events:none; }
.ikona.aktywna { transform:scale(1.18); z-index:2; box-shadow:0 0 0 .25cqw #000,0 0 .7cqw rgb(0 0 0 / 80%); }
.ikona:focus-visible { outline:.6cqw solid #fff4c4; outline-offset:.8cqw; }
.ikona.logo { cursor:zoom-in; }
.ikona.logo::after { inset:7%; }
.podglad { position:absolute; z-index:5; left:34.5%; top:0; width:30.5%; height:27.10843373%; display:flex; align-items:center; justify-content:center; pointer-events:none; }
.podglad[hidden],.powiekszenie[hidden] { display:none; }
.podglad .nazwa-grafika { display:block; width:80%; height:auto; max-height:72%; object-fit:contain; }
.podglad .nazwa-grafika[hidden] { display:none; }
.powiekszenie { position:fixed; inset:0; z-index:30; background:rgb(0 0 0 / 75%); opacity:0; transition:opacity .25s ease; }
.powiekszenie.widoczne { opacity:1; }
.powiekszenie button { width:100%; height:100%; display:flex; align-items:center; justify-content:center; border:0; background:transparent; cursor:zoom-out; }
.logo-powiekszone { display:block; max-width:90vw; max-height:90svh; width:min(90vw,calc(90svh * 578 / 323)); height:auto; object-fit:contain; transform:scale(.9); transition:transform .25s ease; }
.powiekszenie.widoczne .logo-powiekszone { transform:scale(1); }
.podstrona { position:fixed; inset:0; z-index:10; display:none; flex-direction:column; align-items:center; gap:18px; padding:24px; overflow:auto; background:black; color:white; text-align:center; font-family:Georgia,serif; }
.podstrona.otwarta { display:flex; }
.symbol-podstrony { position:relative; width:min(60vw,260px); aspect-ratio:1; flex:none; overflow:hidden; }
.symbol-podstrony img { position:absolute; width:280.153%; max-width:none; height:auto; left:-89.313%; top:-73.282%; }
.podstrona h1 { font-size:clamp(28px,6vw,48px); margin:0; }
.podstrona p { color:#bbb; font-size:18px; margin:0; }
.wroc { margin-top:10px; color:white; background:transparent; border:1px solid #888; border-radius:4px; padding:12px 22px; cursor:pointer; font:16px Georgia,serif; }