@font-face{font-family:Caveat;src:url('assets/caveat-medium-35a.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;color:#e7e6dc;background:#19231f;font-family:Georgia,serif}*{box-sizing:border-box;letter-spacing:0}body{margin:0;min-height:100svh;background:linear-gradient(90deg,#19231ff0,#19231fd9),url('assets/klucznik-hero-web-29c.webp') center/cover fixed}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #d1ba8d;outline-offset:6px}.games-header{max-width:1390px;margin:auto;padding:28px 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d4d8c820}.brand{font-size:22px}.brand span{font:9px Arial,sans-serif;text-transform:uppercase;display:block;margin-top:8px;color:#b2bcb0}.back{width:40px;height:40px;display:grid;place-items:center;border:1px solid #adbaaa55;border-radius:50%}.back svg{width:19px;height:19px}.back:hover{background:#d4d8c810}main{max-width:1320px;padding:44px 36px 55px;margin:auto}.heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.heading p{font:10px Arial,sans-serif;text-transform:uppercase;margin:0 0 13px;color:#aab7aa}.heading h1{font-size:45px;font-weight:400;line-height:1.1;margin:0}.heading h1 em{font-family:Caveat,Georgia,serif;font-weight:500;font-style:normal;font-size:1.13em;color:#cec7b3}.invitation{font:italic 16px/1.5 Georgia,serif;color:#adb9ac;max-width:240px;text-align:right;padding-bottom:3px}.games-grid{display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:25px;align-items:start}.game-cover{position:relative;isolation:isolate;height:560px;min-width:0;overflow:hidden;border-radius:5px;background:#101a14;box-shadow:0 18px 35px #0005;outline:1px solid #d6d1b633;outline-offset:-1px;transition:box-shadow .3s,transform .3s}.game-cover::after{content:'';position:absolute;inset:10px;border:1px solid #e7d5ad30;pointer-events:none;z-index:3;border-radius:1px}.game-cover img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform 1s;z-index:-2}.game-cover::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#07110e70 0,transparent 24%,transparent 37%,#07120bc9 63%,#0b1711fc 100%)}.city{margin-top:-12px;height:584px}.city img{object-position:48% 50%}.secret::before{background:linear-gradient(180deg,#0b131970 0,transparent 30%,#0b13199c 58%,#101c20 100%)}.cover-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:24px 26px;text-shadow:0 2px 5px #000}.volume{font:23px Georgia,serif;color:#e9e2ce}.cover-top>span:last-child{font:9px Arial,sans-serif;text-transform:uppercase;color:#dbdfd4}.cover-copy{position:absolute;bottom:0;left:0;right:0;padding:0 30px 29px}.genre{font:9px/1.5 Arial,sans-serif;text-transform:uppercase;color:#bcc8b6;margin:0 0 13px}.cover-copy h2{font:34px/1.1 Georgia,serif;font-weight:400;color:#f0ecde;margin:0 0 16px;min-height:75px;overflow-wrap:break-word}.description{font:14px/1.65 Arial,sans-serif;color:#c0cbbf;margin:0 0 23px;min-height:47px}.enter{display:flex;align-items:center;justify-content:space-between;gap:15px;font:12px Arial,sans-serif;padding-top:17px;border-top:1px solid #e6ddbd44;color:#e9dfc6;min-height:40px}.enter svg{width:20px;height:20px;transition:transform .3s;flex-shrink:0}.waiting{color:#aabbb6;font-size:10px}.available:hover{transform:translateY(-5px);box-shadow:0 24px 45px #0007}.available:hover img{transform:scale(1.035)}.available:hover .enter svg{transform:translate(2px,-2px)}footer{max-width:1248px;margin:0 auto;padding:25px 0 32px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d4d8c820;color:#95a593;font:11px Arial,sans-serif}
@media(min-width:1600px){main{padding-top:55px}.heading{margin-bottom:48px}.game-cover{height:600px}.city{height:624px}}
@media(max-width:1050px){.games-grid{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}main{padding-left:24px;padding-right:24px}.cover-copy{padding:0 22px 26px}.cover-copy h2{font-size:28px;min-height:63px}.cover-top{padding:22px}.cover-top>span:last-child{font-size:8px}.game-cover{height:540px}.city{height:564px}footer{margin:0 24px}.description{font-size:13px}.genre{font-size:8px}}
@media(max-width:760px){.games-header{padding:22px}.brand{font-size:20px}.heading{display:block;margin-bottom:27px}.heading h1{font-size:38px}.heading .invitation{display:block;text-align:left;margin-top:16px;max-width:none;font-size:15px}main{padding:30px 22px 36px}.games-grid{grid-template-columns:1fr;gap:25px;max-width:480px;margin:auto}.game-cover,.city{height:570px;margin-top:0}.cover-copy{padding:0 30px 30px}.cover-copy h2{font-size:36px;min-height:80px}.cover-top{padding:27px 30px}.cover-top>span:last-child{font-size:10px}.description{font-size:14px}.genre{font-size:9px}footer{flex-direction:column;gap:9px;padding:22px 0}.secret{height:510px}.city img{object-position:48% 50%}}
@media(max-width:360px){main{padding-left:15px;padding-right:15px}.game-cover,.city{height:540px}.cover-copy{padding:0 24px 27px}.cover-copy h2{font-size:31px;min-height:68px}.cover-top{padding:23px}.cover-top>span:last-child{font-size:8px}.heading h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}.available:hover{transform:none}.available:hover img{transform:none}}