:root{--main-pink:#dc2959;--main-pink-rgb:220,41,89;--main-yellow:#d6c569;--main-cyan:#43c6cf;--main-dark:#232526;--main-purple:#8a075a;--main-white:#fff;--main-blue:#5b6ee1;--main-grey:#e0e0e0;--main-steam:#c7d5e0}body{margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;font-family:Arial,sans-serif;background:linear-gradient(180deg,var(--main-pink) 0,var(--main-yellow) 60%,var(--main-cyan) 100%)}.main-section{flex:1 0 auto;height:100vh;display:flex;align-items:flex-start;width:100%;padding-top:10vh;box-sizing:border-box;position:relative}.banner-img{max-width:20vw;max-height:80%;height:auto;width:auto;display:flex;align-items:center;justify-content:center;margin-left:0;margin-top:0;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.3);object-fit:contain}.main-header{position:fixed;top:0;left:0;width:100%;height:10vh;z-index:1000;display:flex;align-items:center;padding-left:2vw;overflow:visible;background:rgba(var(--main-pink-rgb),.6);backdrop-filter:blur(8px) saturate(160%);-webkit-backdrop-filter:blur(8px) saturate(160%);transition:top .35s cubic-bezier(.4, 0, .2, 1)}.main-header::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:24px;pointer-events:none;background:linear-gradient(to bottom,rgba(var(--main-pink-rgb),0) 0,rgba(var(--main-pink-rgb),.15) 40%,rgba(var(--main-pink-rgb),.1) 70%,rgba(var(--main-pink-rgb),0) 100%);z-index:1001}.main-footer{width:100%;position:relative;bottom:0;left:0;height:40px;flex-shrink:0;background:var(--main-cyan);color:var(--main-white);display:flex;align-items:center;justify-content:center;font-size:1rem;letter-spacing:.5px;z-index:1000;box-shadow:0 -2px 8px rgba(0,0,0,.06)}.games-section{width:100%;display:flex;justify-content:center;align-items:flex-start;padding:40px 0 60px 0;background:0 0}.game-card{position:relative;background:var(--main-purple) url('assets/img/games/timeline-keepers/LibraryHero') no-repeat center center;background-size:cover;border-radius:1.2vw;box-shadow:0 .3vw 1vw rgba(0,0,0,.15);display:flex;align-items:stretch;gap:3vw;padding:3vh 4vw;width:100vw;max-width:none;margin:0 4vw;height:42.5vh;max-height:50vh;min-height:20vh;overflow:hidden;box-sizing:border-box;cursor:pointer}.game-card:hover .steam-link .steam-icon{color:var(--main-cyan);opacity:1;transform:scale(1.15)}.game-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;border-radius:1.2vw;pointer-events:none}.game-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(35,37,38,.6);z-index:1;border-radius:1.2vw;pointer-events:none}.game-image-container,.game-info-container{position:relative;z-index:1}.game-info-container{height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding:0;overflow:hidden}.game-info{display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow:hidden}.game-title{margin:0;font-size:3vw;color:var(--main-blue);font-family:'Press Start 2P',cursive,sans-serif;overflow-wrap:break-word;word-break:break-word;white-space:normal;max-width:100%;text-shadow:-.2vw -.2vw 0 var(--main-dark),.2vw -.2vw 0 var(--main-dark),-.2vw .2vw 0 var(--main-dark),.2vw .2vw 0 var(--main-dark)}.game-description{color:var(--main-grey);font-size:1.5vw;overflow-wrap:break-word;word-break:break-word;white-space:normal;line-height:1.2;max-width:100%;font-family:'Press Start 2P',cursive,sans-serif;text-shadow:-.2vw -.2vw 0 var(--main-dark),.2vw -.2vw 0 var(--main-dark),-.2vw .2vw 0 var(--main-dark),.2vw .2vw 0 var(--main-dark)}.steam-link{color:var(--main-steam);font-size:3vw;align-items:center;justify-content:center;padding:.5vw;background:0 0;margin-top:auto;align-self:flex-start}.steam-icon{transition:transform .2s,color .2s;vertical-align:middle;margin-left:1vw;will-change:transform}.logo-section{position:absolute;top:0;left:0;width:96%;height:100%;margin-left:2%;margin-right:2%;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden;box-sizing:border-box}.banner-bg-transparent{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.7;pointer-events:none;object-fit:contain;border-radius:0;z-index:0}.logo-description{position:absolute;top:20%;right:4vw;left:auto;bottom:auto;color:var(--main-dark);font-size:2.5vw;line-height:3vw;font-family:'Press Start 2P',cursive,sans-serif;text-shadow:-2px -2px 0 var(--main-white),2px -2px 0 var(--main-white),-2px 2px 0 var(--main-white),2px 2px 0 var(--main-white);background:0 0;padding:.5vw 1vw;border-radius:.5vw;z-index:1;max-width:40vw;box-sizing:border-box;word-break:break-word;overflow-wrap:break-word}.social-icons{margin-left:auto;margin-right:4vw;display:flex;gap:1.5vw;align-items:center}.social-icons a{color:var(--main-white);font-size:200%;opacity:.85;transition:color .2s,opacity .2s,transform .2s;text-decoration:none;display:flex;align-items:center}.social-icons a:hover{color:var(--main-cyan);opacity:1;transform:scale(1.15)}.hamburger-menu{display:none}.hamburger-menu span:first-child{top:0}.hamburger-menu span:nth-child(2){top:12px}.hamburger-menu span:nth-child(3){top:24px}.hamburger-menu.active span:first-child{transform:translateY(12px) rotate(45deg)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:translateY(-12px) rotate(-45deg)}.social-label{display:none}@media (max-width:1020px){.main-section{height:32vw;min-height:unset;padding-top:12vw}.game-card{flex-direction:column;align-items:center;height:auto;width:100vw;max-width:none;margin:0 2vw;gap:4vw;min-height:16vh;max-height:none;overflow:visible}.game-info-container{width:100%;height:auto;padding:0;display:flex;flex-direction:column;justify-content:flex-end;flex:1 1 auto}.game-info{display:flex;flex-direction:column;flex:1 1 auto;justify-content:flex-end;height:100%}.game-title{font-size:8vw}.game-description{font-size:3.5vw;margin-bottom:2vw}.steam-icon{font-size:5vw}.steam-link{margin-top:4vw;align-self:flex-end}.logo-section{width:90vw;margin-left:1%;margin-right:1%}.logo-description{top:70%;right:12vw;left:auto;font-size:4vw;max-width:80vw;padding:1vw 2vw;line-height:5vw}.social-icons{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(var(--main-pink-rgb),.96);flex-direction:column;gap:6vw;padding:12vw 8vw 8vw 8vw;border-radius:0;z-index:1200;min-width:unset;max-width:unset;min-height:unset;max-height:unset;box-sizing:border-box;transform:translateX(100%);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.4, 0, .2, 1),opacity .25s;align-items:flex-start;justify-content:flex-start}.social-icons a{font-size:8vw;display:flex;align-items:center;gap:3vw;color:var(--main-white);opacity:.92;text-decoration:none;transition:color .2s,opacity .2s,transform .2s}.social-label{display:inline;font-size:5vw;color:var(--main-white);opacity:.92;font-family:'Press Start 2P',cursive,sans-serif;letter-spacing:.5vw;text-shadow:1px 1px 2px var(--main-dark);transition:color .2s;margin-left:3vw}.social-icons a:hover .social-label{color:var(--main-white)}.social-icons.open{transform:translateX(0);opacity:1;pointer-events:auto;background:linear-gradient(180deg,var(--main-pink) 0,var(--main-yellow) 60%,var(--main-cyan) 100%)!important}.hamburger-menu{display:flex;align-items:center;justify-content:center;width:12vw;height:12vw;margin-left:auto;margin-right:2vw;position:fixed;top:40%;right:0;z-index:1300;background:0 0;border:none;cursor:pointer;transform:none}.hamburger-menu span{display:block;position:absolute;left:0;background:var(--main-white);border-radius:2px;transition:.3s;transform-origin:center;width:8vw;height:2vw;max-width:38px;max-height:5px;background:var(--main-white)}.main-header{display:flex;align-items:center;position:fixed;top:0;left:0;width:100%;height:10vh;z-index:1000;padding-left:2vw;overflow:visible;background:rgba(var(--main-pink-rgb),.6);backdrop-filter:blur(8px) saturate(160%);-webkit-backdrop-filter:blur(8px) saturate(160%);transition:top .35s cubic-bezier(.4, 0, .2, 1)}.social-icons a,.social-icons a:active,.social-icons a:focus,.social-icons a:hover{color:var(--main-white)!important;opacity:.92!important;background:0 0!important;outline:0;transform:none!important;transition:none!important;box-shadow:none!important;text-decoration:none!important}.social-icons.open a{font-size:12vw}.social-icons.open .social-label{font-size:8vw}}