:root{--page-edge: #120b07;--page-bg: #120b07}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#games-menu{--row: min(33dvh, 66vw);--card-w: calc(var(--row) * .8);--bottom: var(--sab);position:fixed;inset:0;width:100vw;height:100dvh;overflow:hidden;background:#120b07;outline:0}html:not(.ready) #games-menu{visibility:hidden}html.ready #games-menu{animation:games-in .6s ease-in-out both}@keyframes games-in{0%{opacity:0}}#games-title{position:absolute;z-index:3;top:calc(12px + var(--sat, 0px));left:max(24px,6vw);margin:0;display:grid;justify-items:center;pointer-events:none}#games-title .games-logo{display:block;width:clamp(150px,20vw,280px);height:auto;overflow:visible}#games-title .games-word{margin-top:-.15em;font:800 clamp(18px,2.6vw,34px)/1 "Baloo 2",system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#f5c518;-webkit-text-stroke:.2em #2a1a10;paint-order:stroke fill}#games-title .games-word i{display:inline-block;font-style:normal;animation:games-pop 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * .07s)}#games-corner{position:absolute;z-index:3;top:calc(12px + var(--sat, 0px));right:max(24px,6vw);display:flex;gap:8px}#games-music[data-state=off] .on,#games-music[data-state=on] .off{display:none}#games-corner svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#games-hero{position:absolute;inset:0 0 calc(var(--row) + var(--bottom)) 0;overflow:hidden}#games-hero-back{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:games-drift 9s ease-in-out infinite alternate}@keyframes games-art-drift{0%{translate:0 0;scale:1}to{translate:1.5% 1%;scale:1.08}}@keyframes games-drift{0%{translate:-4% -3%;scale:1.12}to{translate:4% 3%;scale:1.3}}#games-hero-art{position:absolute}#games-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#120b07cc,#0000 60%),linear-gradient(#0000 70%,#120b07);pointer-events:none}#games-hero-text{position:absolute;z-index:1;left:max(24px,6vw);right:24px;bottom:28px;display:grid;justify-items:start;gap:8px;max-width:min(46vw,760px)}#games-menu{--name: clamp(40px, 9dvh, 104px)}#games-hero-name{font-size:var(--name);font-weight:800;line-height:.95;color:var(--game);text-shadow:0 3px 0 #0008;text-wrap:balance}#games-hero-desc{font-size:clamp(16px,2.6dvh,26px);font-weight:600;line-height:1.2;color:#fff3d6;text-shadow:0 1px 3px #000;text-wrap:balance}#games-hero-play{margin:0 0 4px}@supports (text-box: trim-both cap alphabetic){#games-menu{--g: calc(var(--name) * .34);--card-top: 12px}#games-hero-text{gap:0;bottom:max(0px,var(--g) - var(--card-top))}#games-hero-name,#games-hero-desc{text-box:trim-both cap alphabetic}#games-hero-name{margin:0 0 calc(var(--g) + .12em) -.045em}#games-hero-desc{padding-bottom:.12em}#games-menu #games-hero-play{margin-top:var(--g)}}#games-grid{--edge: max(24px, 6vw);--peek: 36px;position:absolute;inset:auto 0 var(--bottom) 0;height:var(--row);display:flex;align-items:center;gap:20px;margin:0;padding:0 calc(100vw - var(--edge) - var(--card-w)) 0 var(--edge);scroll-padding-inline-start:calc(var(--edge) + var(--peek));overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}#games-grid::-webkit-scrollbar{display:none}#games-grid .game-card{position:relative;flex:none;display:block;width:var(--card-w);height:calc(var(--row) - 36px);min-height:0;padding:0;overflow:hidden;border:0;border-radius:18px;scroll-snap-align:start;background:#24170e;box-shadow:0 8px 18px #0008;transition:transform .15s;transform:scale(.94);transform-origin:left center}#games-grid .game-card.on{transform:none;box-shadow:0 0 0 3px #120b07,0 0 0 6px var(--game)}#games-grid .game-card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #fff3d624;pointer-events:none}#games-grid .game-card .por{position:absolute;inset:0}#games-grid .game-card .por img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#games-grid .game-card .nb{position:absolute;inset:auto 0 0;display:block;box-sizing:border-box;padding:44px 12px 14px;background:linear-gradient(#0000,color-mix(in srgb,var(--game) 26%,#120b07) 30px);box-shadow:none;text-align:left}#games-grid .sel-card-name{display:block;overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(15px,calc(var(--row) * .075),28px);line-height:1.05;color:var(--game);text-shadow:0 1px 2px #0008;white-space:normal}#games-grid .game-desc{display:none}#games-grid .game-card .ribbon{position:absolute;z-index:1;top:1.05em;left:-2.15em;width:8em;rotate:-45deg;padding:.16em 0 .06em;font:800 max(16px,var(--card-w) * .085)/1 "Baloo 2",system-ui,sans-serif;letter-spacing:.02em;text-transform:uppercase;text-align:center;color:#120b07;background:var(--game);box-shadow:0 .1em .3em #000a;pointer-events:none}[data-game=tap]{--game: #ffd23f}[data-game=pop]{--game: #ff7ac6}[data-game=aviat-1]{--game: #6ec8ff}[data-game=aviat-2]{--game: #8be04e}[data-game=aviat-3]{--game: #ff7a1a}#games-hero.soon .game-play{visibility:hidden}#games-grid .game-card[data-soon] .por img{object-position:top}@media not all and (min-width:701px){#games-hero-art{display:none}#games-hero-back{filter:saturate(1.1) brightness(.7)}#games-hero.clip #games-hero-back{animation:none}#games-hero-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.1) brightness(.7);opacity:0}#games-hero-video.on{opacity:1;transition:opacity .3s ease}#games-hero-text{max-width:none}}@media(prefers-reduced-motion:reduce){#games-grid .game-card{transition:none}}@media(min-width:701px){#games-menu{--m: max(32px, 5vw);--gap: 16px;--top: 128px;--logo: clamp(240px, 21vw, 570px);--bottom: max(16px, var(--sab))}#games-menu #games-title{top:clamp(28px,7dvh,72px);left:var(--m)}#games-menu #games-title .games-logo{width:var(--logo)}#games-menu #games-corner{top:clamp(28px,7dvh,72px);right:var(--m);--round-size: clamp(56px, 2.9vw, 84px)}#games-menu #games-grid{padding:0 var(--m);gap:var(--gap);scroll-snap-type:x mandatory;scroll-padding-inline:var(--m)}#games-menu #games-grid .game-card{--card-w: max(140px, (100vw - 2 * var(--m) - 4 * var(--gap)) / 5);width:var(--card-w);height:calc(var(--row) - 24px);transform:none;scroll-snap-align:start}#games-menu #games-grid .game-card:not(.on){filter:brightness(.78)}#games-menu #games-grid .sel-card-name{font-size:clamp(16px,1.5vw,39px)}#games-menu #games-grid .game-card .nb{padding:60px 16px 20px;background:linear-gradient(#0000,color-mix(in srgb,var(--game) 26%,#120b07) 40px)}#games-menu{--art-w: calc((100dvh - var(--row) - var(--bottom)) * .8)}#games-menu #games-hero-text{left:var(--m);right:calc(var(--art-w) * .6);top:var(--top);bottom:max(32px,2.2vw);max-width:none;align-content:end;row-gap:12px}@supports (text-box: trim-both cap alphabetic){#games-menu{--card-top: 6px}#games-menu #games-hero-text{row-gap:0;bottom:max(0px,var(--g) - var(--card-top))}}#games-menu{--name: min(clamp(44px, min(5vw, 9dvh), 144px), (100vw - var(--m) - var(--art-w) * .6) / 10.6)}#games-menu #games-hero-name{text-wrap:nowrap}#games-menu #games-hero-desc{font-size:clamp(18px,1.5vw,39px)}#games-menu{--play-w: clamp(170px, 14vw, 360px)}#games-menu .game-play{min-width:var(--play-w);height:clamp(60px,5vw,126px);margin:0 0 6px;padding:0 1.45em 0 1.15em;gap:.45em;border-radius:63px;font-size:clamp(24px,2.1vw,54px);box-shadow:0 6px color-mix(in srgb,var(--game) 55%,#120b07)}#games-menu #games-hero-back{display:none}#games-menu #games-hero{background:radial-gradient(120% 140% at 85% 30%,color-mix(in srgb,var(--game) 22%,#120b07),#120b07 70%)}#games-menu #games-hero-art{top:0;right:0;height:100%;width:auto;max-width:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40%),linear-gradient(#000 75%,#0000);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,#0000,#000 40%),linear-gradient(#000 75%,#0000);mask-composite:intersect}#games-menu #games-hero-video{display:block;position:absolute;top:0;right:0;height:100%;width:auto;max-width:100%;aspect-ratio:8 / 3;object-fit:cover;opacity:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40%),linear-gradient(#000 75%,#0000);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,#0000,#000 40%),linear-gradient(#000 75%,#0000);mask-composite:intersect}#games-menu #games-hero-video.on{opacity:1;transition:opacity .3s ease}#games-menu #games-hero-art{transform-origin:right center;animation:games-art-drift 12s ease-in-out infinite alternate}#games-menu #games-hero.clip #games-hero-art{animation:none}#games-menu #games-hero.playing #games-hero-art{opacity:0;transition:opacity 0s .3s}}html.leaving body{opacity:0;transition:opacity .25s ease-out;pointer-events:none}
