@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.game-hub-page{background:#05010a}.game-hub{--game-accent-rgb: 85 170 247;position:relative;isolation:isolate;display:grid;min-height:100dvh;overflow:hidden;color:#fff;background:#05010a}.game-hub:after{position:absolute;z-index:0;inset:0;content:"";pointer-events:none;background:#00000038}.game-hub .game-hub__crt{position:absolute;inset:0;width:100%;height:100%}.game-hub__crt{z-index:0;overflow:hidden;opacity:1}.game-hub__crt canvas{display:block;width:100%;height:100%}.game-hub__home{position:absolute;top:clamp(24px,2.8vw,44px);left:clamp(24px,2.8vw,44px);z-index:2;display:block;width:clamp(104px,10vw,152px);line-height:0;filter:drop-shadow(1px 0 0 rgb(var(--game-accent-rgb) / .98)) drop-shadow(-1px 0 0 rgb(var(--game-accent-rgb) / .98)) drop-shadow(0 1px 0 rgb(var(--game-accent-rgb) / .98)) drop-shadow(0 -1px 0 rgb(var(--game-accent-rgb) / .98)) drop-shadow(0 2px 0 rgba(0,0,0,.7));transition:transform .25s ease,filter .25s ease}.game-hub__home img{display:block;width:100%;height:auto}.game-hub__home:hover,.game-hub__home:focus-visible{filter:drop-shadow(1px 0 0 rgb(var(--game-accent-rgb) / 1)) drop-shadow(-1px 0 0 rgb(var(--game-accent-rgb) / 1)) drop-shadow(0 1px 0 rgb(var(--game-accent-rgb) / 1)) drop-shadow(0 -1px 0 rgb(var(--game-accent-rgb) / 1)) drop-shadow(0 0 12px rgb(var(--game-accent-rgb) / .9));transform:scale(1.06)}.game-hub__coffee{position:absolute;top:clamp(24px,2.8vw,44px);right:clamp(24px,2.8vw,44px);z-index:2;display:block;width:clamp(34px,3vw,46px);aspect-ratio:1;outline:none;transition:transform .28s cubic-bezier(.16,1,.3,1)}.game-hub__coffee span{display:block;width:100%;height:100%;background:#fff;-webkit-mask-mode:alpha;mask-mode:alpha;filter:drop-shadow(1px 0 0 rgb(var(--game-accent-rgb) / .98)) drop-shadow(-1px 0 0 rgb(var(--game-accent-rgb) / .98)) drop-shadow(0 1px 0 rgb(var(--game-accent-rgb) / .98)) drop-shadow(0 -1px 0 rgb(var(--game-accent-rgb) / .98)) drop-shadow(0 2px 0 rgba(0,0,0,.7));-webkit-mask:var(--coffee-mask) center / contain no-repeat;mask:var(--coffee-mask) center / contain no-repeat;transition:filter .28s ease}.game-hub__coffee:hover,.game-hub__coffee:focus-visible{transform:translateY(-4px) scale(1.12)}.game-hub__coffee:hover span,.game-hub__coffee:focus-visible span{filter:drop-shadow(1px 0 0 rgb(var(--game-accent-rgb) / 1)) drop-shadow(-1px 0 0 rgb(var(--game-accent-rgb) / 1)) drop-shadow(0 1px 0 rgb(var(--game-accent-rgb) / 1)) drop-shadow(0 -1px 0 rgb(var(--game-accent-rgb) / 1)) drop-shadow(0 6px 10px rgb(var(--game-accent-rgb) / .88))}.game-hub__socials{position:absolute;right:clamp(26px,3vw,52px);bottom:clamp(26px,3vw,52px);z-index:2;display:flex;align-items:end;gap:clamp(12px,1.25vw,20px)}.game-hub__social{display:grid;place-items:center;width:clamp(48px,4.5vw,68px);aspect-ratio:1;color:inherit;outline:none;transition:transform .32s cubic-bezier(.16,1,.3,1),filter .32s ease}.game-hub__social-glyph{display:block;width:100%;height:100%;background:linear-gradient(180deg,rgb(var(--game-accent-rgb) / 1),color-mix(in srgb,rgb(var(--game-accent-rgb)),white 38%));filter:drop-shadow(0 2px 0 rgba(0,0,0,.7));-webkit-mask:center / contain no-repeat;mask:center / contain no-repeat;transition:filter .32s ease}.game-hub__social-glyph--tiktok{-webkit-mask:var(--tiktok-mask) center / contain no-repeat;mask:var(--tiktok-mask) center / contain no-repeat}.game-hub__social-glyph--instagram{-webkit-mask:var(--instagram-mask) center / contain no-repeat;mask:var(--instagram-mask) center / contain no-repeat}.game-hub__social-glyph--tiktok,.game-hub__social-glyph--instagram{-webkit-mask-mode:alpha;mask-mode:alpha}.game-hub__social:hover,.game-hub__social:focus-visible{transform:translateY(-8px) scale(1.16)}.game-hub__social:hover .game-hub__social-glyph,.game-hub__social:focus-visible .game-hub__social-glyph{filter:drop-shadow(0 8px 12px rgb(var(--game-accent-rgb) / .88))}.game-hub__grid{position:absolute;top:50%;left:50%;z-index:1}.game-hub__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(22px,5vw,82px);width:min(1080px,calc(100% - 56px));margin:0;padding:0;transform:translate(-50%,-50%)}.game-hub__card{display:grid;justify-items:center;min-width:0;color:inherit;text-align:center;text-decoration:none;outline:none;transition:opacity .35s ease,filter .35s ease,transform .45s cubic-bezier(.16,1,.3,1)}.game-hub__art{display:grid;place-items:center;width:min(15vw,180px);aspect-ratio:1;transition:transform .45s cubic-bezier(.16,1,.3,1),filter .45s ease}.game-hub__art img{width:100%;height:100%;object-fit:contain;user-select:none}.game-hub__label{display:grid;gap:3px;margin-top:8px;font-family:"Press Start 2P",ui-monospace,monospace;text-shadow:2px 2px 0 rgba(0,0,0,.88),0 0 15px rgb(var(--game-accent-rgb) / .8);opacity:0;visibility:hidden;transform:translateY(-7px);transition:opacity .24s ease,visibility .24s ease,transform .38s cubic-bezier(.16,1,.3,1)}.game-hub__label strong{font-size:clamp(10px,.8vw,14px);letter-spacing:.01em;line-height:1.65}.game-hub__card.is-wave .game-hub__label{margin-top:-4px}.game-hub__card.is-fly .game-hub__label{margin-top:-17px}.game-hub__card.is-placeholder{cursor:default}@media(hover:hover)and (pointer:fine){.game-hub__grid:has(.game-hub__card:hover) .game-hub__card:not(:hover),.game-hub__grid:has(.game-hub__card:focus-visible) .game-hub__card:not(:focus-visible){filter:blur(3px);opacity:.42}.game-hub__card:hover .game-hub__art,.game-hub__card:focus-visible .game-hub__art{filter:drop-shadow(0 24px 16px rgb(var(--game-accent-rgb) / .96)) drop-shadow(0 12px 28px rgb(var(--game-accent-rgb) / .72));transform:translateY(-22px) scale(1.22)}.game-hub__card:hover .game-hub__label,.game-hub__card:focus-visible .game-hub__label{opacity:1;visibility:visible;transform:translateY(5px)}}.game-hub__card:focus-visible{border-radius:14px;outline:3px solid rgb(var(--game-accent-rgb) / .94);outline-offset:8px}.game-hub__card:active .game-hub__art{transform:translateY(-7px) scale(.96)}@media(max-width:720px),(orientation:portrait){.game-hub{min-height:100svh}.game-hub__grid{top:50%;left:50%;grid-template-columns:1fr;align-content:space-evenly;gap:4dvh;width:min(76vw,390px);margin:0;padding:0;transform:translate(-50%,-50%)}.game-hub__art{width:min(42vw,168px)}.game-hub__home{width:clamp(88px,25vw,128px)}.game-hub__socials{right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.game-hub,.game-hub__card,.game-hub__art{transition:none}}