.index{background:var(--main-color);background:radial-gradient(circle,var(--main-color) 0,var(--main-color-gradient) 100%);flex-wrap:wrap;display:flex;align-items:center;max-width:100%;width:var(--size-index-box-width-max);max-height:calc(100% - 44px);height:var(--size-index-box-height-max);border-radius:20px;justify-content:center;position:relative;overflow:hidden}.index .title{letter-spacing:0;line-height:29px;min-height:38px;min-width:142px;text-align:center;white-space:nowrap}.back-arrow-button{position:absolute;right:10px;top:1%;cursor:pointer;filter:invert(calc(var(--invert-percentage) / 100));z-index:100}.user-button{width:50px;height:50px;position:absolute;left:15px;top:calc(1% + 3px);cursor:pointer;border-radius:50%;padding:3px}.back-arrow-button:hover,.hint-button:hover,.music-button-off:hover,.music-button:hover,.shop-button:hover,.stats-button:hover,.user-button:hover{scale:1.1}.stats-button{width:55px;height:55px;position:absolute;left:75px;top:1%;cursor:pointer;filter:invert(calc(var(--invert-percentage) / 100));padding:3px}.hint-button{position:absolute;left:10px;top:8px;padding-top:1px;padding-bottom:2px;cursor:pointer;filter:invert(calc(var(--invert-percentage) / 100));display:none}.shop-button{width:42px;height:42px;position:absolute;left:142px;top:calc(1% + 7px);cursor:pointer;filter:invert(calc(var(--invert-percentage) / 100));padding:3px}.music-button,.music-button-off{position:absolute;right:76px;top:calc(1% + 5px);filter:invert(calc(var(--invert-percentage) / 100));cursor:pointer}.music-button{width:35px;height:35px}.music-button-off{top:1%;right:72px;width:47px;height:47px}.index .messages-left{position:absolute;display:flex;left:50%;transform:translateX(-50%);bottom:10px;color:var(--text-color);font-size:var(--font-size-s);font-family:var(--font-family-gillsans-ultrabold);user-select:none}.index .messages-left strong{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:var(--font-size-tt);cursor:pointer;margin-left:10px;transform:translateY(-6px);padding:3px 12px;background-color:var(--white);color:var(--main-color);border-radius:8px}.index .messages-left strong:hover{color:var(--secondary-color);background-color:var(--whitesmoke)}.index .open-story{z-index:3;padding-left:15px;padding-top:3px;padding-right:15px;height:35px;width:270px;background-color:var(--secondary-color);border-radius:10px;position:absolute;left:20px;bottom:60px;text-align:center}.index .open-story p{color:var(--text-color);font-size:var(--font-size-l);font-family:var(--font-family-gillsans-ultrabold)}.index .open-story:hover{cursor:pointer;transform:scale(1.1);z-index:4}.index .open-casefile{z-index:3;width:270px;padding-left:15px;padding-top:3px;padding-right:15px;height:35px;background-color:var(--secondary-color);border-radius:10px;position:absolute;left:20px;bottom:15px;text-align:center}.index .open-casefile p{color:var(--text-color);font-size:var(--font-size-l);font-family:var(--font-family-gillsans-ultrabold)}.index .open-casefile:hover{cursor:pointer;transform:scale(1.1);z-index:4}.endgame-screen{margin-left:-20px;width:calc(100% + 40px);height:100%;overflow-y:auto;padding-bottom:25px;margin-bottom:60px}.index .flex-col-endgame{margin-top:35px!important;padding-bottom:0!important}.endgame-screen::-webkit-scrollbar{width:1px}.endgame-screen::-webkit-scrollbar-track{background:var(--secondary-color)}.endgame-screen::-webkit-scrollbar-thumb{background:#ccc;border-radius:25px;background-color:var(--text-color)}.endgame-screen>h2{font-size:var(--font-size-xl);font-family:var(--font-family-gillsans-ultrabold);color:var(--text-color);text-align:center}.endgame-screen>p{font-size:var(--font-size-m);font-family:var(--font-family-gillsans-ultrabold);color:var(--text-color);text-align:center;margin-top:25px;margin-bottom:25px;margin-left:10px;margin-right:10px}.endgame-screen>span{font-size:var(--font-size-m);font-family:var(--font-family-gillsans-ultrabold);color:var(--text-color);text-align:center;margin-top:30px}.achievement-endgame-box>p{font-size:var(--font-size-tt);font-family:var(--font-family-gillsans-ultrabold);text-align:left;margin-bottom:15px;padding:10px;background-color:var(--secondary-color);color:var(--text-color);border-radius:10px}.arrow{display:block;cursor:pointer;user-select:none;font-size:var(--font-size-tt);margin-top:-30px;font-family:var(--font-family-gillsans-ultrabold)}.arrow::before{content:'';display:inline-block;width:0;height:0;border-style:solid;border-width:15px 10px 0 10px;border-color:var(--text-color) transparent transparent transparent;margin-right:5px}.endgame-content{margin-top:40px;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;column-gap:45px;row-gap:25px;overflow-y:auto;justify-content:center}.index .endgame-screen .endgame-leave-button{margin-top:25px;width:fit-content;padding:10px 30px;font-weight:700;border-radius:10px;font-family:var(--font-family-gillsans-ultrabold);font-size:var(--font-size-m);color:var(--text-color);box-shadow:0 0 4px var(--text-color);transform:translateX(-7%)}.endgame-leave-button:focus,.index .endgame-screen .endgame-leave-button:hover{background-color:var(--main-color-pale);box-shadow:0 0 12px var(--text-color)}.case-solution{height:fit-content;background-color:var(--secondary-color);color:var(--text-color);white-space:pre-wrap;text-align:justify;align-items:flex-start;width:47%;padding-left:25px;padding-right:25px;border-radius:15px;font-size:var(--font-size-tt);line-height:1.2}#hidden-message{text-align:center;flex-direction:column;align-items:center;margin-top:-40px;padding-top:0}#hidden-message p{text-align:justify}.speaker-icon{filter:invert(calc(var(--invert-percentage) / 100));display:inline-block;width:30px;height:30px;margin-bottom:0;cursor:pointer}#message-input{background-color:transparent}.star-rating{white-space:nowrap;display:inline-block}.star-rating i{font-size:var(--font-size-m);transition:.15s;transform:translateY(-2px);color:var(--silver)}.star-rating i:hover{transform:scale(1.25);color:var(--star-color);animation:jump .5s alternate infinite;cursor:pointer}@keyframes jump{0%,50%{transform:translateY(0) scale(1.35)}100%{transform:translateY(-15%) scale(1.35)}}.star-rating i.active{color:var(--star-color)}.progress{position:relative;--progress:0%;align-self:center;width:94%;margin-left:3%;margin-right:3%;height:28px;border:1px solid var(--white);padding-top:6px;padding-bottom:6px;padding-left:4px;padding-right:50px;box-shadow:0 0 10px #aaa}.progress .bar{width:var(--progress);border-radius:3px;height:100%;background:linear-gradient(var(--progress-bar-color-1),var(--progress-bar-color-2),var(--progress-bar-color-3));background-repeat:repeat;box-shadow:0 0 10px 0 #fff;animation:shine 8s ease-in infinite,end 1s ease-out 1s 9;transition:width 1.5s ease;transition-delay:0.5s}.progress::after{font-family:var(--font-family-gillsans-ultrabold);content:attr(data-progress);position:absolute;right:0;top:6px;color:var(--text-color);width:50px;height:100%}@property --progress{syntax:"<length>";initial-value:0%;inherits:true}@keyframes shine{0%{background-position:0 0}100%{background-position:0 28px}}@keyframes end{0%,100%{box-shadow:0 0 10px 0 #fff}50%{box-shadow:0 0 15px 5px #fff}}@media (max-width:1600px) and (max-height:1000px){.index{border-radius:0;max-height:100%}}@media screen and (max-width:1800px){.index .flex-col-endgame{margin-top:40px!important;padding-bottom:30px!important}}@media screen and (max-width:1240px){.index{height:100%;border-radius:0}body{background-image:none}}@media screen and (max-width:1140px){.endgame-screen{width:calc(100% + 30px);margin-left:-15px}.endgame-content{padding-left:15px;padding-right:15px}.case-solution{width:100%}.index .endgame-screen .endgame-leave-button{transform:none}.achievement-endgame-box>p{text-align:center;padding:0;color:var(--text-color);background-color:unset;border-radius:0}}@media screen and (max-width:1050px){.endgame-screen{width:calc(100% + 20px);margin-left:-10px}.index .messages-left{left:unset;right:0;bottom:30px;transform:translateX(-80px)}}@media screen and (max-width:860px){.endgame-screen{width:calc(100% + 14px);margin-left:-7px}}@media screen and (max-width:680px){.endgame-screen{width:100%;margin-left:0}.endgame-content{padding-left:5px;padding-right:5px}.index .open-story{width:49%;left:1%;height:30px;border-radius:0;bottom:30px;padding-top:4px}.index .open-story p{font-size:var(--font-size-m)}.index .open-casefile{width:49%;left:50.4%;border-radius:0;bottom:30px;height:30px;padding-top:4px}.index .open-casefile p{font-size:var(--font-size-m)}.index .messages-left{bottom:0;right:unset;left:50%;font-size:var(--font-size-xxs);transform:translateX(-50%);white-space:nowrap}.index .messages-left strong{font-size:var(--font-size-xs);padding:2px 10px}.index .messages-left .arrow{padding:2px 8px}.index .arrow{font-size:var(--font-size-s)}.endgame-screen>h2{font-size:var(--font-size-l)}.endgame-screen>p{font-size:var(--font-size-s)}.achievement-endgame-box>p{font-size:var(--font-size-s)}}@media screen and (max-width:540px){.endgame-screen>h2{font-size:var(--font-size-m);margin-top:20px}.index .flex-col-endgame{margin-top:10px!important;padding-bottom:0!important}.case-solution{margin-left:5px;margin-right:5px}.music-button,.music-button-off{top:calc(1% + 74px);right:16px}.music-button-off{top:calc(1% + 68px);right:12px}.stats-button{width:38px;height:38px}.user-button{width:36px;height:36px;top:calc(1% + 1px)}.hint-button,.user-button{left:10px}.stats-button{left:56px}.shop-button{width:30px;height:30px;left:106px;top:calc(1% + 5px)}}@media screen and (max-width:400px){.index .open-casefile p,.index .open-story p{font-size:var(--font-size-s)}.index .open-casefile,.index .open-story{padding-top:6px}.hint-button,.stats-button,.user-button{width:34px;height:34px;top:6px}.shop-button{width:26px;height:26px;top:10px;left:80px}.gems-container{top:4px!important}.gems-container-right{right:0!important}.gems-container p{margin-right:8px!important}.stats-button{left:40px}.user-button{left:5px}.index .arrow{font-size:var(--font-size-xxs)}}