.gamecollection-container{max-width:900px;font-family:Yle Next,sans-serif;font-size:var(--base-font-size);margin:0 auto;padding:2rem 1em;line-height:1.6}@media (orientation:landscape) and (max-width:768px){.gamecollection-container{max-width:70%}}.gamecollection-header{text-align:center;margin-bottom:2rem}.gamecollection-logo{opacity:0;width:100%}.gamecollection-header h1{margin:1rem 0;font-size:2.8em}@media (max-width:768px){.gamecollection-header h1{font-size:2em}}.gsap-puppy{opacity:0}.gamecollection-intro{font-size:var(--base-font-size);background:var(--yds-color-background-dialog);border-radius:15px;margin-bottom:2rem;padding:2rem;line-height:1.7;box-shadow:0 4px 15px #0000001a}.gamecollection-puppySection{text-align:center;margin-bottom:2rem}.gamecollection-puppySection h2{margin-bottom:1.5rem;font-size:2.2rem}.gamecollection-puppyCard{background:var(--yds-color-background-dialog);border-radius:20px;width:100%;padding:1.5rem;display:inline-block;box-shadow:0 6px 20px #0000001a}.gamecollection-puppyCard p{font-size:calc(var(--base-font-size)*1.2);font-weight:700}.gamecollection-puppyCard img{border-radius:50%;width:100%;max-width:400px;margin-bottom:1rem}.gamecollection-gamesSection{flex-direction:column;gap:1.5rem;display:flex}.gamecollection-gameCard{background:var(--yds-color-background-dialog);border-radius:15px;width:100%;min-height:200px;transition:transform .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.gamecollection-gameCard img:not(.gamecollection-img-finished){object-fit:cover;flex-shrink:0;width:100%;max-width:350px;height:100%}.gamecollection-gameInfo{flex-direction:column;flex:1;justify-content:space-between;padding:2rem;display:flex}.gamecollection-gameInfo h3{color:var(--yds-color-action-primary);margin:0 0 1rem;font-size:1.8rem}.gamecollection-gameCard-image-container{position:relative}.gamecollection-gameInfo p{font-size:var(--font-size-base);margin:0 0 1.5rem;line-height:1.6}.gamecollection-playButton,.gamecollection-comingSoon{text-align:center;border-radius:25px;min-width:120px;padding:.8rem 2rem;font-size:1.1rem;font-weight:600;display:inline-block}.gamecollection-playButton{color:#fff;cursor:pointer;background:#4caf50;border:none;transition:background .3s}.gamecollection-playButton:hover{background:#45a049}.gamecollection-comingSoon{color:#666;background:#f0f0f0}.gamecollection-gameFooter{justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.gamecollection-highScore{font-size:var(--font-size-base);color:#2c3e50;background:#f8f9fa;border-radius:20px;padding:.6rem 1rem;font-weight:600;box-shadow:inset 0 1px 3px #0000001a}.gamecollection-highScore:before{margin-right:.5rem}.gamecollection-highScore.gamecollection-noScore{color:#95a5a6;font-weight:400}.gamecollection-loginPrompt{text-align:center;background:#fff;border-radius:15px;margin:2rem 0;padding:3rem;box-shadow:0 4px 15px #0000001a}.gamecollection-loginPrompt p{font-size:var(--font-size-base);margin-bottom:1.5rem}.gamecollection-loginButton{color:#fff;font-size:var(--font-size-base);cursor:pointer;background:#4caf50;border:none;border-radius:25px;padding:1rem 2.5rem;transition:background .3s}.gamecollection-loginButton:hover{background:#45a049}.gamecollection-userInfo{text-align:center;font-size:var(--font-size-base);margin-bottom:1rem;padding:1rem}.gamecollection-img-finished{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.gamecollection-intro p,.gamecollection-intro h2{margin:20px}.gamecollection-form{margin-top:30px}.gamecollection-form form{margin:20px}@media (max-width:768px){.gamecollection-gameCard img:not(.gamecollection-img-finished){width:100%;max-width:unset}.gamecollection-container{font-size:var(--base-font-size);padding:1rem 1em}.gamecollection-header{margin-bottom:1.5rem}.gamecollection-intro{margin-bottom:1.5rem;padding:1rem 0}.gamecollection-puppySection{margin-bottom:1.5rem}.gamecollection-gamesSection{gap:1rem}.gamecollection-gameCard{flex-direction:column}.gamecollection-gameCard img{width:100%}.gamecollection-gameInfo{padding:1rem}.gamecollection-gameFooter{flex-direction:row;align-items:flex-start;gap:.5rem}.gamecollection-highScore{margin-bottom:.5rem}.gamecollection-playButton,.gamecollection-comingSoon{font-size:var(--base-font-size);padding:.7rem 1.8rem}}.login-stuff-loginPrompt{text-align:center;color:#131415;background:#e6f6f5;border-radius:15px;margin:2rem 0;padding:1rem;box-shadow:0 4px 15px #0000001a}.login-stuff-loginPrompt p{font-size:var(--base-font-size);margin-bottom:1.5rem}.login-stuff-loginButton{color:#fff;font-size:var(--base-font-size);cursor:pointer;background:#4caf50;border:none;border-radius:25px;padding:1rem 2.5rem;transition:background .3s}.login-stuff-loginButton:hover{background:#45a049}.login-stuff-userInfo{text-align:center;font-size:var(--base-font-size);color:#131415;background:#e6f6f5;border-radius:15px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 2px 10px #0000000d}.pentu-spinner-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;display:flex}.pentu-spinner-container>div{justify-content:center;align-items:center;display:flex}.pentu-spinner-container p{color:#666;margin:0;font-size:1.2em}#game-UI{width:100vw;height:100vh;position:absolute;top:0;left:0}.loader{text-align:center;z-index:500;opacity:1;margin:0 auto;position:fixed;top:50%;left:50%;transform:translateY(-50%)translate(-50%)}.sprite-animation{--sprite-width:523px;--sprite-height:400px;width:var(--sprite-width);height:var(--sprite-height);background-position:0 0;background-repeat:no-repeat;margin:0 auto;animation:.5s steps(4,end) infinite sprite-animation;transform:scale(.5)}@keyframes sprite-animation{0%{background-position:0 0}to{background-position:calc(-4*var(--sprite-width))0}}.loader p{text-align:center;color:#fff;z-index:300;margin-top:1rem;font-size:1.5rem;position:relative;transform:translateY(-100px)}@media screen and (max-width:768px){.loader p{font-size:1.2em}}@media (pointer:coarse) and (orientation:portrait){.loader{transform:translateY(-50%)translate(-50%)rotate(90deg)}}.game-display-close{width:fit-content;position:fixed;top:3px;left:3px}@media (pointer:coarse) and (orientation:portrait){.game-display-close{top:3%;left:83%;transform:rotate(90deg)}.game-display-close button{top:10px;left:5px}}.transition-curtains{pointer-events:none;position:fixed;inset:0}.transition-curtains:before,.transition-curtains:after{content:"";z-index:1;background:#1c2020;width:100%;height:51vh;position:fixed;left:0}.transition-curtains:before{top:var(--curtain-top,0);transform:translateY(-100%)}.transition-curtains:after{bottom:var(--curtain-bottom,0);transform:translateY(100%)}.game-display{justify-content:center;align-items:center;width:100%;height:100%;display:none;position:relative}.iframe-component{border:0;width:100%;height:100%;position:fixed;top:0;left:0}@media (pointer:coarse) and (orientation:portrait){.iframe-component.forced-landscape{top:calc(var(--vw,1dvw)*-100);transform-origin:0 100%;height:calc(var(--vw,1dvw)*100);width:calc(var(--vh,1dvh)*100);margin:0;padding:0;transform:rotate(90deg)}}:root{--dataviz-dark-mode-on:0}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic}.gamecollection-container a,.gamecollection-container a:visited,.gamecollection-container a:hover{color:#000;text-decoration:underline}[data-yle-vis-id="2024-pentulive-pelit-koonti"]{--yds-color-weather-icon-cloud-light:#d8d9db;--yds-color-weather-icon-cloud-mid:#949697;--yds-color-weather-icon-cloud-dark:#4a4f54;--yds-color-weather-icon-moon:#95c6ff;--yds-color-weather-icon-droplet:#2684ff;--yds-color-weather-icon-sun:#ffc400;--yds-color-background:#fff;--yds-color-background-variant:#f8f9fa;--yds-color-background-negative:#131415;--yds-color-background-navigation:#fff;--yds-color-background-control:#00000069;--yds-color-background-control-disabled:#00000026;--yds-color-background-input:#fff;--yds-color-background-highlight:#e8e9eb;--yds-color-background-interactive:#f1f2f4;--yds-color-background-dialog:#fff;--yds-color-background-dialog-overlay:#00000069;--yds-color-background-info-primary:#9fc8ee;--yds-color-background-info-secondary:#f1f2f4;--yds-color-background-success:#62f9c2;--yds-color-background-warning:#ffd199;--yds-color-background-error:#f99fb5;--yds-color-background-opinion-article:#3d5483;--yds-color-text-default:#131415;--yds-color-text-negative:#f8f9fa;--yds-color-text-input-placeholder:#4a4f54;--yds-color-text-high-emphasis:#000000c9;--yds-color-text-medium-emphasis:#000000b3;--yds-color-text-disabled:#0000004a;--yds-color-text-light:#f8f9fa;--yds-color-text-dark:#131415;--yds-color-action-primary:#131415;--yds-color-action-primary-variant:#000000b3;--yds-color-action-secondary:#0000000d;--yds-color-action-secondary-variant:#00000017;--yds-color-action-disabled:#00000026;--yds-color-action-danger-primary:#d10b3d;--yds-color-action-danger-primary-variant:#e90e43;--yds-color-border:#131415;--yds-color-border-disabled:#0000004a;--yds-color-border-primary-focus:#009cb5;--yds-color-border-secondary-focus:#131415;--yds-color-border-separator:#e8e9eb;--yds-color-illustrative-icons-icon-primary:#131415;--yds-color-illustrative-icons-icon-secondary:#5ddbe9;--yds-color-player-progress-bar:#ffffff4d;--yds-color-player-progress-indicator:#29ccde;--yds-color-spinner-default:#131415;--yds-color-spinner-negative:#fff;--yds-color-spinner-highlight-default:#009cb5;--base-font-size:18px;background:var(--yds-color-background);color:var(--yds-color-text-default);font-size:var(--base-font-size)}@media (max-width:768px){[data-yle-vis-id="2024-pentulive-pelit-koonti"]{--base-font-size:16px}}
/*# sourceMappingURL=index.c101c0ee.css.map */