.games-page{min-height:100vh;width:100%;display:flex;flex-direction:column;background-color:#16182a;font-family:var(--font-sour-gummy,"Comic Sans MS",cursive)}.games-page.navbar-spaced{padding-top:0}.games-hero,.games-hero-zone{position:relative}.games-hero{z-index:1;display:flex;align-items:center;justify-content:space-evenly;gap:40px;overflow:hidden;text-decoration:none;min-height:calc(100vh - 240px);padding:50px 60px 110px;box-sizing:border-box}.games-hero:before{content:"";position:absolute;inset:-30px;background:url(/content/environments/docks/docks-3.webp) 50%/cover no-repeat;filter:blur(3px);z-index:0;pointer-events:none}.games-hero-logo-container,.games-hero-portraits{position:relative;z-index:1}.games-hero-logo-container{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:26px}.games-hero-logo{width:clamp(320px,38vw,660px);height:auto;filter:drop-shadow(-10px 20px 10px rgba(0,0,0,.55));animation:gamesLogoBreathe 4.5s ease-in-out infinite}@keyframes gamesLogoBreathe{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.games-platforms{display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.85}.games-platforms-text{font-family:var(--font-sour-gummy,"Comic Sans MS",cursive);font-weight:700;font-size:1.05rem;text-transform:lowercase;color:rgba(255,255,255,.95);text-shadow:0 2px 4px rgba(0,0,0,.5)}.games-platforms-icons{display:flex;align-items:center;gap:8px}.games-platform-icon{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.games-hero-portraits{align-self:stretch;display:flex;align-items:flex-end;gap:5vw;transform:translateY(110px)}.games-hero-portrait{height:clamp(140px,46vh,500px);width:auto;filter:drop-shadow(10px 20px 10px rgba(0,0,0,.75))}.games-ocean{position:relative;z-index:3;flex:1 1;margin-top:-64px;overflow:hidden}.games-ocean:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url(/content/games/post-mortem-pals/dev-screenshots/image18.webp) 50%/cover no-repeat;-webkit-mask-image:linear-gradient(180deg,transparent 64px,#000 0),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%2064'%20preserveAspectRatio='none'%3E%3Cpath%20d='M0,32%20Q25,12%2050,32%20Q75,52%20100,32%20L100,64%20L0,64%20Z'%20fill='%23000'/%3E%3C/svg%3E");mask-image:linear-gradient(180deg,transparent 64px,#000 0),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%2064'%20preserveAspectRatio='none'%3E%3Cpath%20d='M0,32%20Q25,12%2050,32%20Q75,52%20100,32%20L100,64%20L0,64%20Z'%20fill='%23000'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%,100px 64px;mask-size:100% 100%,100px 64px;-webkit-mask-repeat:no-repeat,repeat-x;mask-repeat:no-repeat,repeat-x;-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-composite:source-over;mask-composite:add;animation:gamesWaveMaskScroll 4s linear infinite}@keyframes gamesWaveMaskScroll{0%{-webkit-mask-position:0 0,-200px 0;mask-position:0 0,-200px 0}to{-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0}}.games-bubbles{position:absolute;inset:0;z-index:2;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 44px);mask-image:linear-gradient(180deg,transparent 0,#000 44px)}.games-bubbles .bubble{animation-name:gamesBubbleRise;width:62.5px;background-image:url(/content/bubble.webp)}.games-bubbles .bubble.popped{background-image:url(/content/bubblepopped.webp)}@keyframes gamesBubbleRise{0%{transform:translateY(0)}to{transform:translateY(-260vh)}}.games-content{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:60px;margin-top:64px;padding:40px 24px 70px;box-sizing:border-box}.games-side{flex-shrink:0}.game-portrait-box{display:block;position:relative;width:clamp(200px,32.5vw,400px);aspect-ratio:3/4;border-radius:12px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.35);border:2px solid rgba(255,255,255,.3);transition:transform .15s ease-out,box-shadow .3s ease}.game-portrait-box:before{content:"";position:absolute;inset:8;border-radius:inherit;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25);pointer-events:none;z-index:3}.game-portrait-box:after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);pointer-events:none}.game-portrait-box:hover{transform:translateY(-8px);box-shadow:0 16px 34px rgba(0,0,0,.45)}.game-portrait-image{width:100%;height:100%;object-fit:cover;display:block}.game-icon-grid{display:grid;grid-template-columns:repeat(2,clamp(56px,8.75vw,105px));grid-auto-rows:clamp(56px,8.75vw,105px);grid-gap:15px;gap:15px}.game-icon-slot{width:100%;height:100%;border-radius:10px;border:2px dashed rgba(255,255,255,.4);background:rgba(255,255,255,.15);display:block;overflow:hidden;transition:box-shadow .3s ease}.game-icon-slot.filled{border-style:solid;border-color:rgba(255,255,255,.5);background:#333;box-shadow:0 4px 12px rgba(0,0,0,.35);transition:transform .15s ease-out,box-shadow .3s ease}.game-icon-slot.filled:hover{transform:translateY(-6px);box-shadow:0 8px 18px rgba(0,0,0,.45)}.game-icon-image{width:100%;height:100%;object-fit:cover;display:block}.games-discontinued{position:absolute;left:16px;bottom:14px;z-index:2;font-family:var(--font-sour-gummy);font-weight:700;font-size:.95rem;text-transform:lowercase;color:rgba(126,126,126,.95);text-shadow:0 2px 4px rgba(0,0,0,.5);text-align:left}@media (max-width:1100px) and (min-width:769px){.games-hero{gap:24px}.games-hero-logo{width:clamp(280px,40vw,520px)}.games-hero-portrait{height:clamp(120px,34vh,380px)}}@media (max-width:768px){.games-hero{flex-direction:column;gap:30px;min-height:calc(100vh - 200px);padding:30px 20px 100px}.games-hero-logo{width:min(88vw,480px)}.games-hero-portraits{transform:translateY(100px)}.games-hero-portrait{height:clamp(160px,28vh,300px)}.games-platforms-text{font-size:.95rem}.games-content{flex-direction:column;gap:44px;margin-top:64px;padding:32px 16px 56px}.games-pmp{order:-1;width:clamp(200px,62vw,320px)}.games-discontinued{font-size:.8rem}}