*{box-sizing:border-box}body{margin:0;color:#344437;background:#faf9f4 url('assets/shop-background.jpg') center/cover fixed;font-family:Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ad763b;outline-offset:3px}[hidden]{display:none!important}.zone{width:100%;padding:0 clamp(12px,2vw,30px) 16px;margin:auto}.zone-header{height:80px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #64744630}.zone-header img{width:44px;height:64px;object-fit:contain}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:#8d6e40}h1{font:normal clamp(24px,2.7vw,38px)/1.1 Georgia,serif;margin:5px 0}.edition{margin-left:auto;font:italic 15px Georgia;color:#68745b}.shelf{display:flex;align-items:center;gap:8px;padding:12px 0}.arrow{flex:0 0 27px;height:42px;border:1px solid #ab936050;border-radius:20px;background:#fff9e9;color:#5b613b;font-size:26px}.arrow:disabled{opacity:.3;cursor:default}.game-list{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/7);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;min-width:0;padding:3px}.game-list::-webkit-scrollbar{display:none}.game-tile{position:relative;scroll-snap-align:start;min-width:0;border:1px solid #bea57770;border-radius:9px;background:#fffcf2;padding:0;overflow:hidden;color:#3b4a34;text-align:left;box-shadow:0 3px 5px #5943240a}.game-tile[aria-pressed=true]{border:2px solid #48703e;box-shadow:0 0 0 2px #48703e20}.thumb{height:55px;background:linear-gradient(120deg,#80543055,#bd94533b),url('assets/wood.webp') center/cover;display:flex;align-items:center;justify-content:center;gap:3px;overflow:hidden}.thumb img{height:48px;width:36px;object-fit:contain;filter:drop-shadow(2px 3px 2px #30210c66)}.thumb img:last-child{height:55px;width:43px}.thumb.memory{background:#e8e7d7;color:#5a704c}.cards{font:34px Georgia;letter-spacing:6px;transform:rotate(-8deg)}.thumb.pinball{background:#d5dccb;color:#556c49;font:42px Georgia}.thumb.future{background:#eee9dd;color:#c4b797;font:32px Georgia}.tile-label{display:block;padding:7px 9px 8px}.tile-label strong{display:block;font:700 12px/1.3 Arial}.tile-label small{display:block;font-size:9px;margin-top:4px;color:#8c8067}.game-tile[aria-pressed=true] small{color:#3f713c}.stage{border:1px solid #a9875566;border-radius:12px;background:#fffdf4bd;box-shadow:0 7px 30px #51412b12;overflow:hidden;scroll-margin-top:8px}.stage-bar{min-height:37px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 16px;background:#ede7d7c9;border-bottom:1px solid #c2ad7c44;font-size:11px;color:#606a50}.stage-bar button{border:0;background:none;color:#46583e;font-size:11px;padding:4px}.game-mount{height:calc(100dvh - 246px);min-height:440px;position:relative}.game-mount iframe{display:block;width:100%;height:100%;border:0}.welcome{height:100%;min-height:inherit;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px 20px;background:radial-gradient(ellipse at center,#fffdf6e6,transparent 75%)}.folk-mark{color:#ab7e3e;font-size:51px;line-height:1;margin-bottom:15px}.welcome h2{font:normal clamp(28px,3.3vw,46px)/1.15 Georgia;margin:16px 0;color:#33482f}.welcome p{max-width:550px;font-size:14px;line-height:1.8;color:#748068;margin:0 0 23px}.play{border:0;border-radius:6px;padding:14px 20px;background:#3d633b;color:#fffcef;font-size:12px}.play span{margin-left:18px}.welcome small{font-size:10px;color:#8c907e;margin-top:20px}footer{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#77816a;padding:17px 3px}footer span{font-size:8px;letter-spacing:1px}@media(max-width:700px){.zone-header{height:76px;gap:12px}.zone-header img{width:35px;height:54px}.zone-header .eyebrow{font-size:7px;letter-spacing:1px}.edition{display:none}.game-list{grid-auto-columns:calc((100% - 10px)/2)}.thumb{height:64px}.shelf{gap:5px}.arrow{flex-basis:24px}.game-mount{height:calc(100dvh - 65px);min-height:460px}.welcome p{font-size:12px}.welcome h2{font-size:31px}footer span{display:none}.stage-bar{padding-inline:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Selecting a game brings this whole viewport-sized cabinet into view. */
.stage:has(iframe) .game-mount{height:calc(100dvh - 60px);min-height:350px}

/* Word-by-word arrival; reduced-motion users receive the complete phrase. */
.zone-header .welcome-words{font-size:18px;display:block;line-height:1.3}.welcome-words>span{display:inline-block;animation:word-arrive 1.4s cubic-bezier(.2,.7,.3,1) both;animation-delay:calc(var(--word)*.5s)}
@keyframes word-arrive{from{opacity:0;transform:translateX(45px)}to{opacity:1;transform:translateX(0)}}
.game-tile{border:0;background:transparent;box-shadow:none;overflow:visible}.game-tile[aria-pressed=true]{border:0;box-shadow:none}.thumb{position:relative;width:100%;height:auto;aspect-ratio:16/9;border:1px solid #bea57799;border-radius:9px;box-shadow:0 3px 5px #59432415}.game-tile[aria-pressed=true] .thumb{outline:2px solid #48703e;outline-offset:1px}.tile-label{padding:8px 2px 4px}.thumb .tile-art{display:block;width:100%;height:100%;max-width:none;object-fit:cover;filter:none}.thumb.snake{gap:0;padding:5px;overflow:hidden}.thumb.snake>img{width:19%;height:80%;margin-right:-7%;transform:rotate(-10deg)}.thumb.snake>img:nth-child(even){transform:rotate(7deg)}.tile-snake-head{position:relative;width:28%;height:100%;margin-left:1%;transform:rotate(7deg)}.thumb .tile-snake-head>img{width:100%;height:100%;object-fit:contain}.tile-snake-face{position:absolute;top:43%;left:30%;display:flex;gap:3px;width:42%}.tile-snake-face i{position:relative;width:7px;height:9px;border-radius:50%;background:white;border:1px solid #25372b}.tile-snake-face i:after{content:'';position:absolute;width:3px;height:4px;background:#111;border-radius:50%;left:2px;top:2px}.tile-snake-face b{position:absolute;top:6px;left:3px;color:#25372b;font-size:18px}
@media(max-width:700px){.zone-header .welcome-words{font-size:14px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.welcome-words>span{animation:none}}

.zone-header .welcome-words{font-family:Georgia,serif;font-weight:normal;color:#777;letter-spacing:0}
#active-title{font-size:13px;font-weight:700}
.welcome>.eyebrow{font-size:18px}

.tile-label strong{font-size:14.28px}.tile-label small{font-size:15.3px}

.welcome-home{position:relative;isolation:isolate}.welcome-home::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('https://swojski-stol.pl/wp-content/uploads/2026/10/tlo-strefa-gier.webp') center/cover no-repeat;opacity:.30}
.welcome-home h2{margin-top:30px}

/* Content height is independent of the iframe viewport (no resize feedback). */
html{height:auto;overflow:hidden}body{height:auto;min-height:0;overflow:hidden}
.zone{display:flow-root}
.game-mount,.stage:has(iframe) .game-mount{height:auto;min-height:0}
.game-mount iframe{height:640px}
.welcome{height:auto;min-height:440px}

.zone>footer{font-size:17px}