.scroll-list{display:inline-block;max-height:100vh;overflow:auto;vertical-align:top;--top-fade:5%;outline:none;padding:0 .5em;position:relative;scroll-behavior:auto;scrollbar-width:none;-ms-overflow-style:-ms-autohiding-scrollbar}.scroll-list::-webkit-scrollbar{display:none}.scroll-list.horizontal{display:block;max-height:inherit;max-width:100vw;overflow-y:hidden;padding:0;scrollbar-width:none;white-space:nowrap;-ms-overflow-style:-ms-autohiding-scrollbar}.scroll-list::-webkit-scrollbar:horizontal{display:none}.scroll-list:focus{opacity:1}.scroll-list-empty-item-top{height:var(--top-fade)}.scroll-list-empty-item-bottom{height:calc(100% - var(--top-fade))}.mask{mask-image:linear-gradient(to bottom,transparent 0,#000 var(--top-fade),#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--top-fade),#000 95%,transparent 100%)}.mask-bottom{mask-image:linear-gradient(#000 95%,transparent);-webkit-mask-image:linear-gradient(#000 95%,transparent)}.mask-top{mask-image:linear-gradient(to bottom,transparent 0,#000 var(--top-fade));-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--top-fade))}.mask-horizontal{mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent)}.mask-left{mask-image:linear-gradient(90deg,transparent 0,#000 5%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%)}.mask-right{mask-image:linear-gradient(270deg,transparent 0,#000 5%);-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 5%)}.category-item{border-radius:var(--font-30);box-shadow:var(--card-shadow);margin-bottom:.5rem;overflow:hidden;width:8rem}.category-item:hover{cursor:pointer}.category-item{background:var(--bg-closed2);background:var(--bg-closed);border:var(--focus-border-width) solid var(--border-color)}.category-item.active{background:var(--bg2);background:var(--bg)}:focus .category-item.active{border:var(--focus-border);box-shadow:var(--focus-box-shadow);margin:0 0 .5em}.category-item-title{color:var(--white);font-size:var(--font-56);font-weight:700!important;letter-spacing:.0233rem;padding:.4em 1em;text-align:center;text-shadow:0 var(--font-3) var(--font-6) #00000029;text-transform:uppercase}.category-item.active .category-item-title{color:#fff;padding:.6em 1em}.category-item-content{align-items:center;background:var(--content-bg2);background:var(--content-bg);display:flex;height:5.6em;justify-content:center;-webkit-mask-image:url(d34010361832a60ccfd7.svg);mask-image:url(d34010361832a60ccfd7.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;max-height:0;padding:0;visibility:hidden}.category-item-content.height-animation{overflow:hidden;transition:max-height var(--height-animation-duration-ms),visibility var(--height-animation-duration-ms)}.category-item.active .category-item-content.height-animation{animation:wave .5s .5s 2}@keyframes wave{0%{transform:rotate(0deg)}25%{transform:rotate(.75deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-.75deg)}to{transform:rotate(0deg)}}.category-item.active .category-item-content.height-animation #games-icon{animation:jump-shake .5s .5s 1}@keyframes jump-shake{0%{transform:translateX(0)}25%{transform:translateY(-9px)}35%{transform:translateY(-9px) rotate(17deg)}55%{transform:translateY(-9px) rotate(-17deg)}65%{transform:translateY(-9px) rotate(17deg)}75%{transform:translateY(-9px) rotate(-17deg)}to{transform:translateY(0) rotate(0)}}.category-item.active .category-item-content{max-height:5.6em;visibility:visible}.category-item-icon{max-width:50%;opacity:0;pointer-events:none;transition:opacity 2s;width:3.2em}.category-item-content.height-animation .category-item-icon{transition:opacity var(--height-animation-duration-ms)}.category-item.active .category-item-icon{opacity:1}.filter-item{width:9.5rem}.filter-item.selected{background:var(--filter-active-bg)!important;border-color:var(--filter-active-border-color)}.filter-item.selected .filter-item-title{color:var(--white)}.filter-item.active{background:var(--bg-closed)}.filter-item-title{color:var(--filter-inactive-title-color);font-size:var(--font-45);letter-spacing:.009375rem;padding:.4em 1em;text-align:center}.filter-item.active .filter-item-title{color:var(--white)}.content-item{background-color:var(--bg);border:var(--focus-border);border-color:#cfe9ec55;border-radius:var(--font-30);box-shadow:var(--card-shadow);margin-bottom:.5rem;overflow:hidden}.content-item:hover{cursor:pointer}:focus .content-item.active{border:var(--focus-border);box-shadow:var(--focus-box-shadow)}.content-item-header{align-items:center;background:var(--title-bg-closed);display:flex;transition:background .5 ease-out}.content-item-summary{color:var(--title-color-closed);flex:1;letter-spacing:.01875rem;padding:.7em}.content-item-title{font-size:var(--font-45);font-weight:700!important;margin-bottom:.1rem}.content-item-artist{font-size:var(--font-36);font-weight:700!important}.content-item.active .content-item-header{background:var(--title-bg)}.content-item.active .content-item-summary{color:var(--white)}.content-item-icon{height:2em;margin-right:.25em;width:2em}.content-item-content{align-items:center;display:flex;justify-content:center;max-height:0;max-width:100%;min-height:0;overflow:hidden;visibility:hidden}.content-item.active .content-item-content{max-height:50vh;visibility:visible}.content-item-content.height-animation{transition:max-height var(--height-animation-duration-ms),visibility var(--height-animation-duration-ms)}.content-item-img{max-height:100%;max-width:100%;opacity:0;transition:opacity 2s}.content-item-content.height-animation .content-item-img{transition:opacity var(--height-animation-duration-ms)}.content-item.active .content-item-img{opacity:1}.menu-item{margin-bottom:.15rem;margin-left:auto;margin-right:auto;padding:.4em 0;text-align:center;text-transform:uppercase;width:8.5rem}.menu-item:hover{cursor:pointer}.menu-item-title{color:#fafeff;font-size:var(--font-50);font-weight:700!important;letter-spacing:.0233rem}:focus .active .menu-item,:focus .menu-item.active{border:var(--focus-border);border-radius:var(--font-30);box-shadow:var(--focus-box-shadow)}.selected .menu-item{background:transparent linear-gradient(180deg,#5fa31c,#a0c313) 0 0 no-repeat;border-radius:var(--font-30)}.selected-interval .menu-item-title,.selected-resolution .menu-item-title{text-decoration:underline}.sub-menu-item *{text-transform:none}.hidden-menu-item{display:none}.unavailable-menu-item *{color:grey}.submenu-subtitle{color:#b3d6e6;font:var(--font-40);letter-spacing:.0083rem;margin-top:.25rem;text-align:center;text-shadow:0 var(--font-3) var(--font-6) #00000029}.menu-divider{background-color:var(--white);height:var(--font-2);margin:.25rem 0;width:100%}.menu-item-icon{height:2rem}.menu-item-with-icon{margin-bottom:0;padding:0}.menu-list{height:inherit;padding:0;width:9rem;--top-fade:10%}.menu-list .scroll-list-empty-item-top{height:5%}.content-info{background:var(--bg);border-color:#698c91!important;border:var(--font-4) solid #fcfdf543;border-radius:1rem;box-shadow:var(--card-shadow);display:inline-block;display:flex;flex-direction:column;min-width:0;padding:.5rem .5rem 0 1em}.content-info-header{align-items:center;display:flex}.content-info-icon{align-self:flex-start;height:2rem;width:2rem}.content-info-title{flex-grow:1;font-size:var(--font-50);letter-spacing:.025rem;padding:.33rem 0}.content-info-summary,.content-info-title{font-weight:700!important;text-shadow:0 var(--font-3) var(--font-6) #00000029}.content-info-summary{color:var(--subtitle-color);font-size:var(--font-40);letter-spacing:.00833rem;margin-bottom:.25rem}.content-info-summary *{font-weight:700!important}.content-info-pages-buttons{display:flex;margin-bottom:.25rem;margin-top:.25rem}.content-info-pages{color:#f2f7fc;flex:1;font-family:var(--secondary-font);font-size:var(--font-40);letter-spacing:.025rem;line-height:var(--font-63);overflow:auto;word-wrap:break-word;margin-top:.25rem;scrollbar-width:none;-ms-overflow-style:-ms-autohiding-scrollbar}.content-info-pages::-webkit-scrollbar{display:none}.content-info-pages-button{background:none;border:var(--font-4) solid #fcfdf5bf;border-radius:50%;box-shadow:0 var(--font-3) var(--font-6) #00000041;color:var(--page-button-color);display:inline-block;height:var(--font-48);margin:0 .4rem 0 0;outline:none;padding:0;width:var(--font-48)}.content-info-pages-button.current-page{background:var(--page-button-current-bg);border-color:#fcfdf580}.content-info-pages-button:hover{cursor:pointer}.content-info-pages-button:focus{background:var(--page-button-focus-bg);border:var(--focus-border);box-shadow:var(--focus-box-shadow)}@media screen and (orientation:portrait){.content-info{max-height:75%}}.playlist-item{background:transparent linear-gradient(180deg,#122943,#124f65) 0 0 no-repeat;border:var(--focus-border);border-color:#cfe9ec55;border-radius:var(--font-15);box-shadow:0 var(--font-3) var(--font-8) #33392780;color:#bfe0ed;display:inline-block;height:1em;margin:0 1%;overflow:hidden;width:30%}.playlist-item-content{align-items:center;display:flex;gap:.25em;height:100%;max-width:100%;padding:0 .1em 0 .25em}.playlist-item-title{flex-grow:1;font-family:var(--secondary-font);font-size:var(--font-24);letter-spacing:.00916rem;min-width:0;overflow:hidden;text-overflow:ellipsis;text-shadow:0 var(--font-3) var(--font-6) #00000029}.playlist-item-icon{box-shadow:0 var(--font-3) var(--font-30) #00000029;height:var(--font-40);max-width:var(--font-40)}.playlist-item.active *{background:transparent linear-gradient(180deg,#2e4c6f,#217fa2) 0 0 no-repeat;color:#fafeff;font-weight:700!important}:focus .playlist-item.active{border:var(--focus-border);box-shadow:var(--focus-box-shadow)}.playlist{max-width:100%;z-index:1}.player-controls{display:flex;justify-content:space-between}.player-controls-button{align-items:center;aspect-ratio:1;background:transparent linear-gradient(180deg,#122943,#124f65) 0 0 no-repeat;border:var(--font-4) solid #092a36;border-radius:50%;box-shadow:0 var(--font-3) var(--font-8) #33392780;color:var(--white);display:flex;font-size:1rem;height:2em;justify-content:center;outline:none;transition:backgroud .5s,transform .5s;width:2em}.player-controls-button img{max-height:1em;max-width:1em}.player-toggleplay img{margin-left:.18rem}.player-toggleplay.paused img{margin-left:0}.player-controls-button.player-close-btn img{max-height:.7em;max-width:.7em}.player-controls-button.player-minus10 img,.player-controls-button.player-plus10 img{max-height:1.3em;max-width:1.3em}.player-controls-button:disabled{opacity:.5}.player-controls-button:focus{border:var(--focus-border);box-shadow:var(--focus-box-shadow)}.player-controls-button:focus,.player-more-info-checkbox:checked+.player-more-info-button{background:transparent linear-gradient(180deg,#2e4c6f,#217fa2) 0 0 no-repeat;border-width:.09375rem;transform:scale(1.5)}.player-more-info-checkbox{display:none}.player-total-duration{align-self:flex-start}.player-total-duration-seek{font-size:var(--font-40);margin:.5em 0;max-width:8rem}.player-total-duration-title{max-width:8em;position:relative;z-index:3}.player{align-items:center;background-color:#000;display:flex;justify-content:center}.player-audio-images{height:100%;max-height:100%;max-width:100%;position:absolute;width:100%}#player-media-container{display:flex;height:100%;position:absolute;width:100%}@media (min-aspect-ratio:16/9){#player-media-container{flex-direction:row}.player-media{height:100%}}@media (max-aspect-ratio:16/9){#player-media-container{flex-direction:column}.player-media{width:100%}}.player-media-fullscreen{height:100%;object-fit:cover;width:100%}#player-fullscreen-button{align-items:center;background:transparent linear-gradient(180deg,#122943,#124f65) 0 0 no-repeat;border:var(--font-4) solid #092a36;border-radius:50%;bottom:0;box-shadow:0 var(--font-3) var(--font-8) #33392780;display:flex;font-size:1rem;height:2rem;justify-content:center;margin:1rem;position:absolute;right:0;visibility:hidden;width:2rem}#player-fullscreen-button.show{visibility:visible}#player-fullscreen-button img{max-height:1.5em;max-width:1.5em}.player-overlay{display:flex;height:100%;max-width:100%;width:100%}.player-overlay-background{background-color:#000;background-color:rgba(0,0,0,.7);height:100%;position:absolute;width:100%}.player-overlay-left{display:flex;flex:1;flex-direction:column;justify-content:space-between;min-width:0}.player-overlay-left-hideable{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}#player-controls,#player-overlay-summary,#player-seek-control,#player-total-duration,#playlist{margin:.5rem 1rem .5rem 2rem}#player-playback-summary{position:relative;z-index:1}#player-playback-summary,#player-total-duration{margin-top:1em}#player-total-duration{max-width:50%}#playlist{margin-bottom:1em}.player-overlay-right{display:flex;flex:0.6;width:30vw}.player-overlay-right #player-content-info{flex-grow:1;margin:.75rem}.player-overlay-right{transform:translateX(100%);transition:transform .5s}.player-overlay-right.show{transform:translateX(0)}.player-overlay-background{transform:translateY(100%);transition:transform .5s}.player-overlay-background.show{transform:translateY(0)}.player-overlay-left-hideable{opacity:0;transform:translateY(100%);transition:transform .5s,opacity .5s}.player-overlay-left-hideable.show{opacity:1;transform:translateX(0)}.player-summary.summary{text-shadow:0 var(--font-3) var(--font-3) #1a1a43af}.player-summary .summary-title{font-size:var(--font-60);font-weight:700!important;letter-spacing:.025rem}.player-summary .summary-artist,.player-summary .summary-duration,.player-summary .summary-subtitle{font-size:var(--font-40);font-weight:700!important;letter-spacing:.0166rem}.login-item{background:transparent linear-gradient(180deg,#122943,#124f65) 0 0 no-repeat;border:var(--focus-border);border-color:#cfe9ec55;border-radius:var(--font-30);box-shadow:var(--card-shadow);margin-bottom:.5rem;opacity:.9;overflow:hidden}.login-item.active{opacity:1}.login-item-header{align-items:center;background:transparent linear-gradient(180deg,#122943,#124f65) 0 0 no-repeat;display:flex;flex-direction:column;transition:background .5 ease-out}.login-item.active .login-item-header{background:transparent linear-gradient(180deg,#2e4c6f,#286e88) 0 0 no-repeat}.login-item-title{color:#bfe0ed;flex:1;letter-spacing:.01875rem}.login-item.active .login-item-title{color:var(--white)}.login-item-content{align-items:center;display:flex;justify-content:center;max-height:0;max-width:100%;min-height:0;overflow:hidden;visibility:hidden}.login-item.active .login-item-content{background:transparent linear-gradient(180deg,#122943,#124f65) 0 0 no-repeat;height:50vh;max-height:50vh;visibility:visible}.login-item-content.height-animation{transition:max-height var(--height-animation-duration-ms),visibility var(--height-animation-duration-ms)}.login-item-content .login-item-img{max-height:50%;max-width:50%;opacity:0;transition:opacity 2s}.login-item-content.height-animation .login-item-img{transition:opacity var(--height-animation-duration-ms)}.login-item.active .login-item-img{opacity:1}#login-selector-container{align-content:center;animation:login-selector-slide-in 1s ease 2.9s forwards;bottom:0;display:flex;flex-direction:column;flex-grow:0;height:100%;left:0;margin:auto;max-width:40%;opacity:1;position:fixed;right:0;top:0;transform:translateY(100%);transition:opacity .5s ease}@keyframes login-selector-slide-in{to{transform:translateY(7%)}}#login-selector-container.fade-out{opacity:0}.login-selector{transition:opacity .75s ease}.login-selector.disabled{opacity:.7;pointer-events:none}#login-container{height:100%;overflow:hidden;position:absolute;width:100%;z-index:10}.curtain{display:flex;flex:1;float:left;height:100%;opacity:1;transition:opacity 2s ease,transform 2s ease;width:50%}#left-curtain{background:transparent linear-gradient(90deg,#173b60,#174d7b 13%,#16486e 20%,#174e7e 26%,#184777 32%,#194f86 37%,#184577 43%,#154377 46%,#1b5188 51%,#154976 59%,#19528b 68%,#15527e 75%,#1d5893 81%,#114f7c 89%,#1b5a90 95%,#124d80) 0 0 no-repeat}#right-curtain{background:transparent linear-gradient(270deg,#173b60,#1b5586 10%,#15486e 18%,#1b5586 25%,#184777 32%,#1a4f84 38%,#184374 46%,#13487e 52%,#104572 58%,#19528b 66%,#15527e 72%,#1d5893 81%,#114f7c 89%,#175890 96%,#124d80) 0 0 no-repeat}#left-curtain.move{opacity:.85;transform:translateX(-100%)}#right-curtain.move{opacity:.85;transform:translateX(100%)}.curtain-filter{background:#16232c 0 0 no-repeat;display:flex;flex:1;opacity:.25}#login-spotlight{animation:spotlight-slide-in 1s ease forwards;background:transparent radial-gradient(closest-side at 50% 50%,#fdfbed 0,#fdfbed 43%,#fdfbed9d 79%,#fdfbed00 100%) 0 0 no-repeat;height:100%;left:0;margin:auto;mix-blend-mode:soft-light;opacity:.5;position:absolute;right:0;top:100%;transition:opacity .5s ease;width:80.5%}#login-spotlight.fade-out{opacity:0}@keyframes spotlight-slide-in{to{transform:translateY(-100%)}}#login-logo{animation:logo-slides 3.9s ease forwards;bottom:0;font-size:2.8rem;height:20%;left:0;margin:auto;position:absolute;right:0;text-align:center;text-shadow:0 1.2rem .62rem #1a1a4364;top:20%;transition:opacity .5s ease;width:33.3%}#login-logo.fade-out{opacity:0}@keyframes logo-slides{25%{transform:translateY(-75%)}75%{transform:translateY(-75%)}to{transform:translateY(-240%) translateX(-105%) scale(.5)}}@media screen and (orientation:portrait){#login-logo{top:15%}}#login-form{display:flex;flex-direction:column;padding:.5rem 2rem}#login-button{background:transparent linear-gradient(180deg,#2e4c6f,#286e88) 0 0 no-repeat;border-color:#cfe9ec1f;border-radius:.5rem;border-width:var(--font-6);color:var(--white);cursor:pointer;font-size:1rem;margin:.4rem;padding:.2rem}#login-button:focus{border:var(--focus-border);box-shadow:var(--focus-box-shadow);outline:none;transform:scale(1.2)}.login-input{border-radius:.25rem;font-size:1rem;margin:.4rem .4rem .5rem;padding:.1rem}.login-input:focus{outline:none;transform:scale(1.2)}#password-label,#username-label{align-self:center;color:var(--white);font-size:var(--font-60);margin:.2rem;padding:.1rem}.home{background-position:50%;background-repeat:no-repeat;background-size:cover;--upper-space:3.5rem;--show-content-duration-ms:500ms}.home,.home-blur{height:100%;width:100%}.home-blur{display:flex;flex-direction:column}.home-blur.blur{backdrop-filter:blur(.104rem)}.home-content{display:flex;flex-grow:1;min-height:0}.home-content #left-column{display:flex;flex-direction:column;margin:1rem 0 1rem 1.7rem;overflow:hidden}.home-content #home-message-of-day-column{align-items:center;display:flex;flex:1;flex-direction:column;margin:1rem 8rem 1rem 1rem;overflow:hidden;padding:0 1rem}.home-content #home-content-selector-column{display:flex;flex:3;flex-direction:column;margin:1rem .5rem 1rem 0;max-width:37.5%;overflow:hidden;position:relative}.home-content #home-content-info-column{display:flex;flex:0.95;margin:1rem 1.5rem 1rem 0;overflow:hidden}.home-content-selector-column-title,.home-message-of-day-title,.home-title{height:var(--upper-space)}.home-content-selector-column-title,.home-message-of-day-title,.home-title,.menu-title{align-items:center;display:flex;justify-content:center;text-shadow:0 var(--font-2) var(--font-3) #1a1a43af}.menu-title{margin:.5rem 0}.home-title-logo,.menu-title-logo{cursor:pointer;width:8em}.home-message-of-day{background:#ff0}.home-message-of-day-title{align-items:flex-start;flex-direction:column;height:unset}.home-message-of-day-date{font-size:var(--font-80);font-weight:700!important;letter-spacing:.073rem}.home-message-of-day-congrats{font-size:var(--font-60);font-weight:700!important;letter-spacing:.055rem}.home-content-selector-column-title{font-size:var(--font-50);padding-right:.5rem}.home #home-category-selector,.home #home-content-selector{flex:1}.home #home-content-info{flex-grow:1}.home-message-of-day-title{opacity:0;transform:translateY(-100%)}.home-message-of-day-title.show{opacity:1;transform:translateY(0);transition:transform .75s ease-out,opacity .5s ease-in}.home-content-selector-column-title{flex-direction:column;opacity:0;transform:translateY(-20%);transition:transform var(--show-content-duration-ms) ease-out,opacity var(--show-content-duration-ms) ease-in}.home-content-selector-column-title.show{opacity:1;transform:translateY(0)}.home #home-content-selector{opacity:0;transition:transform var(--show-content-duration-ms) ease-out,opacity var(--show-content-duration-ms) ease-in}.home #home-content-selector.show{opacity:1}.home #home-content-info{opacity:0;transform:translateX(20%);transition:transform var(--show-content-duration-ms) ease-out,opacity var(--show-content-duration-ms) ease-in}.home #home-content-info.show{opacity:1;transform:translateX(0)}.home #home-category-filter{opacity:0;transition:opacity var(--show-content-duration-ms) ease-in}.home #home-category-filter.show{opacity:1}.home-game-content-info .content-info-more-info *{margin-bottom:.25rem;margin-top:0}.home #menu{background:transparent linear-gradient(90deg,#173b60,#174d7b 13%,#16486e 20%,#174e7e 26%,#184777 32%,#194f86 37%,#184577 43%,#154377 46%,#1b5188 51%,#154976 59%,#19528b 68%,#15527e 75%,#1d5893 81%,#114f7c 89%,#1b5a90 95%,#124d80) 0 0 no-repeat;display:flex;flex-direction:column;height:100%;left:0;overflow:hidden;padding:1rem 1.25rem;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s;z-index:2}#menu.show{transform:translateX(0)}#menu .menu-title{z-index:1}#menu #menu-mask{background:#16232c 0 0 no-repeat;height:100%;margin:-1rem -1.25rem;opacity:.25;position:absolute;width:100%}.home .category-filter{margin-top:4.5rem}#content-total-duration{font-weight:700!important;margin-bottom:.2rem}#content-categories-selected{font-size:var(--font-40)}@media (max-width:1280px){.home-content #home-content-info-column{margin-right:.75rem!important}.home-content #left-column{margin-left:.85rem!important}.home-content #home-message-of-day-column{align-items:normal;margin-right:0;padding-left:2rem}}@media (max-width:810px){.home-content #home-content-info-column{margin-right:.4rem!important}.home-content #home-content-selector-column{margin-right:0!important}.home-content #left-column{margin-left:.5rem!important}#home-content-selector{padding-left:0!important}}#question-more-info{display:flex;flex-direction:column;font-family:var(--secondary-font);height:100%}.game-buttons{display:flex;justify-content:space-between}.game-control-button{align-items:center;aspect-ratio:1;background:transparent linear-gradient(180deg,#122943,#124f65) 0 0 no-repeat;border:var(--font-4) solid #cfe9ec55;border-radius:50%;box-shadow:0 var(--font-3) var(--font-8) #33392780;color:var(--white);display:flex;font-size:1rem;height:2em;justify-content:center;outline:none;transition:backgroud .5s,transform .5s;width:2em}.game-control-button:focus{background:transparent linear-gradient(180deg,#2e4c6f,#217fa2) 0 0 no-repeat;border:var(--focus-border);border-width:.09375rem;box-shadow:var(--focus-box-shadow);transform:scale(1.25)}.game-control-button:disabled{opacity:.5}.game-control-button img{max-height:.6em;max-width:.6em}.option-el{align-items:center;display:flex;margin:.5rem 0}.option-el .option-label{color:#b3d6e6;font-size:var(--font-48);text-shadow:0 var(--font-3) var(--font-6) #00000029}.option-el .option-button-container{align-items:center;display:flex}.option-el .option-button-container .option-button{border:var(--font-4) solid #fcfdf5be;box-shadow:0 var(--font-3) var(--font-6) #00000041;height:var(--font-56);margin-right:.6rem;width:var(--font-56)}.option-el:focus{outline:none}.answered .option-label,.option-el:focus .option-label{color:#f2f7fc}.option-el:focus .option-button-container .option-button{background:#fcfdf5;border:var(--focus-border);border-radius:var(--font-30);box-shadow:var(--focus-box-shadow)}.correct-answer{background:transparent linear-gradient(180deg,#5fa31c,#a0c313) 0 0 no-repeat!important}.incorrect-answer{background:#e61403!important}#answer-feedback-text{align-items:center;align-self:center;color:#fcfdf5;display:flex;flex:1;font-size:1.75rem;opacity:0;text-shadow:0 var(--font-3) var(--font-3) #1a1a43b1;transform:translateY(50%)}#answer-feedback-text.show{opacity:1;transform:translateY(0);transition:opacity .5s ease-in .5s,transform .75s ease-out .5s}#answer-feedback-text.hide{display:none}#question-info-text{align-items:center;align-self:center;color:#fcfdf5;display:none;flex:1;font-size:var(--font-24);text-shadow:0 var(--font-3) var(--font-3) #1a1a43b1}#question-info-text.show{display:flex}.game-info-button.selected{transform:scale(1.25)}.game{display:flex;height:100%;justify-content:space-between;position:fixed;width:100%}.game #question-image{background-color:var(--light-blue);height:100%;object-fit:cover;object-position:center;position:absolute;width:100%;z-index:0}.game-left-column{display:flex;flex-direction:column;margin:1.5rem 0 0 2.625rem;width:19.2%}.game-left-column .game-progress{margin:.25rem 0}#game-home-title{position:relative;z-index:3}#game-content-info{border-radius:1.25rem;margin:1.25rem 1.25rem 1.25rem 0;opacity:.9;padding:.83rem .83rem .83rem 1.25rem;transition:all .5s ease;width:30%;z-index:1}#game-content-info.move{transform:translate(100%)}#game-content-info.move-init{opacity:0;transform:translate(100%)}#game-content-info .summary{margin-bottom:.5rem}#game-content-info .content-info-title{font-size:var(--font-60)}#game-content-info .summary-subtitle{font-size:var(--font-50)}#game-copyright{bottom:0;font-size:var(--font-20);left:0;padding:.5rem;position:absolute}@media screen and (orientation:portrait){#game-content-info{max-height:75%}.game-limited-size-content-info{max-height:33%}}.game-limited-size-content-info{max-height:33%}.notification{align-items:center;background:#000000a0;display:flex;flex-direction:column;justify-content:center;z-index:100}.notification-message{max-width:50%;padding:1em}.notification-cancel-btn,.notification-close-btn{background:transparent linear-gradient(180deg,#2e4c6f,#286e88) 0 0 no-repeat;border:var(--focus-border);border-color:#cfe9ec55;border-radius:.5rem;box-shadow:var(--focus-box-shadow);color:var(--white);font-size:1rem;margin:1em;padding:.2rem 2rem}.notification-cancel-btn:focus,.notification-close-btn:focus{border:var(--focus-border);box-shadow:var(--focus-box-shadow);outline:none}.notification-buttons{display:grid;grid-template-columns:1fr 1fr}.messages-Of-day{margin-top:5%;opacity:0;transition:opacity .75s}.messages-Of-day .content-info-pages-buttons{margin-bottom:.6rem;margin-left:.5rem}.messages-Of-day.show{opacity:1}.messages-Of-day-content{align-items:center;background:transparent linear-gradient(180deg,#fcfdf5,#c4c7a9) 0 0 no-repeat;border:solid var(--font-4) var(--border-color);border-radius:var(--font-60);box-shadow:0 var(--font-3) var(--font-32) #00000040;display:flex;flex-direction:column;justify-content:center;max-height:50vh;min-height:5em;padding:1rem;position:relative;transition:transform .5s;width:50vw;z-index:0}.messages-Of-day-content.messages-screensaver{right:7%;transform:scale(1.25)}#home-message-of-day-column.messages-screensaver{overflow:visible}.messages-Of-day-title{font-size:var(--font-63);letter-spacing:0;line-height:var(--font-80);overflow:visible}.messages-Of-day-text,.messages-Of-day-title{color:#292722;font-family:var(--secondary-font);max-height:inherit;padding:.1rem 0;text-align:center}.messages-Of-day-text{font-size:var(--font-40);letter-spacing:.02rem;line-height:var(--font-60);overflow:auto}.messages-Of-day-image{border-radius:var(--font-60);max-width:100%;overflow:hidden}#screensaver{background:#000}.game-screensaver,.media-screensaver{z-index:2}.player-audio-images img{height:100%;max-height:100%;max-width:100%;object-fit:cover;width:100%}.player-audio-images{display:grid}.slide{grid-column:1;grid-row:1;opacity:0}.slide,.slide.active{transition:opacity 5s ease}.slide.active{opacity:1}.player-seek-control,.player-total-duration-seek{align-items:center;border-radius:var(--font-15);box-shadow:0 var(--font-3) var(--font-8) #33392780;display:flex;font-size:var(--font-52);height:1em;outline:none;overflow:hidden;position:relative}#player-seek-control{border:var(--focus-border);border-color:transparent}#player-seek-control:focus{border:var(--focus-border);box-shadow:var(--focus-box-shadow)}.player-seek-control-bufferdtime,.player-seek-control-clickarea,.player-seek-control-currenttime,.player-seek-control-totaltime{border-radius:inherit;position:absolute}.player-seek-control-bufferdtime,.player-seek-control-currenttime{bottom:.1em;left:.1em;max-width:calc(100% - .2em);top:.1em;width:0}.player-seek-control-clickarea,.player-seek-control-totaltime{height:100%;width:100%}.player-seek-control-totaltime{background:transparent linear-gradient(180deg,#122943,#124f65) 0 0 no-repeat}.player-seek-control-bufferdtime{background-color:#ffffff1f}.player-seek-control-currenttime{background:transparent linear-gradient(180deg,#4571a5,#31acd9) 0 0 no-repeat}.player-seek-control-timenumbers{font-family:var(--secondary-font);font-size:var(--font-24);font-weight:700!important;letter-spacing:.01rem;padding:0 1em;z-index:1}.player-seek-control-clickarea{background-color:transparent}.player-seek-control-clickarea:hover{cursor:pointer}.viewer{display:flex;justify-content:space-between;position:fixed}#viewer-image,.viewer{height:100%;width:100%}#viewer-image{background-color:var(--light-blue);object-fit:cover;object-position:center;position:absolute;z-index:0}.viewer-left-column{display:flex;flex-direction:column;margin:1.5rem 0 0 2.625rem;width:19.2%}#viewer-home-title{position:relative;z-index:3}#viewer-content-info{border-radius:1.25rem;margin:1.25rem 1.25rem 1.25rem 0;opacity:.9;padding:.83rem .83rem .83rem 1.25rem;transition:all .5s ease;width:30%;z-index:1}#viewer-content-info.move{transform:translate(100%)}.viewer-back-button{align-items:center;align-self:flex-end;aspect-ratio:1;background:transparent linear-gradient(180deg,#122943,#124f65) 0 0 no-repeat;border:var(--font-4) solid #cfe9ec55;border-radius:50%;box-shadow:0 var(--font-3) var(--font-8) #33392780;color:var(--white);display:flex;font-size:1rem;height:2em;justify-content:center;margin-left:auto;outline:none;transition:backgroud .5s,transform .5s;width:2em}.viewer-back-button img{max-height:.6em;max-width:.6em}.viewer-back-button:focus{background:transparent linear-gradient(180deg,#2e4c6f,#217fa2) 0 0 no-repeat;border:var(--focus-border);border-width:.09375rem;box-shadow:var(--focus-box-shadow);transform:scale(1.25)}.vehreä{--bg2:#599d16;--bg:transparent linear-gradient(180deg,#599d16,#aece30 58%,#aece30) 0% 0% no-repeat;--bg-closed2:#3c690f;--bg-closed:transparent linear-gradient(180deg,#3c690f,#619020) 0% 0% no-repeat;--content-bg2:#bfdd74;--content-bg:transparent linear-gradient(180deg,#bfdd74,#85aa5f) 0% 0% no-repeat;--border-color:#619020;--filter-active-bg:transparent linear-gradient(180deg,#5fa31c,#a0c313) 0% 0% no-repeat;--filter-active-border-color:#a0c313;--filter-inactive-title-color:#dfe3c0}.vesi{--bg2:#1c78a8;--bg:transparent linear-gradient(180deg,#1c78a8,#77cbe5 58%,#77cbe5) 0% 0% no-repeat;--bg-closed2:#156791;--bg-closed:transparent linear-gradient(180deg,#156791,#53a7c1) 0% 0% no-repeat;--content-bg2:#9fdbea;--content-bg:transparent linear-gradient(180deg,#9fdbea,#51a9cb) 0% 0% no-repeat;--border-color:#53a7c1;--filter-active-bg:transparent linear-gradient(180deg,#53abcc,#9ddaea) 0% 0% no-repeat;--filter-active-border-color:#9ddaea;--filter-inactive-title-color:#e2f2f4}.kinos{--bg2:#539bdb;--bg:transparent linear-gradient(180deg,#539bdb,#a6e0f2 58%,#a6e0f2) 0% 0% no-repeat;--bg-closed2:#488cc7;--bg-closed:transparent linear-gradient(180deg,#488cc7,#77bfd5) 0% 0% no-repeat;--content-bg2:#dbebef;--content-bg:transparent linear-gradient(180deg,#dbebef,#7eb3e0) 0% 0% no-repeat;--border-color:#77bfd5;--filter-active-bg:transparent linear-gradient(180deg,#81b5e1,#d8e9ef) 0% 0% no-repeat;--filter-active-border-color:#d8e9ef;--filter-inactive-title-color:#fdfaf0}.kajastus{--bg2:#cb8519;--bg:transparent linear-gradient(180deg,#cb8519,#eae106 58%,#eae106) 0% 0% no-repeat;--bg-closed2:#bc7018;--bg-closed:transparent linear-gradient(180deg,#bc7018,#deae0e) 0% 0% no-repeat;--content-bg2:#ede98d;--content-bg:transparent linear-gradient(180deg,#ede98d,#ceb447) 0% 0% no-repeat;--border-color:#deae0e;--filter-active-bg:transparent linear-gradient(180deg,#cfb549,#eae486) 0% 0% no-repeat;--filter-active-border-color:#eae486;--filter-inactive-title-color:#fdfaf0}.kukinto{--bg2:#c14277;--bg:transparent linear-gradient(180deg,#c14277,#f7a8eb 58%,#f7a8eb) 0% 0% no-repeat;--bg-closed2:#91315a;--bg-closed:transparent linear-gradient(180deg,#91315a,#d086c4) 0% 0% no-repeat;--content-bg2:#f2d6e8;--content-bg:transparent linear-gradient(180deg,#f2d6e8,#ce93ae) 0% 0% no-repeat;--border-color:#d086c4;--filter-active-bg:transparent linear-gradient(180deg,#cf95b0,#f0d3e5) 0% 0% no-repeat;--filter-active-border-color:#f0d3e5;--filter-title-color-inactive:#fdfaf0}.tunnelma{--bg2:#7342c1;--bg:transparent linear-gradient(180deg,#7342c1,#e38eea 58%,#e38eea) 0% 0% no-repeat;--bg-closed2:#583098;--bg-closed:transparent linear-gradient(180deg,#583098,#9664b1) 0% 0% no-repeat;--content-bg2:#e9c2f2;--content-bg:transparent linear-gradient(180deg,#e9c2f2,#c685de) 0% 0% no-repeat;--border-color:#9664b1;--filter-active-bg:transparent linear-gradient(180deg,#c787df,#e8c0f2) 0% 0% no-repeat;--filter-active-border-color:#e8c0f2;--filter-inactive-title-color:#fdfaf0}.kulta{--bg2:#e5dc8d;--bg:transparent linear-gradient(180deg,#e5dc8d,#9f8935 19%,#ffb71c 57%,#ffa924 100%,#999a7c 0) 0% 0% no-repeat;--bg-closed2:#695713;--bg-closed:transparent linear-gradient(180deg,#695713,#b5981b 100%,#999a7c 0) 0% 0% no-repeat;--title-color-closed:#fdfaf0;--content-bg2:#f8f4c1;--content-bg:transparent linear-gradient(180deg,#f8f4c1,#ba9e77) 0% 0% no-repeat;--border-color:#b5981b;--filter-active-bg:transparent linear-gradient(180deg,#bba078,#f5f0bd) 0% 0% no-repeat;--filter-active-border-color:#f5f0bd;--filter-inactive-title-color:#fdfaf0}.puna{--bg2:#a33b15;--bg:transparent linear-gradient(180deg,#a33b15,#ea6230 58%,#ea6230) 0% 0% no-repeat;--bg-closed2:#903716;--bg-closed:transparent linear-gradient(180deg,#903716,#d04c2c) 0% 0% no-repeat;--content-bg2:#f4b9a9;--content-bg:transparent linear-gradient(180deg,#f4b9a9,#d58e8e) 0% 0% no-repeat;--border-color:#d04c2c;--filter-active-bg:transparent linear-gradient(180deg,#d6908f,#f2b7a8) 0% 0% no-repeat;--filter-active-border-color:#f2b7a8;--filter-inactive-title-color:#fdfaf0}@font-face{font-display:swap;font-family:Roboto Condensed;font-style:normal;font-weight:400;src:url(261dc3f135d2ba91fb0a.eot);src:url(261dc3f135d2ba91fb0a.eot?#iefix) format("embedded-opentype"),url(bb7a4e73944870e385e1.woff2) format("woff2"),url(6edcf4aeb769818e21aa.woff) format("woff"),url(0d0e892d77350387cadd.ttf) format("truetype"),url(8bbcf46feb162b768a15.svg#RobotoCondensed) format("svg")}@font-face{font-display:swap;font-family:Roboto Condensed;font-style:normal;font-weight:700;src:url(c23f4320a99671220a8d.eot);src:url(c23f4320a99671220a8d.eot?#iefix) format("embedded-opentype"),url(6c26e7ba325616ba4252.woff2) format("woff2"),url(45d1ce7e4b9ea693389e.woff) format("woff"),url(21d5ac766742db5e6375.ttf) format("truetype"),url(7d286143e6606e65ec9d.svg#RobotoCondensed) format("svg")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:url(1e420a026c238f3ff0e6.eot);src:url(1e420a026c238f3ff0e6.eot?#iefix) format("embedded-opentype"),url(f25d774ecfe0996f8eb5.woff2) format("woff2"),url(48af7707fe9e6494d6a5.woff) format("woff"),url(e65e3463169db5a1a55f.ttf) format("truetype"),url(9024e4c16d0f988f4848.svg#Roboto) format("svg")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:url(7d4f7f5fd90497043541.eot);src:url(7d4f7f5fd90497043541.eot?#iefix) format("embedded-opentype"),url(227c93190fe7f82de3f8.woff2) format("woff2"),url(77ecb942e56f9b036426.woff) format("woff"),url(5e5b76f0fae3cf2ef7cc.ttf) format("truetype"),url(9cc0e6124996a8989420.svg#Roboto) format("svg")}*{font-family:unset}:root{--rem-base:48;--font-2:calc(2/var(--rem-base)*1rem);--font-3:calc(3/var(--rem-base)*1rem);--font-4:calc(4/var(--rem-base)*1rem);--font-6:calc(6/var(--rem-base)*1rem);--font-8:calc(8/var(--rem-base)*1rem);--font-12:calc(12/var(--rem-base)*1rem);--font-15:calc(15/var(--rem-base)*1rem);--font-20:calc(20/var(--rem-base)*1rem);--font-24:calc(24/var(--rem-base)*1rem);--font-30:calc(30/var(--rem-base)*1rem);--font-32:calc(32/var(--rem-base)*1rem);--font-36:calc(36/var(--rem-base)*1rem);--font-40:calc(40/var(--rem-base)*1rem);--font-45:calc(45/var(--rem-base)*1rem);--font-48:calc(48/var(--rem-base)*1rem);--font-50:calc(50/var(--rem-base)*1rem);--font-52:calc(52/var(--rem-base)*1rem);--font-56:calc(56/var(--rem-base)*1rem);--font-60:calc(60/var(--rem-base)*1rem);--font-63:calc(63/var(--rem-base)*1rem);--font-80:calc(80/var(--rem-base)*1rem);--white:#fcfdf5;--focus-color:var(--white);--focus-border-width:var(--font-6);--focus-border:var(--focus-border-width) solid var(--focus-color);--focus-box-shadow:0 0 calc(11/var(--rem-base * 1rem)) #fffdea77;--dark-blue:#365d63;--light-blue:#286e97;--card-shadow:0 var(--font-3) var(--font-8) #33392780;--height-animation-duration-ms:500ms;--title-font:"Roboto Condensed";--secondary-font:"Roboto"}.content-info{--bg:transparent linear-gradient(180deg,#2e4c6f,#286e88) 0% 0% no-repeat;--subtitle-color:#b3d6e6}.content-info-pages-button{--page-button-color:var(--white);--page-button-current-bg:#fcfdf5bf;--page-button-focus-bg:var(--focus-color)}.content-item{--bg:var(--dark-blue);--title-bg:transparent linear-gradient(180deg,#2e4c6f,#217fa2) 0% 0% no-repeat;--title-bg-closed:transparent linear-gradient(180deg,#122943,#124f65) 0% 0% no-repeat;--title-color-closed:#bfe0ed}.fullscreen{left:0;position:fixed;top:0}.fullscreen,body,html{height:100%;width:100%}body,html{margin:0;padding:0}body{background-color:#fff;color:var(--white);font-family:var(--title-font);overflow:hidden}html{font-size:9px}@media (min-width:640px){html{font-size:16px}}@media (min-width:768px){html{font-size:20px}}@media (min-width:810px){html{font-size:21px}}@media (min-width:1024px){html{font-size:24px}}@media (min-width:1536px){html{font-size:32px}}@media (min-width:1920px){html{font-size:40px;--height-animation-duration-ms:400ms}}@media (min-width:2560px){html{font-size:54px;--height-animation-duration-ms:300ms}}@media (min-width:3840px){html{font-size:72px;--height-animation-duration-ms:200ms}}