@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;800;900&display=swap";.check{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;box-shadow:0 7px 4px #00000059;border-radius:1.5rem;cursor:pointer;z-index:1}.check>span{border-radius:.8rem;min-width:3rem;display:flex;justify-content:center;align-items:center;font-family:Bebas,sans-serif;font-weight:600;color:#fff;font-size:1.9rem;background-image:linear-gradient(to bottom,#e1e1e1,#a8a8a8 86%);text-transform:uppercase;text-shadow:0 1px 2px hsla(0,0%,0%,.5);margin:1px;padding:.3rem 1.3rem}.check>span:after{content:"";position:absolute;width:100%;height:100%;background:#8d8d8d;z-index:-1;border-radius:.9rem;border-bottom:1px solid #555}.check>span img{height:1.7rem;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5019607843))}.check>span .record{width:2.5rem;height:1.7rem;display:flex;flex-direction:row;flex-wrap:nowrap;column-gap:.5rem;justify-content:center;align-items:center}.check>span .record>span{width:1rem;height:100%;background:#fff;border-radius:1rem;box-shadow:0 2px 3px #0000003d}.check>span .record>span:nth-child(1){animation:record 1s infinite linear}.check>span .record>span:nth-child(2){animation:record 1s infinite linear .4s}.check>span .record>span:nth-child(3){animation:record 1s infinite linear .2s}@keyframes record{0%{height:100%}50%{height:30%}to{height:100%}}.check.active>span{background-image:radial-gradient(circle at 27% 25%,#9bdf96,#4bbd64 86%)}.check.active>span:after{background:#65d155;border-bottom:1px solid #3f8834}.check.retry>span{background-image:linear-gradient(to top,#9b60ed,#e7d7ff)}.check:before{content:"";position:absolute;border-radius:1.3rem;width:calc(100% + 4px);height:calc(100% + 4px);border:4px solid transparent;z-index:-1;background-image:linear-gradient(to right,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);background-origin:border-box;background-clip:padding-box,border-box}.check:after{content:"";position:absolute;border-radius:1.4rem;width:calc(100% + 8px);height:calc(100% + 8px);border:4px solid transparent;z-index:-2;background-image:linear-gradient(to bottom,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);background-origin:border-box;background-clip:padding-box,border-box}footer{font-family:Bebas;position:fixed;bottom:0;right:0;width:80%;display:flex;row-gap:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:.7rem 0 1.5rem;background:linear-gradient(to bottom,#f1dafe,#b58eeb);z-index:9}footer .seasons{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:1.5rem}footer .seasons h3{font-size:1rem;font-weight:700;line-height:1rem}footer .seasons .arrow{height:1.5rem;cursor:pointer}footer .seasons .arrow.prev img{transform:rotate(180deg)}footer .seasons .arrow img{height:1.5rem;object-fit:contain;height:100%}footer h2{font-size:1.5rem;line-height:1.5rem;text-transform:uppercase}footer .ui-btn{position:absolute;width:2.5rem;height:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;top:0;right:15%;margin-top:-1.25rem}footer .ui-btn .arrow{position:absolute;width:95%;height:95%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:linear-gradient(#caadf2,#9460dd);border-radius:50%;border-bottom:1px solid #391b73;cursor:pointer}footer .ui-btn .arrow:before,footer .ui-btn .arrow:after{content:"";position:absolute;background:#fff;width:12%;height:40%;border-radius:.5rem}footer .ui-btn .arrow:before{rotate:-45deg;transform:translate(-70%,-17%)}footer .ui-btn .arrow:after{rotate:45deg;transform:translate(70%,-17%)}footer .ui-btn .bg{width:100%;height:100%;border-radius:50%;background:#ae7cf7}footer .ui-btn:before{content:"";position:absolute;border-radius:50%;width:calc(100% + 3px);height:calc(100% + 3px);border:3px solid transparent;z-index:-1;background-image:linear-gradient(to right,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);background-origin:border-box;background-clip:padding-box,border-box}footer .ui-btn:after{content:"";position:absolute;border-radius:50%;width:calc(100% + 6px);height:calc(100% + 6px);border:3px solid transparent;z-index:-2;background-image:linear-gradient(to bottom,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);background-origin:border-box;background-clip:padding-box,border-box;filter:drop-shadow(0 1px 1px rgba(55,27,132,.4588235294))}@media only screen and (max-width: 768px){footer .ui-btn{right:1.2rem}}footer .progress-bar{max-width:500px;position:relative;height:.3rem;display:flex;flex-direction:row;justify-content:space-evenly;width:100%;background-color:#fffcfec4;border-radius:5px;outline:5px solid rgba(218,190,255,.4117647059);top:auto;left:auto;transform:none;z-index:1}footer .progress-bar__progress{background-color:#9c6fd8;left:0;height:.3rem;border-radius:.2rem;transition:all 1s ease-in-out}footer .progress-bar span{width:.3rem;height:.3rem;background:#bfb0d2;z-index:1}@media only screen and (max-width: 768px){footer .progress-bar{width:80%}}@media only screen and (max-width: 768px){footer{width:100%}}#app-version{font-family:Fira,Courier New,Courier,monospace;position:fixed;right:1rem;bottom:1rem;color:#fff}#app-version span{text-transform:lowercase;font-size:75%}@media only screen and (max-width: 768px){#app-version{right:.5rem;bottom:0}}#quiz-popup{opacity:1;position:fixed;top:40%;width:100%;max-width:450px;font-family:Bebas;z-index:9;left:calc(50% + 10vw);transform:translate(-50%,-50%);transition:all .2s}#quiz-popup>img{position:absolute;height:4.5rem;top:-.9rem;left:1rem;z-index:1}#quiz-popup:after{content:"";position:absolute;width:100%;height:100%;background:#f8edc9;top:0;left:0;transform:rotate(-3deg);box-shadow:0 0 15px #24242475}#quiz-popup:before{content:"";position:fixed;width:100vw;height:100lvh;top:60%;left:calc(50% - 10vw);transform:translate(-50%,-50%);z-index:-3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}@media only screen and (max-width: 768px){#quiz-popup:before{left:50%;width:150%;height:200%}}#quiz-popup .quiz-card{height:max-content;padding:1rem;background:#dcc19d}#quiz-popup .quiz-card .btn.close{position:relative;border-radius:50%;top:-2.5rem;left:calc(100% - 2.5rem)}#quiz-popup .quiz-card .btn.close:before,#quiz-popup .quiz-card .btn.close:after{border-radius:50%}#quiz-popup .quiz-card .btn.close:after{filter:drop-shadow(0 3px 2px rgba(0,0,0,.4588235294))}#quiz-popup .quiz-card .scenes{position:relative;z-index:1;display:flex;flex-direction:column;gap:2.2rem;padding:0 1rem 3rem}#quiz-popup .quiz-card .scenes .scene-card{height:4rem;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;position:relative;filter:drop-shadow(0 0 2px rgba(155,99,99,.4))}#quiz-popup .quiz-card .scenes .scene-card:after,#quiz-popup .quiz-card .scenes .scene-card:before{content:"";position:absolute;width:100%;height:100%;background:#fdfdfd;z-index:-3;transform:skew(7deg) rotate(-1deg)}#quiz-popup .quiz-card .scenes .scene-card:before{background:#f6e8e7;transform:skew(-7deg) rotate(1deg)}#quiz-popup .quiz-card .scenes .scene-card.locked .theme-title{transform:translate(-40%)}#quiz-popup .quiz-card .scenes .scene-card:not(:has(a)) .theme-title{transform:translate(-40%)}#quiz-popup .quiz-card .scenes .scene-card .btn.loading svg{width:75%;-webkit-animation:loading-rotate 2s linear infinite;-moz-animation:loading-rotate 2s linear infinite;-o-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}#quiz-popup .quiz-card .scenes .scene-card .btn.loading .path{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:5;stroke:#fff;stroke-linecap:round;-webkit-animation:loading-dash 1.5s ease-in-out infinite;-moz-animation:loading-dash 1.5s ease-in-out infinite;-o-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite}#quiz-popup .quiz-card .scenes .scene-card .theme-ico{position:relative;width:5rem;height:5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%}#quiz-popup .quiz-card .scenes .scene-card .theme-ico:before{content:"";position:absolute;border-radius:50%;width:calc(100% + 6px);height:calc(100% + 6px);border:4px solid transparent;z-index:-1;background-image:linear-gradient(to right,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);background-origin:border-box;background-clip:padding-box,border-box}#quiz-popup .quiz-card .scenes .scene-card .theme-ico:after{content:"";position:absolute;border-radius:50%;width:calc(100% + 10px);height:calc(100% + 10px);border:4px solid transparent;z-index:-2;background-image:linear-gradient(to bottom,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);background-origin:border-box;background-clip:padding-box,border-box}#quiz-popup .quiz-card .scenes .scene-card .theme-ico img{width:140%;clip-path:inset(-.89% -19.64% 8.05% 13.39% round 50%)}#quiz-popup .quiz-card .scenes .scene-card.active .theme-ico{border-bottom:1.5px solid #177b1a;font-size:3rem;background-image:radial-gradient(circle at 27% 25%,#9bdf96,#4bbd64 86%);box-shadow:inset 2px 0 #71bb7b,inset -2px 0 #71bb7b,inset 0 2px #71bb7b,inset 0 -2px #71bb7b}#quiz-popup .quiz-card .scenes .scene-card.locked .btn{opacity:0;pointer-events:none}#quiz-popup .quiz-card .scenes .scene-card.locked .theme-ico{border-bottom:1.5px solid #5b5b5b;background-image:radial-gradient(circle at 27% 25%,#dfdfdf,#a2a2a2 86%);box-shadow:inset 2px 0 #aaa,inset -2px 0 #aaa,inset 0 2px #aaa,inset 0 -2px #aaa}#quiz-popup .quiz-card .scenes .scene-card.locked .theme-ico img{filter:grayscale(1)}#quiz-popup .quiz-card .scenes .scene-card.passed .theme-ico{border-bottom:1.5px solid #62239b;background-image:radial-gradient(circle at 31% 32%,#d3b3ff,#d1b0ff 2%,#bd8dff 31%,#b580ff 46%,#9368cf 75%,#8860bf 84%);box-shadow:inset 2px 0 #9a7fc1,inset -2px 0 #9a7fc1,inset 0 2px #9a7fc1,inset 0 -2px #9a7fc1}#quiz-popup .quiz-card .scenes .scene-card .theme-title{font-size:clamp(1.2rem,1.4vw,1.5rem);text-transform:uppercase;color:#302f2e;width:50%;white-space:nowrap}#quiz-popup .quiz-card .scenes .scene-card .btn{position:relative;box-shadow:0 2px 3px #0000004d;transition:all .3s ease}#quiz-popup .quiz-card .scenes .scene-card .btn:hover{filter:brightness(1.1)}#quiz-popup .quiz-card .scenes .scene-card .btn:before,#quiz-popup .quiz-card .scenes .scene-card .btn:after{content:none}#quiz-popup .quiz-card .scenes .btn.close{box-shadow:0 2px 3px #0000004d}#quiz-popup .quiz-card .scenes .check{width:max-content;margin:0 auto}#quiz-popup .quiz-card .scenes .check span:before{content:"";width:4.5rem;height:3.5rem;position:absolute;bottom:-2.2rem;left:calc(100% - 2rem);background:var(--btn-bg) center/contain no-repeat}#quiz-popup .quiz-card .scenes .check.locked{pointer-events:none}@media only screen and (max-width: 768px){#quiz-popup .quiz-card .scenes{padding:0 0 2rem}}#quiz-popup .quiz-name{position:absolute;bottom:-7rem;left:50%;transform:translate(-50%);width:50%;background:#dcc19d;color:#f8edc9;font-size:2rem;font-family:Bebas;font-weight:600;text-align:center;border-bottom:2.5rem solid #f8edc9;z-index:-1;padding:1rem 0;border-left:1rem solid #f8edc9;border-right:1rem solid #f8edc9;text-transform:uppercase;outline:3px solid rgba(51,51,51,.1098039216)}#quiz-popup .quiz-name:before,#quiz-popup .quiz-name:after{content:"";width:20%;height:80%;position:absolute;background:#dcc19d;top:0;z-index:-2}#quiz-popup .quiz-name:after{left:calc(-20% - 2rem);border-bottom:2.5rem solid #f8edc9;border-left:1rem solid #f8edc9}#quiz-popup .quiz-name:before{right:calc(-20% - 2rem);border-bottom:2.5rem solid #f8edc9;border-right:1rem solid #f8edc9}@media only screen and (max-width: 768px){#quiz-popup{max-width:calc(100% - 2.5rem);min-width:300px;width:90%;left:1.25rem;transform:translateY(-40%);z-index:99!important}}@media only screen and (max-width: 1600px){#quiz-popup{max-width:400px}#quiz-popup .quiz-name{padding:.2rem 0;bottom:-4.9rem;width:40%;border-bottom:1.5rem solid #f8edc9}#quiz-popup .quiz-name:before,#quiz-popup .quiz-name:after{border-bottom:1.5rem solid #f8edc9}#quiz-popup .quiz-card .scenes{gap:1.5rem}#quiz-popup .quiz-card .scenes .scene-card{height:3.5rem}#quiz-popup .quiz-card .scenes .scene-card .theme-ico{width:4rem;height:4rem}}#stop-alert{position:fixed;top:0;left:0;width:100vw;height:100vh;border-radius:1.5rem;z-index:8}#stop-alert:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:#00000040;z-index:-3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#stop-alert .card{position:absolute;max-width:50vh;min-width:25vw;top:45%;left:60%}@media only screen and (max-width: 768px){#stop-alert .card{left:50%;width:95%}}#stop-alert .card .img{position:relative;z-index:2}#stop-alert .card .img img{width:100%;height:100%;object-fit:contain}#stop-alert .card .text{position:relative;width:100%;height:100%;font-size:2.5vh;text-align:center;padding:2rem 0;margin-top:-1.5rem}#stop-alert .card .text h5{font-weight:400;font-family:Fira,Courier New,Courier,monospace}#stop-alert .card .text:before{content:"";position:absolute;width:80%;height:100%;top:0;left:10%;background:linear-gradient(to top,#fff,#efe4d0);transform:skew(5deg) skew(2deg);box-shadow:0 4px 4px #00000045;z-index:-1}#stop-alert .card .text:after{content:"";position:absolute;width:80%;height:100%;top:0;left:10%;background:linear-gradient(to top,#f6e8e6,#e8ccb4);transform:skew(-5deg) skewY(-2deg);box-shadow:0 4px 4px #00000045;z-index:-2}#stop-alert .card .button{width:100%;height:100%;margin-top:-1rem;display:flex;justify-content:center;align-items:center}body.lock-bg{overflow:hidden}#tutorial,#tutorial-chapter,#dialogue-tut{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:7}#tutorial:has(.tut-welcome)~main .episode>*,#tutorial-chapter:has(.tut-welcome)~main .episode>*,#dialogue-tut:has(.tut-welcome)~main .episode>*{opacity:0}#tutorial [class^=tut-],#tutorial-chapter [class^=tut-],#dialogue-tut [class^=tut-]{width:100%;height:100%}#tutorial .tut-welcome,#tutorial-chapter .tut-welcome,#dialogue-tut .tut-welcome{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#63626225}#tutorial .tut-welcome #dialogues,#tutorial-chapter .tut-welcome #dialogues,#dialogue-tut .tut-welcome #dialogues{background:none}#tutorial .tut-welcome .dialog,#tutorial-chapter .tut-welcome .dialog,#dialogue-tut .tut-welcome .dialog{justify-content:center;margin:auto auto 10%;flex-direction:column;gap:1.5rem}@media only screen and (max-width: 768px){#tutorial .tut-welcome .dialog,#tutorial-chapter .tut-welcome .dialog,#dialogue-tut .tut-welcome .dialog{margin:auto auto 40%}}#tutorial .tut-welcome .dialog.right .dialog-box,#tutorial-chapter .tut-welcome .dialog.right .dialog-box,#dialogue-tut .tut-welcome .dialog.right .dialog-box{position:relative!important}#tutorial .tut-welcome .dialog>*,#tutorial-chapter .tut-welcome .dialog>*,#dialogue-tut .tut-welcome .dialog>*{position:initial!important}#tutorial .tut-welcome .dialog .char,#tutorial-chapter .tut-welcome .dialog .char,#dialogue-tut .tut-welcome .dialog .char{width:auto;height:auto;max-height:40vh}#tutorial .tip,#tutorial-chapter .tip,#dialogue-tut .tip{position:absolute;display:flex;flex-direction:column;row-gap:1rem;background:linear-gradient(to bottom,#fff,#f4e7f9);box-shadow:0 8px 25px -8px #b0a5b4;border-radius:.5rem;padding:1rem;width:250px;font-family:FIra;font-weight:500;font-size:1.2rem;z-index:99;opacity:0}@media only screen and (max-width: 768px){#tutorial .tip p,#tutorial-chapter .tip p,#dialogue-tut .tip p{font-size:1rem}}#tutorial .tip button,#tutorial-chapter .tip button,#dialogue-tut .tip button{width:100%;border:3px solid #a38ec7;border-radius:.7rem;font-family:Bebas;padding:.5rem 0;font-size:1.3rem;font-weight:700;text-transform:uppercase;color:#3b2a7a;background:linear-gradient(to top,#c7aef3,#ece3fc 60%);cursor:pointer;transition:all .3s ease}#tutorial .tip button:hover,#tutorial-chapter .tip button:hover,#dialogue-tut .tip button:hover{filter:brightness(1.1)}#tutorial .tip.progress,#tutorial-chapter .tip.progress,#dialogue-tut .tip.progress{left:60%;bottom:8rem;transform:translate(-50%)}#tutorial .tip.profile,#tutorial-chapter .tip.profile,#dialogue-tut .tip.profile{right:unset!important;bottom:calc(100% - 20rem)!important;animation:profileTip .3s ease forwards!important}#tutorial .tip.profile:after,#tutorial-chapter .tip.profile:after,#dialogue-tut .tip.profile:after{left:-1rem;top:50%!important;transform:translateY(-50%) rotate(-135deg)!important;background:#f8f1fb!important}#tutorial .tip.mic,#tutorial-chapter .tip.mic,#dialogue-tut .tip.mic{left:calc(50% - 5rem);transform:translate(-50%)}#tutorial .tip.next,#tutorial-chapter .tip.next,#dialogue-tut .tip.next{left:calc(50% + 3.5rem);transform:translate(-50%)}#tutorial .tip .skip-adventure-tut,#tutorial-chapter .tip .skip-adventure-tut,#dialogue-tut .tip .skip-adventure-tut{width:max-content;align-self:end;font-size:1rem;text-decoration:underline;line-height:normal;cursor:pointer;font-weight:400}#tutorial .tip:after,#tutorial-chapter .tip:after,#dialogue-tut .tip:after{content:"";position:absolute;width:2rem;height:2rem;background:#fff;top:-1rem;transform:rotate(-45deg);border-top-right-radius:.5rem;left:calc(50% - 1rem);transform-origin:center;z-index:-1}#tutorial .tut-oxford,#tutorial-chapter .tut-oxford,#dialogue-tut .tut-oxford{background:linear-gradient(to top,rgba(52,51,51,.431372549),transparent 70%)}#tutorial .tut-oxford .tip,#tutorial-chapter .tut-oxford .tip,#dialogue-tut .tut-oxford .tip{top:45vh;left:60%;transform:translate(-50%);animation:oxfordTip .3s ease forwards;animation-delay:3s}@media only screen and (max-width: 768px){#tutorial .tut-oxford .tip,#tutorial-chapter .tut-oxford .tip,#dialogue-tut .tut-oxford .tip{left:50%}}@keyframes oxfordTip{0%{opacity:0;top:48vh}to{opacity:1;top:45vh}}#tutorial.oxford+#diploma #oxford-diploma,#tutorial-chapter.oxford+#diploma #oxford-diploma,#dialogue-tut.oxford+#diploma #oxford-diploma{filter:drop-shadow(0px 3px 7px rgba(72,68,115,.2));animation:view 3s ease-in-out;animation-delay:1s}@keyframes view{0%{transform:translate(-50%) scale(1);bottom:1rem}40%{transform:translate(-50%) scale(1.5);bottom:3rem}60%{transform:translate(-50%) scale(1.5);bottom:3rem}to{transform:translate(-50%) scale(1);bottom:1rem}}#tutorial .tut-quiz,#tutorial-chapter .tut-quiz,#dialogue-tut .tut-quiz{background:radial-gradient(circle at 60%,#0000 10%,#34333345,#3433336e 30%)}#tutorial .tut-quiz .tip,#tutorial-chapter .tut-quiz .tip,#dialogue-tut .tut-quiz .tip{top:57vh;left:60%;transform:translate(-50%);animation:quizTip .3s ease forwards;animation-delay:.7s}@media only screen and (max-width: 768px){#tutorial .tut-quiz .tip,#tutorial-chapter .tut-quiz .tip,#dialogue-tut .tut-quiz .tip{left:50%}}@keyframes quizTip{0%{opacity:0;top:60vh}to{opacity:1;top:57vh}}#tutorial.quiz~main .episode:last-child .quiz.tutorial,#tutorial-chapter.quiz~main .episode:last-child .quiz.tutorial,#dialogue-tut.quiz~main .episode:last-child .quiz.tutorial{z-index:99}#tutorial.quiz~main .episode:last-child .quiz.tutorial .quiz-langly img:last-child,#tutorial-chapter.quiz~main .episode:last-child .quiz.tutorial .quiz-langly img:last-child,#dialogue-tut.quiz~main .episode:last-child .quiz.tutorial .quiz-langly img:last-child{top:-5.5rem;left:3.5rem;transition-delay:1.5s;transition-duration:.7s}#tutorial .tut-arrow,#tutorial-chapter .tut-arrow,#dialogue-tut .tut-arrow{background:#3433336e}#tutorial .tut-arrow .tip,#tutorial-chapter .tut-arrow .tip,#dialogue-tut .tut-arrow .tip{bottom:9rem;right:calc(12% - 120px);animation:arrowTip .3s ease forwards;animation-delay:.7s}@media only screen and (max-width: 768px){#tutorial .tut-arrow .tip,#tutorial-chapter .tut-arrow .tip,#dialogue-tut .tut-arrow .tip{right:1rem}}#tutorial .tut-arrow .tip:after,#tutorial-chapter .tut-arrow .tip:after,#dialogue-tut .tut-arrow .tip:after{background:#f6eafa;top:unset;bottom:-1rem;transform:rotate(135deg)}@media only screen and (max-width: 768px){#tutorial .tut-arrow .tip:after,#tutorial-chapter .tut-arrow .tip:after,#dialogue-tut .tut-arrow .tip:after{bottom:-.5rem;left:calc(100% - 2.5rem)}}@keyframes arrowTip{0%{opacity:0;bottom:12rem}to{opacity:1;bottom:9rem}}#tutorial .tut-scene,#tutorial-chapter .tut-scene,#dialogue-tut .tut-scene{background:radial-gradient(circle at 60%,#0000 10%,#34333345,#3433336e 30%)}#tutorial .tut-scene .tip,#tutorial-chapter .tut-scene .tip,#dialogue-tut .tut-scene .tip{bottom:57vh;left:60%;transform:translate(-50%);animation:sceneTip .3s ease forwards;animation-delay:.7s}#tutorial .tut-scene .tip:after,#tutorial-chapter .tut-scene .tip:after,#dialogue-tut .tut-scene .tip:after{background:#f6eafa;top:unset;bottom:-1rem;transform:rotate(135deg)}@keyframes sceneTip{0%{opacity:0;bottom:60vh}to{opacity:1;bottom:57vh}}@keyframes profileTip{0%{opacity:0;left:calc(20% + 5rem)}to{opacity:1;left:calc(20% + 2rem)}}@media only screen and (max-width: 1600px){#tutorial.quiz~main .episode:last-child .quiz.tutorial .quiz-langly img:last-child{top:-5rem;left:2.5rem}}.play-buttons{z-index:99}#dialogues{position:absolute;overflow:clip;width:100vw;height:100dvh;display:flex;flex-direction:row;flex-wrap:nowrap;background:var(--dialog-background) center/cover no-repeat;z-index:10!important}#dialogues .progress-bar{position:absolute;top:5lvh;max-width:calc(400px + 1.5rem);z-index:9}@media only screen and (max-width: 768px){#dialogues .progress-bar{max-width:90%;top:4.5rem}}#dialogues .dialog{position:relative;width:100%;max-width:600px;display:flex;justify-content:center;align-items:center;margin:0 auto}@media only screen and (max-width: 768px){#dialogues .dialog{width:80svw}}#dialogues .dialog.right .char{right:0;transform:translate(50%);animation:rightAnim .5s ease-in-out}@media only screen and (max-width: 768px){#dialogues .dialog.right .char{right:30%}}#dialogues .dialog.right .dialog-box{top:60%;opacity:1}#dialogues .dialog.right .dialog-box .personage{right:.7rem;padding:0 .7rem 0 0;border-radius:0 .5rem .5rem 0}#dialogues .dialog.right .dialog-box .personage:before{left:-.7rem;transform:skew(-155deg);border-radius:.5rem 0 0 .2rem}#dialogues .dialog.right .dialog-box:before{transform:skewY(-182deg)}#dialogues .dialog.right.quiz .score{padding:clamp(.5rem,.6vw,.7rem) 0;background:linear-gradient(to right,#e040fb75,#ff174475);display:flex;justify-content:center;align-self:flex-start;margin:15vh auto 0;width:100%;max-width:500px;z-index:1;clip-path:polygon(0% 0%,95% 0%,95.78% 19.78%,96.02% 36.45%,97.3% 51.04%,97.83% 69.79%,99.27% 82.29%,100% 100%,5% 100%,3.65% 78.13%,3.67% 61.46%,2.03% 40.63%,2% 17.7%)}#dialogues .dialog.right.quiz .score p{font-family:Bebas,serif;font-size:clamp(1.5rem,1.5vw,2rem);margin:0;color:#fff}#dialogues .dialog.left .dialog-box{top:60%;opacity:1}#dialogues .dialog.left .personage{left:.7rem}#dialogues .dialog.left .char{left:0;transform:translate(-50%) scaleX(-1);animation:leftAnim .5s ease-in-out}@media only screen and (max-width: 768px){#dialogues .dialog.left .char{left:30%}}@keyframes leftAnim{0%{margin-left:-300px;opacity:0}to{margin-left:0;opacity:1}}@keyframes rightAnim{0%{margin-right:-300px;opacity:0}to{margin-right:0;opacity:1}}#dialogues .dialog.notify .dialog-box{top:auto;opacity:1;border-radius:1rem;padding:1.5rem}#dialogues .dialog.notify .dialog-box:before{content:none}#dialogues .dialog.notify .personage{left:50%;transform:translate(-50%);top:-1.5rem!important;padding:0 .7rem!important}#dialogues .dialog.notify .personage:after{content:"";position:absolute;width:3rem;height:100%;left:-.7rem;transform:skew(-155deg);background:#fff;top:0;border-radius:.5rem 0 0 .2rem;z-index:-1}#dialogues .dialog.notify .check{position:relative;bottom:10vh}#dialogues .dialog.choice{display:flex;flex-direction:column;gap:1rem}#dialogues .dialog.choice.right .choices,#dialogues .dialog.choice.right .dialog-box,#dialogues .dialog.choice.left .choices,#dialogues .dialog.choice.left .dialog-box{position:absolute;top:60%;z-index:9}#dialogues .dialog.choice .dialog-box{position:relative;top:auto;opacity:1;border-radius:1rem;padding:1.5rem}#dialogues .dialog.choice .dialog-box:has(:not(.message)){padding:0!important;border:none!important}#dialogues .dialog.choice .dialog-box:before{content:none}#dialogues .dialog .choices{display:flex;flex-direction:column;max-width:calc(400px - 1.5rem);gap:1rem;width:100%;align-items:center}#dialogues .dialog .choices>.choice{position:relative;width:100%;padding:1rem 1.5rem;border-radius:1.5rem;outline:0;border:0;background:radial-gradient(circle at 50% 50%,#e9ddfb,#e0cbfc,#d4c0f0,#d2b8f6,#c49ef9);box-shadow:0 3px 4px #3b2a7a6b,inset 0 0 13px #ffffffd4;font-family:Fira;font-size:1.7rem;margin:.25rem 0;font-weight:500;text-align:left;color:#3b2a7a;cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter .3s ease-in-out}#dialogues .dialog .choices>.choice:first-letter{text-transform:uppercase}#dialogues .dialog .choices>.choice:before{content:"";position:absolute;width:calc(100% + 1rem);height:calc(100% + 1rem);background-color:#f1f2f7;top:-.4rem;left:-.5rem;z-index:-1;border-radius:2rem}#dialogues .dialog .choices>.choice svg{position:absolute;top:.6rem;left:.5rem;height:77%}#dialogues .dialog .choices>.choice svg path,#dialogues .dialog .choices>.choice svg circle{fill:#f8f2ff}#dialogues .dialog .choices>.choice svg:nth-child(2){left:calc(100% - 1.2rem)}#dialogues .dialog .choices>.choice:active{background:radial-gradient(circle at 50% 50%,#fff,#ede0ff,#e1d3f4,#d9c9ee,#dabfff)}#dialogues .dialog .char{position:absolute;height:200vh;top:0;margin:0}@media only screen and (max-width: 768px){#dialogues .dialog .char{height:130vh;top:15%}}#dialogues .dialog .dialog-box{opacity:0;width:100%;position:absolute;top:70%;max-width:calc(400px - 1.5rem);background:#fff;border:.4rem solid #f1f2f7;border-radius:0 0 1rem 1rem;padding:.5rem 1.5rem 2rem;font-family:Fira;filter:drop-shadow(0 0 12px rgba(0,0,0,.2));transition:all .3s ease-in-out;z-index:3}#dialogues .dialog .dialog-box:before{content:"";position:absolute;top:-1.7rem;left:-.37rem;width:100%;height:80%;background:#fff;transform:skewY(182deg);border-radius:1rem 1rem 0 0;z-index:-1;border:.4rem solid #f1f2f7;border-bottom:none}#dialogues .dialog .dialog-box .personage{position:absolute;top:-3rem;font-size:1.2rem;padding:0 0 0 .7rem;background:#fff;border-radius:.5rem 0 0 .5rem;font-weight:600;filter:drop-shadow(0 0 10px rgba(0,0,0,.2117647059))}#dialogues .dialog .dialog-box .personage:before{content:"";position:absolute;width:3rem;height:100%;right:-.7rem;transform:skew(155deg);background:#fff;top:0;border-radius:0 .5rem .2rem 0;z-index:-1}#dialogues .dialog .dialog-box .message{font-weight:400;line-height:1.3rem}@media only screen and (max-width: 768px){#dialogues .dialog .dialog-box .message{font-size:inherit}}#dialogues .dialog .dialog-box .translate.translated{box-shadow:inset 0 0 8px #0009}#dialogues .dialog .dialog-box .spelling{display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;height:max-content;width:max-content;position:absolute;right:1.5rem;bottom:0;transform:translateY(50%)}#dialogues .dialog .dialog-box .spelling .btn{position:relative;border-radius:50%;filter:drop-shadow(0 5px 9px rgba(0,0,0,.5))}#dialogues .dialog .dialog-box .spelling .btn:active,#dialogues .dialog .dialog-box .spelling .btn.active,#dialogues .dialog .dialog-box .spelling .btn.playing{box-shadow:inset 0 0 8px #0009}#dialogues .dialog .dialog-box .spelling .btn:active img,#dialogues .dialog .dialog-box .spelling .btn.active img,#dialogues .dialog .dialog-box .spelling .btn.playing img{transform:translate(-50%,-50%) scale(.8);transition:all .2s}#dialogues .dialog .dialog-box .spelling .btn:before{content:none}#dialogues .dialog .dialog-box .spelling .btn:after{background:none;border:.2rem solid #fff;border-radius:50%;width:calc(100% + 2px);height:calc(100% + 2px);filter:drop-shadow(0 .5rem 7px rgba(0,0,0,.4509803922))}#dialogues .dialog .dialog-box .spelling .btn.pressed{box-shadow:inset 0 0 8px #0009}#dialogues .dialog .dialog-box .spelling .btn.pressed img{transform:translate(-50%,-50%) scale(.8) rotateY(180deg)}#dialogues .action-btns{bottom:5lvh;position:absolute;display:flex;gap:1.5rem}#dialogues .action-btns .btn{position:relative}#testing-mode{position:fixed;top:0;right:7.5rem;pointer-events:none;z-index:15}#testing-mode p{text-transform:uppercase;font-size:1rem;font-weight:600;color:#e6ceff;box-shadow:0 3px 7px #48447333;border-radius:0 0 1rem 1rem;padding-inline:1rem;border-top:none;background:#9b6ae0}#feedback{display:block;position:fixed;top:calc(5svh + 4rem);right:7.5rem;z-index:11;width:2.5rem}#feedback:has(~#game){z-index:9}@media only screen and (max-width: 768px){#feedback:has(~#game){display:none}}#feedback:has(~#dialogues){z-index:13}@media only screen and (max-width: 768px){#feedback:has(~#dialogues){display:none}}#feedback .ui-btn{position:absolute;width:2.5rem;height:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:2rem;top:3px;right:3px;cursor:pointer;transition:.2s ease}#feedback .ui-btn:not(.open):hover{width:clamp(7rem,11vw,11rem)}#feedback .ui-btn:not(.open):hover>.icon svg{width:0;transition:0s ease;transition-delay:0s}#feedback .ui-btn:not(.open):hover>.icon:before{content:attr(data-feedback);font-weight:600;opacity:1;transition-delay:.1s}#feedback .ui-btn .icon{width:100%;height:100%;position:absolute;align-items:center;display:flex;justify-content:center;background-image:linear-gradient(#caadf2,#9460dd);border-radius:2rem;border-bottom:1px solid #391b73}#feedback .ui-btn .icon:before{content:"";color:#fff;font-weight:500;opacity:0;transition:.3s ease}#feedback .ui-btn .icon svg{width:60%;transition:.2s ease;transition-delay:.2s}#feedback .ui-btn .icon .loading{height:2rem;width:2rem}#feedback .ui-btn .icon .loading svg{width:100%;-webkit-animation:loading-rotate 2s linear infinite;-moz-animation:loading-rotate 2s linear infinite;-o-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}#feedback .ui-btn .icon .loading .path{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:5;stroke:#fff;stroke-linecap:round;-webkit-animation:loading-dash 1.5s ease-in-out infinite;-moz-animation:loading-dash 1.5s ease-in-out infinite;-o-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite}#feedback .ui-btn .icon .loading+svg{display:none}#feedback .ui-btn .bg{width:100%;height:100%;border-radius:2rem;background:#ae7cf7}#feedback .ui-btn:before{content:"";position:absolute;border-radius:2rem;width:calc(100% + 3px);height:calc(100% + 3px);border:3px solid transparent;z-index:-1;background-image:linear-gradient(to right,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);background-origin:border-box;background-clip:padding-box,border-box}#feedback .ui-btn:after{content:"";position:absolute;border-radius:2rem;width:calc(100% + 6px);height:calc(100% + 6px);border:3px solid transparent;z-index:-2;background-image:linear-gradient(to bottom,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);background-origin:border-box;background-clip:padding-box,border-box;filter:drop-shadow(0 1px 1px rgba(55,27,132,.4588235294))}#feedback .content{opacity:0;width:0;height:0;overflow:clip;transition:opacity .5s ease-in-out;transition-delay:.1s}#feedback.open{width:250px;height:250px;background-image:linear-gradient(to right,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);padding:1rem 2rem;border-radius:1.5rem;color:#fff;box-shadow:0 3px 7px #48447333}#feedback.open .content{opacity:1;width:auto;height:250px;overflow:inherit;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}#feedback.open .content h4{width:100%;text-align:left;margin-left:-1.5rem}#feedback.open .content .thnk{width:max-content}#feedback.open .content textarea{width:100%;height:130px;resize:none;border:none;outline:none;border-radius:1rem;padding:.5rem .7rem;font-family:Fira,Courier New,Courier,monospace}#feedback.open .content .check.disabled{pointer-events:none}#feedback.open .content .counter{position:absolute;color:#fff;bottom:3.5rem;width:100%;text-align:right;padding-inline:2rem;box-sizing:border-box;font-weight:500;font-size:.7rem}#feedback.open:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;margin:2px;border-radius:inherit;background:linear-gradient(to bottom,#caadf2,#9460dd)}@media only screen and (max-width: 768px){#feedback{top:4.2rem;right:1rem}}#global-settings{display:block;position:fixed;top:calc(5svh - 3px);right:7.5rem;z-index:11;width:2.5rem}#global-settings:has(~#game){z-index:9}#global-settings:has(~#dialogues){z-index:13}#global-settings .ui-btn{position:absolute;width:2.5rem;height:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:2rem;top:3px;right:3px;cursor:pointer;transition:.2s ease}#global-settings .ui-btn:not(.open):hover{width:clamp(7rem,11vw,11rem)}#global-settings .ui-btn:not(.open):hover>.icon svg{width:0;transition:0s ease;transition-delay:0s}#global-settings .ui-btn:not(.open):hover>.icon:before{content:attr(data-settings);width:max-content;font-weight:600;opacity:1;transition-delay:.1s}#global-settings .ui-btn .icon{width:100%;height:100%;position:absolute;align-items:center;display:flex;justify-content:center;background-image:linear-gradient(#caadf2,#9460dd);border-radius:2rem;box-shadow:inset 0 -1px #391b73}#global-settings .ui-btn .icon:before{content:"";color:#fff;font-weight:500;opacity:0;transition:.3s ease}#global-settings .ui-btn .icon svg{width:60%;transition:.2s ease;transition-delay:.2s}#global-settings .ui-btn .icon .loading{height:2rem;width:2rem}#global-settings .ui-btn .icon .loading svg{width:100%;-webkit-animation:loading-rotate 2s linear infinite;-moz-animation:loading-rotate 2s linear infinite;-o-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}#global-settings .ui-btn .icon .loading .path{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:5;stroke:#fff;stroke-linecap:round;-webkit-animation:loading-dash 1.5s ease-in-out infinite;-moz-animation:loading-dash 1.5s ease-in-out infinite;-o-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite}#global-settings .ui-btn .icon .loading+svg{display:none}#global-settings .ui-btn .bg{width:100%;height:100%;border-radius:2rem;background:#ae7cf7}#global-settings .ui-btn:before{content:"";position:absolute;border-radius:2rem;width:calc(100% + 3px);height:calc(100% + 3px);border:3px solid transparent;z-index:-1;background-image:linear-gradient(to right,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);background-origin:border-box;background-clip:padding-box,border-box}#global-settings .ui-btn:after{content:"";position:absolute;border-radius:2rem;width:calc(100% + 6px);height:calc(100% + 6px);border:3px solid transparent;z-index:-2;background-image:linear-gradient(to bottom,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);background-origin:border-box;background-clip:padding-box,border-box;filter:drop-shadow(0 1px 1px rgba(55,27,132,.4588235294))}#global-settings .controls{opacity:0;width:0;height:0;transition:opacity .5s ease-in-out;transition-delay:.1s;overflow:clip}#global-settings.open{width:250px;height:250px;background-image:linear-gradient(to right,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);padding:1rem 4.5rem 1rem 2rem;border-radius:1.5rem;color:#fff;box-shadow:0 3px 7px #48447333}#global-settings.open .controls{opacity:1;width:auto;height:auto;overflow:inherit;display:flex;flex-direction:column;gap:.7rem}#global-settings.open .controls p{font-family:Fira,Courier New,Courier,monospace;font-size:16px;font-weight:600;margin-bottom:.2rem}#global-settings.open .controls .language{width:calc(100% + 2.5rem)}#global-settings.open .controls .language .languages{width:100%;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:2rem;gap:5px}#global-settings.open .controls .language .languages .flag{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer}#global-settings.open .controls .language .languages .flag:hover>p{opacity:1}#global-settings.open .controls .language .languages .flag:hover:after{mix-blend-mode:normal;background-color:#9167cf44}#global-settings.open .controls .language .languages .flag.active{pointer-events:none}#global-settings.open .controls .language .languages .flag.active img{filter:drop-shadow(0 2px 1px rgba(0,0,0,.4))}#global-settings.open .controls .language .languages .flag.active p{opacity:1;color:#ffffffc7}#global-settings.open .controls .language .languages .flag.active:after{mix-blend-mode:normal;background-color:transparent}#global-settings.open .controls .language .languages .flag:after{content:"";position:absolute;top:-1%;left:-5%;width:110%;height:102%;border-radius:.5rem;background-color:#9167cf;mix-blend-mode:color;z-index:1}#global-settings.open .controls .language .languages .flag img{width:100%;height:100%;object-fit:cover;border:1px solid #d2b4ff;border-radius:.5rem;transition:all .3s ease}#global-settings.open .controls .language .languages .flag p{position:absolute;height:1rem;line-height:1rem;font-size:14px;font-weight:600;top:calc(100% + 5px);opacity:0;color:#d5b9ff;transition:opacity .3s ease}#global-settings.open:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;margin:2px;border-radius:inherit;background:linear-gradient(to bottom,#caadf2,#9460dd)}#global-settings.open .ui-btn{position:absolute;width:2.5rem;height:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:2rem;top:3px;right:3px;cursor:pointer}#global-settings.open .ui-btn .icon{width:100%;height:100%;position:absolute;align-items:center;display:flex;justify-content:center;background-image:linear-gradient(#caadf2,#9460dd);border-radius:2rem;border-bottom:1px solid #391b73}#global-settings.open .ui-btn .bg{width:100%;height:100%;border-radius:2rem;background:#ae7cf7}#global-settings.open .ui-btn:before{content:"";position:absolute;border-radius:2rem;width:calc(100% + 3px);height:calc(100% + 3px);border:3px solid transparent;z-index:-1;background-image:linear-gradient(to right,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);background-origin:border-box;background-clip:padding-box,border-box}#global-settings.open .ui-btn:after{content:"";position:absolute;border-radius:2rem;width:calc(100% + 6px);height:calc(100% + 6px);border:3px solid transparent;z-index:-2;background-image:linear-gradient(to bottom,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);background-origin:border-box;background-clip:padding-box,border-box;filter:drop-shadow(0 1px 1px rgba(55,27,132,.4588235294))}#global-settings.open .volume{position:relative}#global-settings.open .volume:after{content:"";position:absolute;top:5px;left:0;width:100%;height:20px;background-image:repeating-linear-gradient(90deg,#d9beff 1.5px,#d9beff 3px,transparent 3px,transparent 62.5px);z-index:-1}#global-settings.open .volume:before{content:"";position:absolute;top:14px;left:-1rem;width:calc(100% + 2rem);height:2px;border-radius:3px;background:#d9beff}#global-settings.open .volume .volume-labels{position:absolute;top:-5px;left:0;width:100%;font-family:Fira;font-weight:500;color:#ffffff8a;justify-content:space-between}#global-settings.open .volume .volume-labels span{position:absolute;font-size:15px;opacity:0;transition:opacity .2s ease-in-out;z-index:-1;cursor:default}#global-settings.open .volume .volume-labels span:first-child{left:7px}#global-settings.open .volume .volume-labels span:nth-child(2){left:calc(25% + 7px)}#global-settings.open .volume .volume-labels span:nth-child(3){left:calc(50% + 5px)}#global-settings.open .volume .volume-labels span:nth-child(4){left:calc(75% + 5px)}#global-settings.open .volume .volume-labels span:last-child{left:calc(100% + 3px)}#global-settings.open .volume .volume-labels span.spot{opacity:1;animation:1s accent ease-in forwards}@keyframes accent{0%{color:#fff;transform:scale(1.1)}to{color:#ffffff8a;transform:scale(1)}}#global-settings.open .slider{position:relative;height:30px;width:100%;background-color:transparent;border:none;outline:none;border-radius:5px;cursor:pointer;z-index:1}#global-settings.open .slider:hover{opacity:1}#global-settings.open .slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;width:5px;height:35px;border-radius:3px;background:#fff;cursor:pointer}#global-settings.open .slider::-moz-range-thumb{border:none;outline:none;width:5px;height:35px;background:#fff;cursor:pointer}#global-settings.open .slider[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;height:30px}#global-settings.open .slider::progress-value{background-color:#fff;height:100%}#global-settings.open .slider::-webkit-progress-value{background-color:#fff;border-radius:5px}#global-settings.open .slider::-webkit-progress-bar{text-align:center;background-color:#d9beff;border-radius:5px}#global-settings.open .slider[value]::-moz-progress-bar{background-color:#fff;border-radius:5px}@media only screen and (max-width: 768px){#global-settings{top:1rem;right:1rem}}.btn-square{position:relative;width:2.5rem;height:2.5rem;aspect-ratio:1/1;box-shadow:0 3px 7px #48447380;border-radius:.2rem;outline:.2rem solid #f1e7e7;border:none;cursor:pointer;transition:filter .2s ease;z-index:1}.btn-square:hover{filter:brightness(1.1)}.btn-square:hover .tooltip{opacity:1;bottom:calc(100% + .3rem)}.btn-square .tooltip{position:absolute;white-space:nowrap;background-color:#fff;border-radius:.3rem;padding:.2rem .7rem;left:50%;bottom:calc(100% + .7rem);transform:translate(-50%);opacity:0;box-shadow:0 3px 7px #48447380;pointer-events:none;z-index:2;transition:bottom .2s ease,opacity .2s ease}.btn-square .tooltip:after{content:"";position:absolute;bottom:-.25rem;left:50%;transform:translate(-50%) rotate(45deg);width:.5rem;height:.5rem;background-color:#fff;z-index:-1;border-radius:0 0 2px}.btn-square svg{fill:#fff;width:auto;height:60%}.btn-square .text{display:block;width:100%;height:100%;border-radius:.2rem;display:flex;align-items:center;justify-content:center}.btn-square .text svg{fill:#fff;width:auto;height:60%}.btn-square.red .text,.btn-square.red{background-color:#da3939}.btn-square.violet .text,.btn-square.violet{background-color:#6e4aa1}.btn-square.green .text,.btn-square.green{background-color:#9acc91}nav{font-family:Bebas;position:fixed;display:flex;flex-direction:column;align-items:center;border-right:1px solid #fff;left:0;top:0;z-index:10;background:linear-gradient(168deg,#ffffff4d -7%,#f3e0ff40 76%),linear-gradient(to bottom,#ffffff8c,#ffffff73 98%),linear-gradient(to bottom,#fffffff0,#f4d8ff70 99%);width:20%;height:100%}nav .logo-nav{width:50%;margin:4rem auto}nav .nav-list{display:flex;flex-direction:column;row-gap:1.5rem;margin:0 auto}nav .nav-list a{font-weight:700;font-size:1.5rem;color:#766d95;display:flex;column-gap:1rem;flex-direction:row;align-items:center}nav .nav-list a>span:first-letter{text-transform:uppercase}nav .nav-list a:hover,nav .nav-list a.active{color:#3b2a7a}nav .nav-list a:hover svg,nav .nav-list a.active svg{fill:#3b2a7a}nav .nav-list a:hover:after,nav .nav-list a.active:after{opacity:1}nav .nav-list a:after{content:"";opacity:0;width:calc(100% - .3rem);height:2.9rem;left:0;z-index:-1;position:absolute;border-radius:.5rem;box-shadow:0 8px 25px -8px #b0a5b4;background-image:linear-gradient(104deg,#ffffff4d 10%,#f3e0ff40 71%),linear-gradient(to bottom,#ffffff8c,#ffffff73 98%),linear-gradient(to bottom,#fffffff0,#f4d8ff70 99%);background-origin:border-box;background-clip:content-box,content-box,border-box;border:2px solid rgba(255,255,255,.4588235294);transition:opacity .3s ease-in-out}nav .nav-list a svg{width:1rem;height:1rem;fill:#766d95;transition:all .3s}nav .nav-list .more{display:none;opacity:0;position:absolute;left:100%;margin-left:.2rem;width:max-content;padding:.7rem 2rem;margin-top:-2.5rem;background:#f8f2fc;border-radius:.7rem;border:1px solid #fff;transition:all .3s ease-in-out;z-index:0}nav .nav-list.active{opacity:1;display:flex}nav .terms{display:flex;flex-direction:row;flex-wrap:nowrap;column-gap:.3rem;align-items:center;position:absolute;bottom:2.5rem}nav .terms a{color:#615879}@media only screen and (max-width: 768px){nav .terms a{font-size:1rem}}nav .terms a:hover{color:#3b2a7a}@media only screen and (max-width: 768px){nav{left:-100%;width:calc(100svw - 5rem);height:100%;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:fixed;transition:all .3s ease}nav.opened{left:0}}#nav-position{display:none}@media only screen and (max-width: 768px){#nav-position{display:block;position:fixed;top:1.2rem;left:1.2rem;z-index:11}}.modal-content .btn-container{display:inline-flex;gap:2rem;height:3rem;margin-top:2rem}@media only screen and (max-width: 768px){.modal-content .btn-container{margin-top:1rem;display:flex;flex-direction:column-reverse;gap:1rem;height:auto}.modal-content .btn-container button{height:3rem}}.modal-content .btn-container .btn-red{border-color:#7c3131;color:#7c3131}.modal-content .btn-container .btn-red:hover{background-color:#7c3131;color:#fff}#basicAlert{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;width:100%;height:100dvh;z-index:99}#basicAlert:after{content:"";width:100%;height:100%;position:absolute;background:#00000054;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:-1}#basicAlert .basic-alert{display:flex;justify-content:center;align-items:center;position:relative;width:100%;max-width:440px;min-width:300px;background:linear-gradient(#6f228c,#711959);box-shadow:inset 0 .7rem #9a52a5,0 4px 7px #333333d1;border-radius:1.5rem;animation:alertIn .5s ease;z-index:1}@media only screen and (max-width: 768px){#basicAlert .basic-alert{width:90%}}#basicAlert .basic-alert:before{content:"";position:absolute;width:calc(100% - 2.5rem);height:calc(100% - 3rem);transform:rotate(4deg) skewY(-2deg) skew(2deg);background:linear-gradient(182deg,#e8ccb4,#f6e8e6)}#basicAlert .basic-alert:after{content:"";position:absolute;width:calc(100% - 2.5rem);height:calc(100% - 3rem);transform:rotate(-4deg) skewY(3deg);background:linear-gradient(179deg,#efe4d0 15%,#fff)}#basicAlert .basic-alert .info{font-family:Fira,serif;min-height:15vh;padding:2.5rem 1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}#basicAlert .basic-alert .info .title{text-transform:initial;margin-bottom:.5rem}#basicAlert .basic-alert .info .title:first-letter{text-transform:uppercase}#basicAlert .basic-alert .info p{font-size:clamp(1rem,1.5vw,1.5rem);text-align:center}#basicAlert .basic-alert .info:after{content:"";position:absolute;width:100%;height:100%;max-height:7vh;min-height:3rem;top:calc(0% + .7rem);background:var(--tip) center/contain no-repeat;z-index:-1;transform:translateY(-50%)}#basicAlert .basic-alert .info .btn.close{position:absolute;top:-.7rem;right:-.5rem;border-radius:50%}#basicAlert .basic-alert .info .btn.close:before,#basicAlert .basic-alert .info .btn.close:after{border-radius:50%}#basicAlert .basic-alert .info .btn.close:after{filter:drop-shadow(0 3px 1px rgba(0,0,0,.4117647059))}@keyframes alertIn{0%{top:10%;opacity:0}to{top:0;opacity:1}}#basicAlert .character{position:absolute;width:100vw;height:200vh;left:0;top:0;z-index:0}#basicAlert .character img{height:100%;margin-left:40%;animation:getIn 1s ease}@media only screen and (max-width: 768px){#basicAlert .character img{margin-left:-15%;height:70%;animation:getInPhone 1s ease}}@keyframes getIn{0%{margin-left:50%;opacity:0}50%{margin-left:50%;opacity:0}to{margin-left:40%;opacity:1}}@keyframes getInPhone{0%{margin-left:30%;opacity:0}50%{margin-left:30%;opacity:0}to{margin-left:-15%;opacity:1}}#basicAlert .action-btn{display:flex;flex-direction:row;flex-wrap:nowrap;gap:2rem;position:absolute;bottom:5vh;z-index:1;animation:btnIn 1s ease}@keyframes btnIn{0%{opacity:0;bottom:-5vh}to{opacity:1;bottom:5vh}}#chat-page{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--chat-bg) center/cover no-repeat;overflow:clip;position:absolute;bottom:0;font-family:Fira,Courier New,Courier,monospace}#chat{position:relative;left:10%;width:60%;height:75svh;max-height:900px;max-width:1200px;background:#fefefed9;box-shadow:0 3px 7px #48447333;border-radius:1rem;padding:1rem;display:grid;grid-template-rows:auto 100px;row-gap:1.5rem;z-index:1}@media only screen and (max-width: 768px){#chat{box-sizing:border-box;width:95%;height:92%;top:0;left:0;padding:.2rem}}#chat:after{content:"";position:absolute;top:-.2rem;left:-.2rem;width:calc(100% + .4rem);height:calc(100% + .4rem);outline:2px solid #fff;border-radius:1.1rem;transform:scale(1);box-shadow:0 0 #fff0;transition:all 1s ease-in-out;z-index:-1}#chat.loading-true:after{animation:pulse 1s infinite ease-in}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #ffffffb3}70%{transform:scale(1.007);box-shadow:0 0 0 30px #fff0}to{transform:scale(1);box-shadow:0 0 #fff0}}#chat .input-wrap{display:grid;grid-template-columns:auto 90px;grid-template-areas:"textarea button";align-items:center;gap:1rem}@media only screen and (max-width: 768px){#chat .input-wrap{grid-template-columns:auto 70px;gap:.5rem}}#chat .input-wrap textarea{grid-area:textarea;height:calc(100% - 2rem);outline:none;border:2px solid #e2d8ff;resize:none;border-radius:1rem;padding:1rem;font-family:Fira,Courier New,Courier,monospace;font-size:1rem;color:#615879;box-shadow:0 3px 7px #48447333}#chat .input-wrap textarea::placeholder{color:#917ec978}@media only screen and (max-width: 768px){#chat .input-wrap textarea{padding:.5rem;box-sizing:border-box;height:100%}}#chat .input-wrap .listening-anim{position:absolute;opacity:0;bottom:1.5rem;left:1.7rem;width:1rem;height:1rem;background:#9b7eb4;border-radius:50%;animation:listening 1s ease-in-out infinite;transition:opacity .3s ease-in-out}#chat .input-wrap .listening-anim.listen{opacity:1}@media only screen and (max-width: 768px){#chat .input-wrap .listening-anim{left:.7rem;bottom:.7rem}}#chat .input-wrap .char-counter{position:absolute;bottom:1rem;right:8.3rem;font-size:.8rem;color:#888;pointer-events:none}@media only screen and (max-width: 768px){#chat .input-wrap .char-counter{right:5.6rem;bottom:.3rem}}#chat .input-wrap .char-counter.yellow{color:#fe9b00}#chat .input-wrap .char-counter.red{color:red}@keyframes listening{0%{transform:scale(.5)}50%{transform:scale(1)}to{transform:scale(.5)}}#chat .input-wrap .button{grid-area:button;position:relative;width:80px;height:80px;border-radius:50%;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 10px #484473b3;outline:4px solid #fff;border:2px solid rgba(255,255,255,.6);cursor:pointer;transition:filter .2s ease-in-out;transition:all .5s;z-index:3;will-change:transform}@media only screen and (max-width: 768px){#chat .input-wrap .button{width:60px;height:60px}}#chat .input-wrap .button:hover{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-perspective:1000;filter:contrast(1.5) brightness(1.1)}#chat .input-wrap .button.listening-true{pointer-events:none;filter:contrast(1.5) brightness(1.1)}#chat .input-wrap .button.listening-true:after{opacity:1}#chat .input-wrap .button.loading-true{pointer-events:none}#chat .input-wrap .button:after{content:"";background:linear-gradient(45deg,red,#ff7300,#ebe321,#30d72d,#2ae3e3,#002bff,#ff00c8,red);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-perspective:1000;background-size:auto;position:absolute;top:-2px;left:-2px;background-size:600%;border-radius:50%;width:calc(100% + 7px);height:calc(100% + 7px);filter:blur(1rem);animation:glowing 20s linear infinite;opacity:0;z-index:-1;transition:opacity .3s ease-in-out}#chat .input-wrap .button:active>span{opacity:1}#chat .input-wrap .button span{position:absolute;background:linear-gradient(135deg,#6167ff,#e233ff);width:100%;height:100%;border-radius:50%;aspect-ratio:1/1;z-index:1}#chat .input-wrap .button span:after{content:"";width:80%;height:80%;position:absolute;top:7%;left:7%;border-bottom:9px solid #fff;border-radius:50%;filter:blur(7px);transform:rotate(-45deg);transform-origin:center}#chat .input-wrap .button span:before{content:"";width:90%;height:90%;position:absolute;top:2%;left:7%;border-bottom:9px solid #fff;border-radius:50%;filter:blur(7px);transform:rotate(135deg);transform-origin:center}#chat .input-wrap .button img{height:50%;z-index:2}#chat .response-view{height:auto;overflow-y:scroll;display:flex;flex-direction:column-reverse;row-gap:1rem;padding:.5rem .5rem 1rem}#chat .response-view:after{content:"";position:absolute;width:100%;height:15%;top:0;left:0;background:linear-gradient(to bottom,rgb(254,254,254) 10%,transparent);border-radius:1rem 1rem 0 0}#chat .response-view p{white-space:break-spaces;line-height:1.3rem}@media only screen and (max-width: 768px){#chat .response-view p{font-size:1rem}}#chat .response-view .user{position:relative;max-width:50%;width:max-content;display:inline-flex;align-self:end;background:linear-gradient(135deg,#7a7fff,#ec75ff);color:#fff;padding:.5rem 1rem;box-shadow:0 0 9px #953fca80;border-radius:1rem;font-weight:500}@media only screen and (max-width: 768px){#chat .response-view .user{padding:.5rem 1rem}}#chat .response-view .user:after{content:"";position:absolute;width:.9rem;height:.9rem;background:linear-gradient(to right,#7a7fff,#ec75ff);box-shadow:-3px 0 9px #953fca80;top:-.5rem;right:-.5rem;border-radius:50%}#chat .response-view .assistant{position:relative;max-width:60%;width:max-content;display:inline-flex;align-self:start;text-align:left;color:#615879;background:#fff;box-shadow:0 0 9px #0000001a;padding:.5rem 1rem;border-radius:1rem}@media only screen and (max-width: 768px){#chat .response-view .assistant{max-width:75%;padding:.5rem 1rem}}#chat .response-view .assistant:after{content:"";position:absolute;width:.9rem;height:.9rem;background:#fff;box-shadow:3px 0 9px #0000001a;top:-.5rem;left:-.5rem;border-radius:50%}#chat .response-view .assistant:first-child .highlightDiv .highlight{position:relative;background-color:#d8cdffba;z-index:1}#chat .response-view .assistant .play-tts,#chat .response-view .assistant .pause-tts{background:linear-gradient(135deg,#7a7fff,#ec75ff);width:1.5rem;height:1.5rem;display:inline-flex;justify-content:center;align-items:center;position:absolute;right:-.7rem;bottom:-.7rem;border-radius:50%;box-shadow:0 0 3px #9a7fc1;cursor:pointer;transition:all .2s ease}#chat .response-view .assistant .play-tts:hover,#chat .response-view .assistant .pause-tts:hover{box-shadow:0 0 9px #953fca80}#chat .response-view .assistant .play-tts[class^=pause],#chat .response-view .assistant .pause-tts[class^=pause]{box-shadow:inset 0 0 5px #00000040;animation:playAnim 1s ease-in infinite}#chat .response-view .assistant .play-tts svg,#chat .response-view .assistant .pause-tts svg{width:.8rem;fill:#fff}@keyframes playAnim{0%{box-shadow:0 0 #953fca80}70%{box-shadow:0 0 0 7px #953fca00}to{box-shadow:0 0 #953fca00}}@keyframes typewriter{0%{height:calc(100% - 1rem)}to{height:0%}}audio{position:absolute;top:30vh;left:60%;z-index:99}.progress-bar{max-width:500px;position:relative;display:flex;flex-direction:row;justify-content:space-evenly;width:100%;background-color:#fffcfec4;border-radius:5px;outline:5px solid rgba(218,190,255,.4117647059);margin:0 auto;z-index:1}.progress-bar__progress{background-color:#9c6fd8;position:absolute;left:0;height:.3rem;border-radius:.2rem;transition:all 1s ease-in-out}.progress-bar span{width:.3rem;height:.3rem;background:#bfb0d2;z-index:1}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}#back-to-map{display:block;text-decoration:underline;font-weight:600;color:#fff;position:absolute;top:2rem;left:calc(20% + 3rem);z-index:1}@media only screen and (max-width: 768px){#back-to-map{display:none}}#final-test{width:100vw;height:100dvh;background:url(/assets/final_test_bg-BkWbwCEv.webp) no-repeat center left/cover;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(0rem,4vh,7rem);overflow:clip}#final-test:after{content:"";position:absolute;width:100%;height:100%;background-color:#fff;animation:fadeOut 2s ease-in forwards}@keyframes fadeOut{0%{opacity:1;z-index:3}95%{opacity:0;z-index:3}to{opacity:0;z-index:-1}}#final-test .spot{margin-left:20%;position:relative;display:flex;flex-direction:column;align-items:center}@media only screen and (max-width: 768px){#final-test .spot{margin-left:0;width:90%;z-index:1}#final-test .spot img{width:100%}}#final-test .spot h1{position:absolute;top:1.5rem;font-size:1.7rem}@media only screen and (max-width: 768px){#final-test .spot h1{top:0;transform:translateY(50%)}}#final-test .spot>img{max-width:400px}#final-test .spot .clouds{width:100vw;height:20vh;position:fixed;top:0;left:0}@media only screen and (max-width: 768px){#final-test .spot .clouds{z-index:-1}}#final-test .spot .clouds img{position:absolute;animation:cloudsIn 1s ease-in-out forwards}#final-test .spot .clouds img:nth-child(1){top:-15%;left:30%;width:12%;transform:scaleX(-1)}@media only screen and (max-width: 768px){#final-test .spot .clouds img:nth-child(1){top:-3%;left:10%}}#final-test .spot .clouds img:nth-child(2){top:-35%;left:70%;width:20%}@media only screen and (max-width: 768px){#final-test .spot .clouds img:nth-child(2){top:-15%}}#final-test .spot .clouds img:nth-child(3){top:65%;left:88%;width:18%}@media only screen and (max-width: 768px){#final-test .spot .clouds img:nth-child(3){top:50%;left:50%}}#final-test .spot .clouds img:nth-child(4){top:36%;left:87%;width:10%}#final-test .spot .clouds img:nth-child(5){top:15%;left:40%;width:12%;transform:scaleX(-1)}@media only screen and (max-width: 768px){#final-test .spot .clouds img:nth-child(5){left:-5%}}#final-test .spot .clouds img:nth-child(6){top:49%;left:15%;width:13%;transform:scaleX(-1)}@keyframes cloudsIn{0%{left:50%;top:100%;opacity:.2}}#final-test .sea-elem{position:absolute;width:100%;height:60%;bottom:0;overflow:hidden}@media only screen and (max-width: 768px){#final-test .sea-elem{height:100%}}#final-test .sea-elem img{position:absolute;width:clamp(12%,2vw,15%);opacity:0;animation:fadeInOut 4s ease-in-out infinite}#final-test .sea-elem img:nth-child(1){bottom:15%;right:2%;animation-delay:1s}@media only screen and (max-width: 768px){#final-test .sea-elem img:nth-child(1){bottom:21%;right:-4%;width:30%}}#final-test .sea-elem img:nth-child(2){top:5%;left:20%}@media only screen and (max-width: 768px){#final-test .sea-elem img:nth-child(2){top:11%;left:35%;width:30%}}#final-test .sea-elem img:nth-child(3){bottom:20%;left:65%;animation-delay:3.7s}@media only screen and (max-width: 768px){#final-test .sea-elem img:nth-child(3){bottom:30%;left:35%;width:30%}}#final-test .sea-elem img:nth-child(4){top:0;right:2%;animation-delay:2.2s}@media only screen and (max-width: 768px){#final-test .sea-elem img:nth-child(4){top:40%;right:40%;width:30%}}#final-test .sea-elem img:nth-child(5){bottom:20%;left:25%;animation-delay:1.5s}@media only screen and (max-width: 768px){#final-test .sea-elem img:nth-child(5){left:-10%;width:40%}}@keyframes fadeInOut{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}#final-test .scenes{margin-left:20%;display:grid;grid-template-columns:repeat(3,1fr);max-height:70%;max-width:60%;width:100%;height:100%;z-index:1;animation:scenesIn 2s ease-in-out forwards}@media only screen and (max-width: 768px){#final-test .scenes{margin-left:0;max-width:100%;max-height:70dvh;grid-template-columns:repeat(2,1fr)}}#final-test .scenes .quiz-scene{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}#final-test .scenes .quiz-scene:nth-child(2),#final-test .scenes .quiz-scene:nth-child(5){margin-top:-7rem}@media only screen and (max-width: 768px){#final-test .scenes .quiz-scene:nth-child(2),#final-test .scenes .quiz-scene:nth-child(5){margin-top:0}}#final-test .scenes .quiz-scene .scene-bg{position:absolute;width:80%;left:10%;aspect-ratio:1/1;margin-top:-9.5rem;z-index:-2}@media only screen and (max-width: 768px){#final-test .scenes .quiz-scene .scene-bg{left:0%;width:100%;margin-top:-7rem}}#final-test .scenes .quiz-scene.start>img{filter:grayscale(1)}#final-test .scenes .quiz-scene .icon{position:relative;width:6rem;height:6rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;border-bottom:1.5px solid #62239b;background-image:radial-gradient(circle at 31% 32%,#e3d0ff,#c7a2fa 31%,#b580ff 46%,#9368cf 75%,#8860bf 84%);box-shadow:inset 2px 0 #9a7fc1,inset -2px 0 #9a7fc1,inset 0 2px #9a7fc1,inset 0 -2px #9a7fc1}@media only screen and (max-width: 768px){#final-test .scenes .quiz-scene .icon{width:3.5rem;height:3.5rem}#final-test .scenes .quiz-scene .icon img{width:100%}}#final-test .scenes .quiz-scene .icon:before{content:"";position:absolute;border-radius:50%;width:calc(100% + 6px);height:calc(100% + 6px);border:4px solid transparent;z-index:-1;background-image:linear-gradient(to right,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);background-origin:border-box;background-clip:padding-box,border-box}#final-test .scenes .quiz-scene .icon:after{content:"";position:absolute;border-radius:50%;width:calc(100% + 10px);height:calc(100% + 10px);border:4px solid transparent;z-index:-2;background-image:linear-gradient(to bottom,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);background-origin:border-box;background-clip:padding-box,border-box}#final-test .scenes .quiz-scene .progress{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(to bottom,#d1b0ff,#8860bf);width:70%;max-width:350px;padding:.3rem;border-radius:.7rem;margin-top:-.5rem;z-index:1}@media only screen and (max-width: 1200px){#final-test .scenes .quiz-scene .progress{width:80%}}@media only screen and (max-width: 768px){#final-test .scenes .quiz-scene .progress{width:90%}}#final-test .scenes .quiz-scene .progress .progress-view{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;width:100%;height:2.2rem;text-align:center;background:linear-gradient(to bottom,#f1e6ff,#cfb5f5);border-radius:.5rem}#final-test .scenes .quiz-scene .progress .progress-view .name{position:relative;font-family:Fira,sans-serif;text-transform:uppercase;color:#333452;font-size:clamp(.9rem,1.2vw,1.5rem);white-space:nowrap;z-index:1}#final-test .scenes .quiz-scene .progress .progress-view .progress-value{height:2.3rem;position:absolute;top:0;left:0}#final-test .scenes .quiz-scene .progress .progress-view .progress-value.retry{background:linear-gradient(to top,#ef7a6f,#fec8d1)}#final-test .scenes .quiz-scene .progress .progress-view .progress-value.done{background:linear-gradient(to top,#42c462,#b0eca3)}#final-test .scenes .quiz-scene .progress .scene-btn{width:2.2rem;height:2.2rem;aspect-ratio:1/1;position:relative;border-radius:.7rem}#final-test .scenes .quiz-scene .progress .scene-btn img{width:100%;height:100%;object-fit:contain}#final-test .scenes .quiz-scene .progress .scene-btn.start{background:linear-gradient(to top,#65b867,#abec92);border:1px solid rgb(120,202,108);box-shadow:inset 0 -1.2px #32964b,0 2px 2px #0003}#final-test .scenes .quiz-scene .progress .scene-btn a{width:100%;height:100%;display:block}#final-test .scenes .quiz-scene .progress .scene-btn a img{display:block;width:60%;margin:0 auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}#final-test .scenes .quiz-scene .info{font-family:Bebas;font-weight:600;font-size:1.2rem;color:#333452}@keyframes scenesIn{0%{width:40%;height:60%;opacity:1}}#final-test .passing-success{margin-left:20%;top:-3rem;position:relative;display:flex;gap:1rem;justify-content:center}#final-test .passing-success .retry span{padding:.3rem .5rem}@media only screen and (max-width: 768px){#final-test .passing-success .retry span{padding:.3rem .2rem}}@media only screen and (max-width: 768px){#final-test .passing-success{margin-left:0;top:-2rem;gap:.7rem}#final-test .passing-success>a span{padding:.3rem .7rem;font-size:1.5rem}}#final-test>.check{margin-left:20%;top:-3rem}@media only screen and (max-width: 768px){#final-test>.check{margin-left:0;top:-2rem}}#final-test>.check span:before{content:"";width:4.5rem;height:3.5rem;position:absolute;bottom:-2.2rem;left:calc(100% - 2rem);background:var(--btn-bg) center/contain no-repeat}#final-test .alert.big>*{margin-left:20%}@media only screen and (max-width: 768px){#final-test .alert.big>*{margin-left:0}}#final-test .alert.big:after{background-color:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#certificate{position:absolute;overflow:clip;width:100vw;height:100svh;display:flex;flex-direction:row;flex-wrap:nowrap;background:var(--background) center/cover no-repeat}#certificate .certificate-list{width:100%;max-width:500px;margin:auto}#certificate .certificate-list .paper{position:relative;display:flex;flex-direction:column;gap:0;margin:1rem .5rem;padding:1.5rem 1.7rem;background:linear-gradient(to bottom,#ffb7b5 4%,#f28177);border:solid 1.5px #f8b3b1;border-radius:1rem;font-family:Fira,serif;box-shadow:0 6px 3px #00000080;z-index:1}#certificate .certificate-list .paper:after{content:"";position:absolute;width:calc(100% - 1rem);height:calc(100% - 1rem);top:.5rem;left:.5rem;background:#fefbe9;z-index:-1;border-radius:.7rem;box-shadow:0 0 7px #00000025}#certificate .certificate-list .paper .logos{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;align-items:center;padding:1rem 2rem}#certificate .certificate-list .paper .user-info .learning-level{font-weight:600;text-decoration:underline;text-underline-position:right;text-transform:uppercase}#certificate .certificate-list .paper .overall-score h3{font-weight:600}#certificate .certificate-list .paper .overall-score .progress{position:relative}#certificate .certificate-list .paper .overall-score .progress p{position:absolute;color:#fff;left:50%;top:43%;transform:translate(-50%,-50%);font-size:1rem;font-weight:600;font-family:Bebas,sans-serif}#certificate .certificate-list .paper .overall-score .progress progress{width:100%;background-color:#ab8fd780;border-radius:1rem}#certificate .certificate-list .paper .overall-score .progress progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;height:1.2rem}#certificate .certificate-list .paper .overall-score .progress progress[value]::progress-value{background-color:#9c6fd8;height:100%}#certificate .certificate-list .paper .overall-score .progress progress[value]::-webkit-progress-value{background-color:#9c6fd8}#certificate .certificate-list .paper .overall-score .progress progress[value]::-webkit-progress-bar{text-align:center;background-color:#e8e8e8}#certificate .certificate-list .paper .overall-score .progress progress[value]::-moz-progress-bar{background-color:#9c6fd8}#certificate .certificate-list .paper .abilities .mastery{font-weight:500;line-height:1.2rem}#certificate .certificate-list .paper .abilities .mastery span{float:right}#certificate .certificate-list .paper .abilities .info{font-size:.8rem;font-weight:400}#certificate .certificate-list .paper .exam-date{display:grid;grid-template-columns:repeat(2,1fr);align-items:center}#certificate .certificate-list .paper .exam-date img{height:100%;max-height:90px;width:auto;float:right}#certificate .certificate-list .paper .exam-date .date{font-weight:900;text-decoration:underline;text-underline-position:right}#certificate .certificate-list .action-btn{margin-top:1.5rem;width:100%;display:inline-flex;gap:2rem;justify-content:center}#certificate .certificate-list .action-btn a{width:max-content}#pdf-content{position:relative;width:460px;height:600px;background:linear-gradient(to bottom,#f1dafe,#b58eeb);opacity:1}#pdf-content .content{font-family:Fira;position:absolute;width:calc(100% - 2rem);height:calc(100% - 2rem);margin:1rem;background:#fefbe9;border-radius:.5rem;box-shadow:0 3px 7px #48447333;text-align:center;color:#333452}#pdf-content .content p{color:#302f2e;font-size:12px}#pdf-content .content .logos{width:40%;display:grid;grid-template-columns:repeat(2,1fr);margin:1rem auto;gap:1rem}#pdf-content .content .logos img{width:70px;margin:0 auto}#pdf-content .content .certificate{font-weight:500;font-size:2.2rem;color:#3b2a7a;margin-bottom:2rem}#pdf-content .content .name{position:relative;font-size:1rem}#pdf-content .content .name:after{content:"";position:absolute;bottom:0;left:50%;width:70%;height:1px;background:#333;transform:translate(-50%)}#pdf-content .content .level{line-height:1rem;font-size:1.3rem;text-transform:uppercase}#pdf-content .content .score{text-align:left;width:55%;margin:1.5rem auto}#pdf-content .content .score>p{line-height:.8rem}#pdf-content .content .score .overall-score{font-size:1.2rem;margin-bottom:.5rem}#pdf-content .content .abilities p{margin:0 auto;line-height:.8rem}#pdf-content .content .abilities p span{float:right}#pdf-content .content .exam-date{width:55%;margin:3rem auto 0;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;text-align:left!important}#pdf-content .content .exam-date img{height:90px;width:auto;float:right;margin-right:-2rem}#pdf-content .content .exam-date h3{font-size:12px;font-weight:400;line-height:1rem}#pdf-content .content .exam-date .date{font-size:18px;font-weight:600;text-decoration:underline;text-underline-position:right}#pdf-content .content .small{font-size:8px;position:absolute;bottom:0;line-height:1.5rem;width:100%}#noMatchPath{position:absolute;overflow:clip;width:100vw;height:calc(100svh - 10vh);padding:5vh 0;background:var(--background) center/cover no-repeat;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:center;font-family:Fira,Courier New,Courier,monospace}#noMatchPath:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:#00000035;z-index:0}#noMatchPath>div{z-index:1}#noMatchPath .top{opacity:0;animation:fadeInUp .3s ease-in-out forwards;text-align:center;color:#fff}#noMatchPath .top h1{font-size:15vh;font-weight:900;line-height:15vh}#noMatchPath .top p{font-size:4vh;font-weight:900}#noMatchPath .middle img{opacity:0;animation:fadeInUpImg .7s ease-in-out forwards;animation-delay:.3s;position:absolute;height:180%;top:20vh;left:50%;transform:translate(-50%)}#noMatchPath .bottom{opacity:0;display:inline-flex;gap:1rem;animation:fadeInUp .3s ease-in-out forwards;animation-delay:.7s}#noMatchPath .bottom a{position:relative;font-size:3vh;font-weight:500;text-decoration:none;color:#fff;border:2px solid #fff;padding:1vh 1.7vh;top:-2vh;border-radius:3rem;text-shadow:0 3px 3px rgba(0,0,0,.2392156863)}#noMatchPath .bottom a:hover{background:#fff;color:#756d90}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUpImg{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}#basic-pop-up{position:absolute;top:50%;left:calc(50% + 10vw);transform:translate(-50%,-50%);display:grid;grid-template-areas:"icon info";grid-template-columns:7rem auto;gap:2rem;z-index:9;padding:4%;background:linear-gradient(125deg,#fffffff0,#f4d8ff70);border-radius:1rem;border:1px solid #fff;align-items:center}#basic-pop-up~#profile .profile-menu{opacity:0;transition:opacity .5s ease;pointer-events:none}#basic-pop-up svg{grid-area:icon;width:100%}#basic-pop-up .info{grid-area:info;font-family:Fira,sans-serif;color:#3b2a7a}#basic-pop-up .info .check{width:max-content;margin:2rem auto 0}#profile{width:100vw;height:100vh;position:absolute;overflow:clip;background:var(--bg) center/cover no-repeat;display:flex;justify-content:center;align-items:center}#profile .deco-1,#profile .deco-2,#profile .deco-3{position:absolute;z-index:1;width:0;height:0;transform:rotate(-3deg)}#profile .deco-1{top:.7rem;left:-.5rem;border-bottom:3.5rem solid transparent;border-left:3.2rem solid #eed3a9}#profile .deco-2{top:-.8rem;right:.5rem;border-bottom:2rem solid transparent;border-right:2rem solid #eed3a9}#profile .deco-3{bottom:-5.7rem;left:.5rem;border-top:3.5rem solid transparent;border-left:3.5rem solid #fff}#profile .profile-menu{position:absolute;max-width:500px;width:100%;height:430px;font-family:Fira,serif;top:47%;left:calc(50% + 10vw);transform:translate(-50%,-50%);animation:profileIn .5s ease}@media only screen and (max-width: 768px){#profile .profile-menu{width:90%;right:3rem;left:0;transform:translateY(-50%)}}#profile .profile-menu>img{position:absolute;height:4.5rem;top:-.9rem;left:1rem;z-index:2}#profile .profile-menu .profile-type{position:absolute;min-width:40%;bottom:100%;left:50%;transform:translate(-50%);padding:1rem 0;background:#dcc19d;border:1rem solid #f6edcd;border-bottom:none;box-shadow:0 0 5px #33333345}#profile .profile-menu .profile-type>p{color:#f6edcd;text-transform:uppercase;font-family:Bebas,serif;font-size:1.5rem;font-weight:600;margin:0 auto;width:max-content}#profile .profile-menu .profile-card{height:100%;padding:5rem 2.5rem 1rem;background:#dcc19d;opacity:1;box-shadow:0 0 5px #33333345}@media only screen and (max-width: 768px){#profile .profile-menu .profile-card{padding:5rem 1rem 1rem}}#profile .profile-menu .profile-card:after{content:"";position:absolute;width:100%;height:calc(100% + 5rem);background:#f8edc9;top:0;left:0;transform:rotate(-2deg) skewY(-1deg);box-shadow:0 0 15px #24242475}#profile .profile-menu .profile-card .field{position:relative}#profile .profile-menu .profile-card .field span{background:linear-gradient(to bottom,#f8e5cb,#e9d4b8);padding:.4rem;border:1px solid #ebd3b4;border-radius:.7rem;position:relative;display:flex;cursor:pointer}#profile .profile-menu .profile-card .field span p{background:#fff;border-radius:.5rem;padding:.1rem 1rem;width:100%;font-weight:600}#profile .profile-menu .profile-card .field span svg{position:absolute;top:50%;right:1rem;height:50%;transform:translateY(-50%);stroke:#a2a2a2;transition:transform .3s ease}#profile .profile-menu .profile-card .field span.language.active>svg{transform:translateY(-50%) rotateX(180deg);transform-origin:center}#profile .profile-menu .profile-card .field span.language~.lang-list{height:0;overflow:clip}#profile .profile-menu .profile-card .field span.language.active~.lang-list{height:100%;border:2px solid #ebd3b4;border-radius:.7rem;display:flex;flex-direction:column;background:#fffefd;margin:-.5rem .3rem 0;z-index:1}#profile .profile-menu .profile-card .field span.language.active~.lang-list p{padding:.5rem 1rem}#profile .profile-menu .profile-card .field span.language.active~.lang-list p:hover{background:#f8edc966;font-weight:600;cursor:pointer}#profile .profile-menu .profile-card .field span.language.active~.lang-list p:not(:last-child){border-bottom:2px solid #ead5b9}#profile .profile-menu .profile-card .container{display:none;height:100%;position:relative;z-index:1}#profile .profile-menu .profile-card .container.active{display:block}#profile .profile-menu .profile-card .container .field{display:flex;flex-direction:column;margin-bottom:1rem}#profile .profile-menu .profile-card .container .field.locked input{pointer-events:none}#profile .profile-menu .profile-card .container .field label{text-transform:capitalize;color:#302f2e;padding:.3rem .7rem;margin-left:.3rem;position:relative;width:max-content;font-size:1rem;font-weight:500}#profile .profile-menu .profile-card .container .field label:before{content:"";position:absolute;width:100%;min-width:5rem;height:100%;padding:.2rem .5rem .7rem;top:0;left:.3rem;z-index:-1;background:#f8edc9;transform:skew(-2deg,2deg);box-shadow:-2px 0 3px #00000026}#profile .profile-menu .profile-card .container .field label:after{content:"";position:absolute;width:100%;min-width:5rem;height:100%;padding:.2rem .5rem;bottom:0;left:0;border:1px solid #ebd3b4;transform:skew(5deg);padding:0 .7rem;background:linear-gradient(to bottom,#f8e5cb,#e9d4b8);z-index:-2}#profile .profile-menu .profile-card .container .field input{border:none;outline:none;background:#e6cdab;padding:1rem;border-radius:.5rem;font-size:1rem;font-weight:500;color:#302f2e}#profile .profile-menu .profile-card .container .pass-change{position:absolute;bottom:2rem;color:#4987f7;cursor:pointer}#profile .profile-menu .profile-card .change-pass-card .field{position:relative}#profile .profile-menu .profile-card .change-pass-card .field span{background:linear-gradient(to bottom,#f8e5cb,#e9d4b8);padding:.4rem;border:1px solid #ebd3b4;border-radius:.7rem;position:relative}#profile .profile-menu .profile-card .change-pass-card .field span input{width:calc(100% - 4rem - 2px);background:#fffefd;padding:.5rem 3rem .5rem 1rem;border:1px solid #ebd3b4}#profile .profile-menu .profile-card .change-pass-card .field span img{position:absolute;width:max-content;height:50%;object-fit:contain;right:1rem;top:50%;transform:translateY(-50%);cursor:pointer}#profile .profile-menu .profile-card .change-pass-card .field span.err{color:#c03a2b;background:no-repeat;border:none;padding:0 .5rem;position:absolute;bottom:-1.2rem;font-size:80%;text-align:right;right:0}#profile .profile-menu .profile-card .change-pass-card .check{max-width:max-content;min-width:7rem;margin:2rem auto 0;color:transparent;text-decoration:none}#profile .profile-menu .profile-card .change-pass-card .check span{padding:0 1.3rem;min-width:7rem}#profile .profile-menu .profile-card .change-pass-card .check.loading svg{-webkit-animation:loading-rotate 2s linear infinite;-moz-animation:loading-rotate 2s linear infinite;-o-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite;height:42px;width:42px}#profile .profile-menu .profile-card .change-pass-card .check.loading .path{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:5;stroke:#fff;stroke-linecap:round;-webkit-animation:loading-dash 1.5s ease-in-out infinite;-moz-animation:loading-dash 1.5s ease-in-out infinite;-o-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite}#profile .profile-menu .profile-card .change-pass-card .links{position:absolute;width:100%;bottom:2rem;display:inline-flex;justify-content:space-between}#profile .profile-menu .profile-card .change-pass-card .links>p,#profile .profile-menu .profile-card .change-pass-card .links a{color:#4987f7;cursor:pointer;text-decoration:none}#profile .profile-menu .statistic-card{height:100%;padding:5rem 2.5rem 1rem;background:#dcc19d;color:#302f2e;opacity:1;box-shadow:0 0 5px #33333345}@media only screen and (max-width: 768px){#profile .profile-menu .statistic-card{padding:5rem 1rem 1rem}}#profile .profile-menu .statistic-card:after{content:"";position:absolute;width:100%;height:calc(100% + 5rem);background:#f8edc9;top:0;left:0;transform:rotate(-2deg) skewY(-1deg);box-shadow:0 0 15px #24242475}#profile .profile-menu .statistic-card .container{position:relative;height:calc(100% - 5rem);z-index:1}#profile .profile-menu .statistic-card .container .stat-title{text-transform:capitalize;color:#302f2e;padding:.3rem .7rem;margin-left:.3rem;margin-bottom:.3rem;position:relative;width:max-content;font-size:1rem;font-weight:500;clip-path:polygon(-10% -15%,135% -15%,135% 90%,-10% 90%)}#profile .profile-menu .statistic-card .container .stat-title:before{content:"";position:absolute;width:100%;min-width:5rem;height:100%;padding:.2rem .5rem .7rem;top:0;left:.3rem;z-index:-1;background:#f8edc9;transform:skew(-2deg,2deg);box-shadow:-2px 0 3px #00000026}#profile .profile-menu .statistic-card .container .stat-title:after{content:"";position:absolute;width:100%;min-width:5rem;height:100%;padding:.2rem .5rem;bottom:0;left:0;border:1px solid #ebd3b4;transform:skew(5deg);padding:0 .7rem;background:linear-gradient(to bottom,#f8e5cb,#e9d4b8);z-index:-2}#profile .profile-menu .statistic-card .container .statistics{overflow-y:scroll;height:100%;display:grid;grid-template-columns:80% auto;grid-auto-rows:max-content;gap:.5rem}#profile .profile-menu .statistic-card .container .statistics .link{cursor:pointer}#profile .profile-menu .statistic-card .container .statistics p{padding:.5rem .7rem;background:#f8edc9;border:1px solid transparent;border-radius:.5rem;font-size:1rem;font-weight:500;line-height:1.2rem;display:flex;align-items:center}#profile .profile-menu .statistic-card .container .statistics p.full-w{grid-column:1/3;position:relative;transition:all .3s ease}#profile .profile-menu .statistic-card .container .statistics p.full-w:hover{border:1px solid #333452}#profile .profile-menu .statistic-card .container .statistics p.full-w:hover svg{right:.5rem;opacity:0}#profile .profile-menu .statistic-card .container .statistics p.full-w svg{width:1.5rem;height:1.5rem;position:absolute;top:.5rem;right:1.5rem;stroke-width:.2rem;opacity:.5;transition:all .3s ease}#profile .profile-menu .statistic-card .container .statistics.attempts p:nth-child(2n){text-align:center;justify-content:center}#profile .profile-menu .statistic-card .container .statistics p[class$=-stat]{text-align:center;justify-content:center}#profile .profile-menu .statistic-card .container .breadcrumbs{display:inline-flex;align-items:center;margin-bottom:1rem}#profile .profile-menu .statistic-card .container .breadcrumbs .parent{text-decoration:underline;text-underline-position:auto;cursor:pointer}#profile .profile-menu .statistic-card .container .breadcrumbs .children{font-weight:600}#profile .profile-menu .statistic-card .container .breadcrumbs svg{height:1.5rem}#profile .profile-menu .main,#profile .profile-menu .statistic{position:absolute;width:max-content;transform:rotate(90deg);transform-origin:right;display:inline-flex;column-gap:1rem;padding:.7rem 1.5rem 1.5rem;box-shadow:0 -7px 7px #0000000f;z-index:0;right:-1rem;cursor:pointer}#profile .profile-menu .main:empty,#profile .profile-menu .statistic:empty{visibility:hidden}#profile .profile-menu .main p,#profile .profile-menu .statistic p{font-weight:600;font-size:1rem}#profile .profile-menu .main{top:7rem;background:#f8edc9;color:#c6a982}@media only screen and (max-width: 768px){#profile .profile-menu .main{top:9rem}}#profile .profile-menu .main.active{z-index:1}#profile .profile-menu .main.active~.statistic-card,#profile .profile-menu .main.active~.change-pass-card{display:none;opacity:0}#profile .profile-menu .statistic{top:14.5rem;background:#dcc19d;color:#f8edc9}@media only screen and (max-width: 768px){#profile .profile-menu .statistic{top:16.5rem}}#profile .profile-menu .statistic.active{z-index:1}#profile .profile-menu .statistic.active~.profile-card,#profile .profile-menu .statistic.active~.change-pass-card{display:none;opacity:0}#profile .profile-menu .statistic.active~.statistic-card{z-index:1;background:#f8edc9}#profile .profile-menu .statistic.active~.statistic-card:after{background:#dcc19d}#profile .profile-menu:after{content:"";position:absolute;width:7rem;height:2.5rem;background:#a71a1a;margin-top:-.2rem;right:2rem;transform:rotate(2deg);clip-path:polygon(0% 0%,100% 0%,100% 100%,72.68% 70%,48.57% 100%,25.36% 60%,0% 100%);filter:drop-shadow(0 3px 2px rgba(0,0,0,.9803921569));z-index:-1}#result-page{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--result-bg) center/cover no-repeat;overflow:clip;position:absolute;bottom:0}#results{height:95lvh;padding:5lvh 0 0;width:100%;max-width:500px;display:flex;flex-direction:column;justify-content:space-between;row-gap:2rem}@media only screen and (max-width: 768px){#results{padding:3rem 0 0;row-gap:1rem;box-sizing:border-box}}#results .score{padding:clamp(.5rem,.6vw,.7rem) 0;background:linear-gradient(to right,#e040fb75,#ff174475);display:flex;justify-content:center;align-items:center;clip-path:polygon(0% 0%,95% 0%,95.78% 19.78%,96.02% 36.45%,97.3% 51.04%,97.83% 69.79%,99.27% 82.29%,100% 100%,5% 100%,3.65% 78.13%,3.67% 61.46%,2.03% 40.63%,2% 17.7%)}#results .score p{font-family:Bebas,serif;font-size:clamp(1.5rem,1.5vw,2rem);margin:0;color:#fff}#results .result-list{height:90%;overflow-y:scroll;z-index:0;padding:50vh 0 300px;animation:cardIn 1.3s ease}#results .result-list .result-card{position:relative;margin:1rem .5rem;padding:1.5rem 1rem;background:linear-gradient(to bottom,#ffb7b5 4%,#f28177);border:solid 1.5px #f8b3b1;border-radius:1rem;font-family:Fira,serif;box-shadow:0 6px 3px #00000080;z-index:1}#results .result-list .result-card p{color:#3b2a7a}#results .result-list .result-card:after{content:"";position:absolute;width:calc(100% - 1rem);height:calc(100% - 1rem);top:.5rem;left:.5rem;background:#fefbe9;z-index:-1;border-radius:.7rem;box-shadow:0 0 7px #00000025}#results .result-list .result-card .linkwords{display:grid;grid-template-columns:repeat(2,1fr);gap:.3rem}#results .result-list .result-card .linkwords .word{border:solid 1.5px #f1f2f7;font-weight:600;width:calc(100% - 1rem);margin:0;padding:.5rem}#results .result-list .result-card .linkwords .word.wrong{color:#c32727!important;background-color:#f5e8d9!important}#results .result-list .result-card .linkwords .word:nth-child(2n){background:#16841a17;color:#0c650f;text-decoration:dotted underline .2rem #979797}#results .result-list .result-card .linkwords .word:nth-child(odd){background:#fff;color:#3b2a7a}#results .result-list .result-card .linkwords .word:first-child{border-top-left-radius:.7rem;margin-top:1rem}#results .result-list .result-card .linkwords .word:nth-child(2){border-top-right-radius:.7rem;margin-top:1rem}#results .result-list .result-card .linkwords .word:nth-last-child(2){border-bottom-left-radius:.7rem}#results .result-list .result-card .linkwords .word:last-child{border-bottom-right-radius:.7rem}#results .result-list .result-card .header .collapse{width:clamp(1.5rem,1.5vw,2rem);background:var(--arrow) center/contain no-repeat;height:clamp(1.5rem,1.5vw,2rem);position:absolute;right:1rem;top:1.5rem;cursor:pointer;transition:transform .3s ease}#results .result-list .result-card .header .collapse.active{transform:rotateX(-180deg)}#results .result-list .result-card .header .title{font-size:clamp(1rem,1.3vw,1.5rem);text-transform:initial;max-width:calc(100% - 2rem);margin-bottom:.3rem}#results .result-list .result-card .header .example{text-decoration:underline dotted .2rem #979797!important;text-underline-position:under}#results .result-list .result-card .header.final-test-results{display:flex;flex-direction:column;gap:.5rem}#results .result-list .result-card .header.final-test-results .mastery{display:grid;grid-template-columns:2.7rem auto 30%;gap:.5rem;align-items:center}#results .result-list .result-card .header.final-test-results .mastery:first-child .icon{border-top-left-radius:.5rem}#results .result-list .result-card .header.final-test-results .mastery:last-child .icon{border-bottom-left-radius:.5rem}#results .result-list .result-card .header.final-test-results .mastery .icon{background-color:#0c650f1a;font-size:1.5rem;width:2.7rem;height:2.7rem;display:flex;justify-content:center;align-items:center}#results .result-list .result-card .header.final-test-results .mastery .mastery-score{text-align:right}#results .result-list .result-card .header.final-test-results .mastery:nth-child(2n){background-color:#d0d0d026}#results .result-list .result-card .header.final-test-results .mastery:nth-child(odd){background-color:#ffffff80}#results .result-list .result-card .content{height:100%;max-height:0rem;overflow:clip;transition:all .3s ease;transition-delay:0ms}#results .result-list .result-card .content>:first-child{padding-top:1rem}#results .result-list .result-card .content.active{overflow:auto;max-height:60rem}#results .result-list .letter{position:absolute;bottom:0;width:100%;max-width:500px;height:280px;background:#dcd3bc;box-shadow:0 0 10px #0000003d}@media only screen and (max-width: 768px){#results .result-list .letter{height:250px;pointer-events:none}}#results .result-list .letter:before{content:"";width:calc(80% - 2rem);position:absolute;background:#dcd3bc;border:1rem solid #e6dfc8;top:-70%;aspect-ratio:1/1;transform:rotate(45deg);border-radius:5rem;transform-origin:center;left:10%;pointer-events:none}@media only screen and (max-width: 768px){#results .result-list .letter:before{box-sizing:border-box;width:100%;left:50%;top:-50%;transform:translate(-50%) rotate(45deg)}}#results .result-list .letter .fold-1{width:100%;height:100%;position:relative;display:block;filter:drop-shadow(0 0 15px rgba(6,6,6,.1450980392));z-index:1}#results .result-list .letter .fold-1:after{content:"";width:100%;height:100%;position:absolute;display:block;background:#f4ecd0;clip-path:polygon(0% 0%,50% 70%,100% 0%,100% 100%,0% 100%)}#results .result-list .letter .fold-1:before{content:"";position:absolute;width:100%;height:100%;background-image:repeating-linear-gradient(135deg,#d87290 10px,#d87290 50px,transparent 50px,transparent 80px,#5aa8ca 80px,#5aa8ca 120px,transparent 120px,transparent 150px);z-index:1;clip-path:polygon(0% 0%,0% 100%,3% 100%,3% 4%,-.3% -.3%,100% 0%,97% 4%,97% 100%,6% 100%,6% 100%,100% 100%,100% 0%)}#results .result-list .letter .fold-2{position:relative;background:#fcf6e3;width:100%;display:block;z-index:1;bottom:50%;transform:rotate(45deg);aspect-ratio:1/1;border-top-left-radius:7rem;box-shadow:0 0 10px #06060614}#results .result-list .letter .check{position:absolute;bottom:20%;left:50%;z-index:2;transform:translate(-50%)}@media only screen and (max-width: 768px){#results .result-list .letter .check{pointer-events:auto}}@keyframes cardIn{0%{padding:90vh 0 300px}to{padding:50vh 0 300px}}@media only screen and (max-width: 1600px){#results .result-list{padding:30lvh 0 300px}@keyframes cardIn{0%{padding:90vh 0 300px}to{padding:30vh 0 300px}}}.audio-player{display:flex;flex-direction:column;row-gap:1rem}.audio-player .top-controls .slider{position:relative;height:2.5rem;border-radius:.7rem;background:linear-gradient(to top,#efe4ed,#efe0f4);display:flex;overflow:clip;border:.2rem solid #f9edef;align-items:center;cursor:pointer}.audio-player .top-controls .slider .time{position:absolute;pointer-events:none}.audio-player .top-controls .slider .time:first-child{left:.5rem}.audio-player .top-controls .slider .time:last-child{right:.5rem}.audio-player .top-controls .slider>div{height:100%;width:0;background:linear-gradient(to right,#d3b3ff,#9368cf);border-radius:0 .4rem .4rem 0;transition:width .5s ease;pointer-events:none}.audio-player .bottom-controls{display:inline-flex;justify-content:space-between;align-items:center;width:calc(100% - 6px);align-self:center}.audio-player .bottom-controls .info,.audio-player .bottom-controls .speed{width:2rem;height:2rem;border-radius:50%;border:none;position:relative;background:linear-gradient(to bottom,#ddcdf9,#8d6fc4);display:flex;align-items:center;justify-content:center;font-family:Bebas;font-weight:600;font-size:1.4rem;color:#fff;cursor:pointer;box-shadow:inset 0 -2px #7b5ec5;transition:all .3s ease}.audio-player .bottom-controls .info span,.audio-player .bottom-controls .speed span{-webkit-filter:drop-shadow(0 2px 2px rgba(71,71,71,.431372549));filter:drop-shadow(0 2px 2px rgba(71,71,71,.431372549))}.audio-player .bottom-controls .info:after,.audio-player .bottom-controls .speed:after{content:"";width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;z-index:-1;border:2px solid #f2f2f2;border-radius:50%}.audio-player .bottom-controls .info.active,.audio-player .bottom-controls .speed.active{box-shadow:inset 0 0 7px #402066!important}.audio-player .bottom-controls .info.active span,.audio-player .bottom-controls .speed.active span{transform:scale(.9)}.audio-player .bottom-controls .controls{display:flex;flex-direction:row;justify-content:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;align-items:center;gap:1rem}.audio-player .bottom-controls .controls>*{cursor:pointer;display:flex;align-self:center;transition:all .1s ease}.audio-player .bottom-controls .controls>* img{width:1.7rem;height:2rem;-webkit-filter:drop-shadow(0 3px 7px rgba(0,0,0,.3019607843));filter:drop-shadow(0 3px 7px rgba(0,0,0,.3019607843))}.audio-player .bottom-controls .controls>*:active{transform:scale(.9)}.audio-player .bottom-controls .controls .play-pause{position:relative;background:linear-gradient(to top,#efe4ed,#efe0f4);padding:.3rem 1rem;display:flex;justify-self:center;border-radius:.5rem}.audio-player .bottom-controls .controls .play-pause:after{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);background:linear-gradient(to bottom,#fff,#efe0f4);border-radius:.6rem;z-index:-1}.play-buttons .play-btn.playing{background:#16841a;box-shadow:inset 0 -2px #348209,inset 1px 0 #3da64d,inset -1px 0 #3da64d,inset 0 1px #3da64d,inset 0 -1px #3da64d,inset 0 4px #0f5912,inset 0 -5px #0f5912}.play-buttons .play-btn.playing img{transform:translate(-50%,-50%) scale(.9)}.play-buttons .play-btn.playing svg{display:none}.play-buttons .react-draggable{background:#333;position:fixed;left:10svw;top:10svh;overflow:clip;z-index:9;min-height:240px;min-width:426px;max-height:360px;max-width:640px;width:clamp(426px,20vw,640px);height:clamp(240px,20vh,360px);border-radius:.7rem;border:1px solid #8a8a8a;box-shadow:0 0 30px #00000073}.play-buttons .react-draggable:hover .controls.hovered:not(.touch-device){opacity:1;transition:opacity .3s}.play-buttons .react-draggable:hover .controls:not(.touch-device){opacity:1;transition:opacity .3s}.play-buttons .react-draggable .controls.hovered.touch-device{opacity:1;transition:opacity .3s}.play-buttons .react-draggable .controls{position:absolute;width:calc(100% - 2rem);height:calc(100% - 3rem);opacity:0;padding:1rem 1rem 2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:opacity 1s ease;transition-delay:1s;z-index:1}.play-buttons .react-draggable .controls img{width:2rem;filter:drop-shadow(0 3px 5px rgba(0,0,0,.3137254902));cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.play-buttons .react-draggable .controls .top{display:inline-flex;align-self:end}.play-buttons .react-draggable .controls .center{display:inline-flex;gap:2rem;justify-content:space-around;align-items:center}.play-buttons .react-draggable .controls .center .backward,.play-buttons .react-draggable .controls .center .forward,.play-buttons .react-draggable .controls .center .play-pause{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.play-buttons .react-draggable .controls .center .backward,.play-buttons .react-draggable .controls .center .forward{opacity:.75}.play-buttons .react-draggable .controls .bottom{display:inline-flex;align-self:end}.play-buttons .react-draggable .controls .top,.play-buttons .react-draggable .controls .bottom{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.play-buttons .react-draggable .controls .top img,.play-buttons .react-draggable .controls .bottom img{width:1.5rem}.play-buttons .react-draggable .controls input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;position:absolute;bottom:.7rem;touch-action:manipulation;min-height:44px}.play-buttons .react-draggable .controls input[type=range]::-webkit-slider-runnable-track{background:#cbcbcb;height:.2rem}.play-buttons .react-draggable .controls input[type=range]::-moz-range-track{background:#cbcbcb;height:.2rem}.play-buttons .react-draggable .controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-8px;background-image:radial-gradient(circle at 31% 32%,#d1b0ff,#8860bf 84%);border-radius:50%;height:1.2rem;width:1.2rem}.play-buttons .react-draggable .controls input[type=range]::-moz-range-thumb{border:none;background-image:radial-gradient(circle at 31% 32%,#d1b0ff,#8860bf 84%);border-radius:50%;height:1.2rem;width:1.2rem}.play-buttons .react-draggable .controls input[type=range]:focus{outline:none}.play-buttons .react-draggable .controls input[type=range]::-moz-range-progress{background-color:#8860bf}.play-buttons .react-draggable .controls~div{position:absolute;width:100%!important;height:100%!important}.play-buttons .react-draggable video{width:100%;height:100%;object-fit:cover;left:0;top:0}#game-tut{position:fixed;top:0;left:0;width:100%;max-width:300px;height:100%;padding:0 clamp(1rem,2vw,2rem);color:#333452;font-family:Fira,serif;background:#fffc;border-right:1px solid #fff;z-index:15;display:flex;flex-direction:column;gap:1rem;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:gameTut .5s ease forwards}#game-tut:after{content:"";width:calc(100vw - 300px);height:100vh;background:#3c3c3c8a;left:100%;top:0;position:absolute;z-index:-1;opacity:0;animation:gameTutOver .3s ease forwards;animation-delay:.2s}#game-tut .icons p{display:inline-flex;align-items:center;column-gap:.7rem;width:100%}#game-tut .icons p i{height:1.5rem;display:inline-block;width:1.5rem;text-align:center}#game-tut .icons p i img{filter:drop-shadow(2px 2px 2px rgba(0,0,0,.1803921569));height:90%}#game-tut>p{line-height:clamp(1.1rem,2vw,1.5rem)}#game-tut>p .tut-style-btn{display:inline-block;line-height:0;transform:translateY(40%);margin-top:-1rem}#game-tut>p .tut-style-btn img{object-fit:contain;height:2rem;width:100%}@media only screen and (max-width: 768px){#game-tut>p{font-size:initial;line-height:1.5rem}}#game-tut .check{position:absolute;bottom:5vh;align-self:center}#game-tutorial-start{position:absolute;bottom:5vh;left:3rem;z-index:7;color:#fff;text-decoration:underline;font-size:1rem;cursor:pointer}@media only screen and (max-width: 768px){#game-tutorial-start{position:fixed;left:1rem;bottom:3rem;height:2rem;width:2rem;text-decoration:none}#game-tutorial-start p{display:none}#game-tutorial-start:after{content:"i";position:absolute;width:2rem;height:2rem;border-radius:50%;background-color:#ffffff4d;border:1px solid #fff;display:grid;place-items:center}}@keyframes gameTut{0%{opacity:0;left:-300px}to{opacity:1;left:0}}@keyframes gameTutOver{0%{opacity:0}to{opacity:1}}.play-buttons{position:relative;display:flex;flex-direction:row;align-items:center;column-gap:1rem;margin:1rem 0 1rem calc(50% - 3.5rem);width:max-content}@media only screen and (max-width: 768px){.play-buttons{margin:0 0 0 calc(50% - 3.5rem)}}.play-buttons .play-btn{width:7rem;height:3rem;display:block;position:relative;transition:all .3s ease-in-out;border-radius:1rem;border:2px solid #fff;box-shadow:inset 0 -2px #348209,inset 1px 0 #3da64d,inset -1px 0 #3da64d,inset 0 1px #3da64d,inset 0 -1px #3da64d;background:linear-gradient(to bottom,#b7ffba,#359949);cursor:pointer}.play-buttons .play-btn.listen{pointer-events:none}.play-buttons .play-btn svg{position:absolute;width:92%;height:83%;padding:3% 0;left:3%}.play-buttons .play-btn svg path,.play-buttons .play-btn svg circle{fill:#d0fbd1}.play-buttons .play-btn img{position:absolute;top:50%;left:50%;width:60%;height:60%;transform:translate(-50%,-50%)}.play-buttons .play-btn:hover{filter:brightness(1.1)}.play-buttons .speed{font-family:Bebas,sans-serif;font-weight:600;font-size:1.3rem;display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;border-radius:50%;border:2px solid #fff;color:#fff;cursor:pointer;transition:filter .3s ease-in-out;box-shadow:inset 0 -2px #7045aa,inset 1px 0 #d0b4f7,inset -1px 0 #d0b4f7,inset 0 1px #d0b4f7,inset 0 -1px #d0b4f7;background:linear-gradient(to bottom,#d3b3ff 4%,#9169c8 96%)}.play-buttons .speed:hover{filter:brightness(1.1)}.play-buttons .speed span{text-shadow:1px 0 2px rgba(0,0,0,.3);margin:-1px auto 0}body{overflow:clip}#game{overflow:clip;width:100svw;height:100dvh;display:grid;grid-template-columns:400px minmax(400px,1fr) minmax(300px,400px);grid-template-areas:"alert practice theory";column-gap:1rem;background:var(--game-background) center/cover no-repeat}@media only screen and (max-width: 768px){#game{display:grid;grid-template-columns:1fr;grid-template-areas:"practice";column-gap:0}#game:has(#phone-game-additional)+#timer{left:4.5rem;font-size:2rem;transform:none}}#game:after{content:"";position:absolute;width:100%;height:100dvh;z-index:0;background:#00000025}#game>*{z-index:1}#game #phone-game-additional{display:none}@media only screen and (max-width: 768px){#game #phone-game-additional{position:absolute;top:1.1rem;left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:1rem;z-index:7}}#game #phone-game-additional>a{position:relative}#game .practice{width:100%;max-height:90dvh;grid-area:practice;margin:5lvh 0;padding-top:1.8rem;display:flex;flex-direction:column;row-gap:1rem}#game .practice+.theory.text{left:calc(100% - 3.5rem)}#game .practice+.theory.text.active{left:0}@media only screen and (max-width: 768px){#game .practice{width:100svw;padding:3rem .7rem 0;box-sizing:border-box}}#game .practice .check{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;box-shadow:0 7px 4px #00000059;border-radius:1.5rem;z-index:1;pointer-events:none}#game .practice .check.active{pointer-events:auto}@media only screen and (max-width: 768px){#game .practice .check.active{z-index:100}}#game .practice .check span{border-radius:.8rem;display:flex;min-width:5rem;justify-content:center;align-items:center;font-family:Bebas,sans-serif;font-weight:600;color:#fff;font-size:1.9rem;line-height:2rem;background-image:linear-gradient(to bottom,#e1e1e1,#a8a8a8 86%);text-transform:uppercase;text-shadow:0 1px 2px hsla(0,0%,0%,.5);margin:1px;padding:.3rem 1.3rem}#game .practice .check span:after{content:"";position:absolute;width:100%;height:100%;background:#8d8d8d;z-index:-1;border-radius:.9rem;border-bottom:1px solid #555}#game .practice .check.active span{background-image:radial-gradient(circle at 27% 25%,#9bdf96,#4bbd64 86%)}#game .practice .check.active span:after{background:#65d155;border-bottom:1px solid #3f8834}#game .practice .check:before{content:"";position:absolute;border-radius:1.3rem;width:calc(100% + 4px);height:calc(100% + 4px);border:4px solid transparent;z-index:-1;background-image:linear-gradient(to right,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);background-origin:border-box;background-clip:padding-box,border-box}#game .practice .check:after{content:"";position:absolute;border-radius:1.4rem;width:calc(100% + 8px);height:calc(100% + 8px);border:4px solid transparent;z-index:-2;background-image:linear-gradient(to bottom,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);background-origin:border-box;background-clip:padding-box,border-box}#game .game-container{height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:center;row-gap:2rem}#game .game-container .game-top{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;row-gap:1.5rem;max-width:500px}#game .game-container .game-top .task{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;row-gap:3rem;height:max-content}@media only screen and (max-width: 768px){#game .game-container .game-top .task{row-gap:1rem}}#game .game-container .game-top .task.mission>.mission-container{display:flex}#game .game-container .game-top .task .mission-container{display:none;height:auto;position:relative;padding:1rem .7rem;flex-direction:column;flex-wrap:nowrap;row-gap:1rem;background-image:linear-gradient(165deg,#faf6fbb3,#e0cbd1b3);border:2px solid #ecdade;border-radius:.7rem;font-family:Fira;color:#3b2a7a}#game .game-container .game-top .task .mission-container>*{font-weight:500;font-size:1.2rem}#game .game-container .game-top .task .mission-container>[class^=type-a-word]{display:inline-grid;gap:.7rem}#game .game-container .game-top .task .mission-container>[class^=type-a-word]>*{font-weight:400;font-size:1.2rem;line-height:2rem}#game .game-container .game-top .task .mission-container .selected-answer{font-weight:600}#game .game-container .game-top .task .mission-container .clue{margin:0 .2rem;border-radius:.7rem;border:solid 2px #d4b7ff;padding:.5rem .2rem;background:linear-gradient(to bottom,#f1e6ff,#cfb5f5)}#game .game-container .game-top .task .mission-container .clue input{outline:none;color:#3b2a7a;font-family:Fira,serif;font-weight:600;font-size:1.2rem;border:solid 1px #d4b7ff;border-radius:.5rem;padding:.2rem .4rem;background:#f3ecff;word-break:break-word;text-align:center;caret-color:#2d1b5b;box-shadow:0 0 12px #c3a4f1}#game .game-container .game-top .task .mission-container .clue.correct{background:linear-gradient(to bottom,#b7ffba,#78d579);border:2px solid #ade2ae}#game .game-container .game-top .task .mission-container .clue.correct input{color:#0c650f;background:#effdef;border:solid 1px #81db83;box-shadow:0 0 8px #52a152}#game .game-container .game-top .task .mission-container .clue.wrong{background:linear-gradient(to bottom,#fecdd8,#ff9288);border:2px solid #f8b3b1}#game .game-container .game-top .task .mission-container .clue.wrong input{color:#7c3131;background:#ffdcdd;border:solid 1px #f8b3b1;box-shadow:0 0 8px #e16a61c2}#game .game-container .game-top .task .mission-container.erudit{background:none;border:none;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.5rem}#game .game-container .game-top .task .mission-container.erudit:not(:has(.word)){flex-direction:row;justify-content:center;flex-wrap:wrap}@media only screen and (max-width: 768px){#game .game-container .game-top .task .mission-container.erudit:not(:has(.word)){padding:1rem .2rem;gap:.3rem}}#game .game-container .game-top .task .mission-container.erudit .word{display:flex;flex-direction:row;gap:.5rem;flex-wrap:nowrap}#game .game-container .game-top .task .mission-container.erudit .game-btn{position:relative;padding:.4rem .7rem;border-radius:.7rem;outline:0;border:2px solid #e0d3f4;background:linear-gradient(to right,#dbcfe6bf,#b8a1ca59);box-shadow:none;font-family:Fira;font-size:1.5rem;font-weight:500;line-height:1.5rem;width:3rem;height:3rem;aspect-ratio:1/1;color:#3b2a7a;cursor:default;transition:filter .3s ease-in-out;pointer-events:none}@media only screen and (max-width: 768px){#game .game-container .game-top .task .mission-container.erudit .game-btn{width:clamp(2.7rem,11svw,3rem);height:clamp(2.7rem,11svw,3rem)}}#game .game-container .game-top .task .mission-container.erudit .game-btn:hover{filter:none}#game .game-container .game-top .task .mission-container.erudit .game-btn span,#game .game-container .game-top .task .mission-container.erudit .game-btn svg{opacity:0}#game .game-container .game-top .task .mission-container.erudit .game-btn.active{background:radial-gradient(circle at 50% 50%,#e9ddfb,#e0cbfc,#d4c0f0,#d2b8f6,#c49ef9);border:none;box-shadow:0 3px 4px #3b2a7a6b,inset 0 0 13px #ffffffd4;cursor:pointer;pointer-events:auto}#game .game-container .game-top .task .mission-container.erudit .game-btn.active span,#game .game-container .game-top .task .mission-container.erudit .game-btn.active svg{opacity:1}#game .game-container .game-top .task .mission-container.erudit .game-btn.active:hover{filter:brightness(1.1)}#game .game-container .game-top .task .mission-container.erudit .game-btn.active svg{position:absolute;top:.2rem;left:.2rem;height:77%}#game .game-container .game-top .task .mission-container.erudit .game-btn.active svg path,#game .game-container .game-top .task .mission-container.erudit .game-btn.active svg circle{fill:#f8f2ff}#game .game-container .game-top .task .mission-container.erudit .game-btn.active svg:nth-child(2){left:calc(100% - .6rem);top:.5rem}#game .game-container .game-top .task .mission-container.erudit .game-btn.active.wrong{background:radial-gradient(circle at 50% 50%,#fecdd8,#ff9288 60%,#e14747 90%,#c52f19 125%);border:none;color:#7c3131}#game .game-container .game-top .task .mission-container.erudit .game-btn.active.correct{background:radial-gradient(circle at 50% 50%,#b7ffba,#78d579 60%,#66b24d 90%,#57a62c 125%);border:none;color:#0c650f}#game .game-container .game-top .task .mission-container.erudit.sentence .game-btn{width:fit-content}@media only screen and (max-width: 768px){#game .game-container .game-top .task .mission-container.erudit.sentence .game-btn{max-height:2rem;font-size:1.2rem;line-height:1rem}}#game .game-container .game-top .task .mission-container.erudit.sentence .game-btn.active{aspect-ratio:auto}#game .game-container .game-top .task .mission-container.insert-words{background-image:linear-gradient(165deg,#faf6fbb3,#e0cbd1b3);display:inline-block}#game .game-container .game-top .task .mission-container.insert-words.numbers p{flex-wrap:nowrap;align-items:center;line-height:unset}#game .game-container .game-top .task .mission-container.insert-words p{line-height:3rem;display:flex;gap:.5rem;padding:.2rem 0;flex-direction:row;flex-wrap:wrap}@media only screen and (max-width: 768px){#game .game-container .game-top .task .mission-container.insert-words p{line-height:unset;align-items:center}}#game .game-container .game-top .task .mission-container.insert-words .symbol span{max-width:calc(100% - 3.5rem)}#game .game-container .game-top .task .mission-container.remove-words{justify-content:start;background-image:linear-gradient(165deg,#faf6fbb3,#e0cbd1b3)}#game .game-container .game-top .task .mission-container.remove-words:not(:has(.word)){justify-content:start}#game .game-container .game-top .task .mission-container.remove-words .game-btn{width:auto;aspect-ratio:unset;padding:.5rem 1.5rem;font-weight:400;border:2px solid #d8b0ff;background:linear-gradient(130deg,#ffffff7b,#d8b0ff73)}#game .game-container .game-top .task .mission-container.remove-words .game-btn.active{background:linear-gradient(135deg,#ffffff7b,#ffffff20);box-shadow:none;border:2px solid #d8b0ff}#game .game-container .game-top .task .mission-container.remove-words .game-btn.active svg{opacity:0}#game .game-container .game-top .task .mission-container.link-words{display:flex;flex-direction:row;justify-content:space-between;gap:0;background:none;border:none;padding:0}#game .game-container .game-top .task .mission-container.link-words .column{width:45%;display:flex;flex-direction:column}#game .game-container .game-top .task .mission-container.link-words .dots{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;height:auto;gap:.5rem}#game .game-container .game-top .task .mission-container.link-words .dots>span{position:relative;width:100%;height:25%}#game .game-container .game-top .task .mission-container.link-words .dots>span:before{content:"";position:absolute;width:100%;height:0px;top:0;bottom:0;left:0;right:0;margin:auto;border-top:5px dotted #3b2a7a}#game .game-container .game-top .task .mission-container.link-words .game-btn{position:relative;padding:clamp(1rem,2vh,1.5rem) .5rem;border-radius:1.5rem;outline:0;border:0;background:radial-gradient(circle at 50% 50%,#e9ddfb,#e0cbfc,#d4c0f0,#d2b8f6,#c49ef9);box-shadow:0 3px 4px #3b2a7a6b,inset 0 0 13px #ffffffd4;font-family:Fira;font-size:1.2rem;margin:.25rem 0;font-weight:500;text-align:center;color:#3b2a7a;cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter .3s ease-in-out}#game .game-container .game-top .task .mission-container.link-words .game-btn:hover{filter:brightness(1.1)}#game .game-container .game-top .task .mission-container.link-words .game-btn svg{position:absolute;top:.6rem;left:.5rem;height:77%}#game .game-container .game-top .task .mission-container.link-words .game-btn svg path,#game .game-container .game-top .task .mission-container.link-words .game-btn svg circle{fill:#f8f2ff}#game .game-container .game-top .task .mission-container.link-words .game-btn svg:nth-child(2){left:calc(100% - 1.2rem)}#game .game-container .game-top .task .mission-container.link-words .game-btn.correct{background:radial-gradient(circle at 50% 150%,#b7ffba,#57a62c);box-shadow:inset 0 0 20px #fff;color:#0c650f}#game .game-container .game-top .task .mission-container.link-words .game-btn.wrong{background:radial-gradient(circle at 50% 50%,#ffbbca,#c52f19 150%);color:#7c3131}#game .game-container .game-top .task .mission-container.link-words .game-btn:active{box-shadow:inset 0 0 0 .2rem #765eac;background:linear-gradient(#4e2f7d 10%,#603f93 45%,#dac0ff 50%,#bdaed9);z-index:1;filter:none;cursor:grab}#game .game-container .game-top .task .mission-container.link-words .game-btn:active svg{opacity:0}#game .game-container .game-top .task .mission-container.link-words .game-btn:active:after{content:"";position:absolute;width:calc(100% - 4px);height:calc(100% - 12px);background:linear-gradient(to bottom,#01030b3d,#ffffff45),radial-gradient(ellipse at 50% 50%,#dcc5f9 20%,#8256bf 96%);z-index:-1;top:6px;left:2px;border-radius:1.3rem}#game .game-container .game-top .task .mission-container.link-words .game-btn :before{content:"::";position:absolute;right:1rem;font-size:1.7rem;top:47%;transform:translateY(-50%)}#game .game-container .game-top .task .mission-container.type-answer{background-image:none;border:none;padding:0}#game .game-container .game-top .task .mission-container.type-answer .clue{padding:.2rem}#game .game-container .game-top .task .mission-container.type-answer input{width:calc(100% - 2.1rem);height:3rem;text-align:left;padding:0 1rem}#game .game-container .game-top .task .mission-container.type-answer input::placeholder{opacity:1;color:#8477af;font-weight:600}#game .game-container .game-top .task .mission-container.millionaire-clue .clue{background:none;border:solid 5px #cdb9ea;padding:.5rem}#game .game-container .game-top .task .mission-container.millionaire-clue .clue p{color:#606093;font-size:1.2rem;font-weight:600}#game .game-container .game-top .task-wrap{height:auto;position:relative;padding:.7rem .7rem 1.5rem;display:flex;flex-direction:column;flex-wrap:nowrap;row-gap:1rem;background-image:linear-gradient(165deg,#faf6fbb3,#e0cbd1b3);border:2px solid #ecdade;border-radius:.7rem;font-family:Fira,serif;color:#3b2a7a;z-index:1}@media only screen and (max-width: 768px){#game .game-container .game-top .task-wrap{padding:.7rem}}#game .game-container .game-top .task-wrap .description{line-height:1.5rem;font-size:.9rem}@media only screen and (max-width: 768px){#game .game-container .game-top .task-wrap .description{line-height:1.2rem;font-size:.7rem}}#game .game-container .game-top .task-wrap .task-text{font-size:1.4rem;font-weight:400}#game .game-container .game-top .task-wrap:after{position:absolute;content:"";width:calc(100% + 2rem);height:calc(100% + 2rem);left:-1.2rem;top:-1rem;border:.2rem solid #f2f1f1;border-radius:1rem;border-top:none;border-bottom:none;filter:drop-shadow(0 0 6px #fff);z-index:-1}@media only screen and (max-width: 768px){#game .game-container .game-top .task-wrap:after{width:calc(100% + 1rem);height:calc(100% + 1rem);left:-.7rem;top:-.5rem;border-radius:.7rem}}#game .game-container .game-top .task-wrap .game-task>.text{font-weight:400;font-size:1.2rem}#game .game-container .game-top .task-wrap .game-task>.image{width:100%;max-height:20vh;max-width:100%;display:flex;justify-content:center}#game .game-container .game-top .task-wrap .game-task>.image img{border-radius:1rem;max-height:20vh;max-width:100%}#game .game-container .game-top .task-wrap .audio-placeholder{height:6.2rem}@media only screen and (max-width: 768px){#game .game-container .game-top .task-wrap .audio-placeholder{height:7rem}}#game .game-container .game-top .task-wrap .video-placeholder{height:4rem}@media only screen and (max-width: 768px){#game .game-container .game-top .task-wrap .video-placeholder{height:2.5rem}}#game .game-container .game-bottom{width:100%;display:flex;flex-direction:column;align-items:center;row-gap:1rem;max-width:500px;height:100%;justify-content:space-between;max-height:40vh}#game .game-container .game-bottom>*:only-child{margin-top:auto}#game .game-container .game-bottom .millionaire{display:grid;grid-auto-flow:dense;gap:.5rem;width:100%}#game .game-container .game-bottom .millionaire .game-btn{position:relative;padding:clamp(1rem,2vh,1.3rem) .5rem;border-radius:1.5rem;outline:0;border:0;background:radial-gradient(circle at 50% 50%,#e9ddfb,#e0cbfc,#d4c0f0,#d2b8f6,#c49ef9);box-shadow:0 3px 4px #3b2a7a6b,inset 0 0 13px #ffffffd4;font-family:Fira;font-size:1.2rem;font-weight:500;color:#3b2a7a;cursor:pointer;transition:filter .3s ease-in-out}#game .game-container .game-bottom .millionaire .game-btn:hover{filter:brightness(1.1)}#game .game-container .game-bottom .millionaire .game-btn:active{filter:saturate(2)}#game .game-container .game-bottom .millionaire .game-btn svg{position:absolute;top:.6rem;left:.7rem;height:77%}#game .game-container .game-bottom .millionaire .game-btn svg path,#game .game-container .game-bottom .millionaire .game-btn svg circle{fill:#f8f2ff}#game .game-container .game-bottom .millionaire .game-btn svg:nth-child(2){left:calc(100% - 1.2rem)}#game .game-container .game-bottom .millionaire .game-btn.active{box-shadow:inset 0 0 0 .2rem #765eac;background:linear-gradient(#4e2f7d 10%,#603f93 45%,#dac0ff 50%,#bdaed9);z-index:1}#game .game-container .game-bottom .millionaire .game-btn.active svg{display:none}#game .game-container .game-bottom .millionaire .game-btn.active:after{content:"";position:absolute;width:calc(100% - 4px);height:calc(100% - 12px);background:linear-gradient(to bottom,#01030b3d,#ffffff45),radial-gradient(ellipse at 50% 50%,#dcc5f9 20%,#8256bf 96%);z-index:-1;top:6px;left:2px;border-radius:1.3rem}#game .game-container .game-bottom .millionaire .game-btn.correct{background:radial-gradient(circle at 50% 150%,#b7ffba,#57a62c);box-shadow:inset 0 0 20px #fff;color:#0c650f}#game .game-container .game-bottom .millionaire .game-btn.wrong{background:radial-gradient(circle at 50% 50%,#ffbbca,#c52f19 150%);color:#7c3131}#game .game-container .game-bottom .millionaire.millionaire{grid-template-columns:repeat(2,1fr)}#game .game-container .game-bottom .millionaire.long{grid-template-columns:repeat(1,1fr)}#game .game-container .game-bottom .type-a-word{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.7rem}#game .game-container .game-bottom .type-a-word>.text{font-family:Fira;font-size:1.2rem;font-weight:500;color:#3b2a7a}#game .game-container .game-bottom .answer.erudit{display:grid;grid-template-columns:repeat(7,1fr);justify-content:center;max-width:min-content}#game .game-container .game-bottom .answer.erudit.remove-words{display:flex;flex-direction:row;flex-wrap:wrap;max-width:max-content}#game .game-container .game-bottom .answer.erudit.remove-words .game-btn{width:auto;min-width:5rem;aspect-ratio:auto;background:linear-gradient(to right,#c59cedb2,#cda6ea4d);border:2px solid #b893dc;box-shadow:none;cursor:default;pointer-events:none}#game .game-container .game-bottom .answer.erudit.remove-words .game-btn svg{opacity:0}#game .game-container .game-bottom .answer.erudit.remove-words .game-btn.active{background:radial-gradient(circle at 50% 50%,#e9ddfb,#e0cbfc,#d4c0f0,#d2b8f6,#c49ef9);border:2px solid #e4d5f9;padding:.4rem 1.7rem .4rem .7rem;box-shadow:0 3px 4px #3b2a7a6b,inset 0 0 13px #ffffffd4;pointer-events:auto;width:fit-content;cursor:pointer}#game .game-container .game-bottom .answer.erudit.remove-words .game-btn.active:after{content:"×";position:absolute;font-size:2rem;font-weight:400;right:.4rem}#game .game-container .game-bottom .answer.erudit.remove-words .game-btn.active svg{opacity:1}#game .game-container .game-bottom .answer.erudit.remove-words .game-btn.active span{opacity:1}#game .game-container .game-bottom .answer.erudit.remove-words .game-btn.active:hover{filter:brightness(1.1)}#game .game-container .game-bottom .answer.erudit .game-btn{position:relative;padding:.4rem .7rem;border-radius:.7rem;outline:0;border:2px solid #e4d5f9;background:radial-gradient(circle at 50% 50%,#e9ddfb,#e0cbfc,#d4c0f0,#d2b8f6,#c49ef9);box-shadow:0 3px 4px #3b2a7a6b,inset 0 0 13px #ffffffd4;font-family:Fira;font-size:1.5rem;font-weight:500;line-height:1.5rem;width:3rem;height:3rem;margin:.25rem;aspect-ratio:1/1;color:#3b2a7a;cursor:pointer;transition:filter .3s ease-in-out;pointer-events:auto}#game .game-container .game-bottom .answer.erudit .game-btn:hover{filter:brightness(1.1)}#game .game-container .game-bottom .answer.erudit .game-btn svg{position:absolute;top:.2rem;left:.2rem;height:77%}#game .game-container .game-bottom .answer.erudit .game-btn svg path,#game .game-container .game-bottom .answer.erudit .game-btn svg circle{fill:#f8f2ff}#game .game-container .game-bottom .answer.erudit .game-btn svg:nth-child(2){left:calc(100% - .5rem);top:.5rem}#game .game-container .game-bottom .answer.erudit .game-btn.active{background:linear-gradient(to right,#c59cedb2,#cda6ea4d);border:2px solid #b893dc;box-shadow:none;cursor:default;pointer-events:none}#game .game-container .game-bottom .answer.erudit .game-btn.active:hover{filter:none}#game .game-container .game-bottom .answer.erudit .game-btn.active span,#game .game-container .game-bottom .answer.erudit .game-btn.active svg{opacity:0}@media only screen and (max-width: 768px){#game .game-container .game-bottom .answer.erudit .game-btn{width:clamp(2.7rem,11svw,3rem);height:clamp(2.7rem,11svw,3rem)}}#game .game-container .game-bottom .answer.erudit.sentence{display:flex;flex-direction:row;max-width:fit-content;flex-wrap:wrap;justify-content:center}#game .game-container .game-bottom .answer.erudit.sentence .game-btn{width:fit-content;aspect-ratio:auto}.close-position{position:absolute;top:5svh;left:5lvw;z-index:11}@media only screen and (max-width: 768px){.close-position{z-index:8;top:1.1rem;left:1rem}}.btn{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.7rem}.btn.close,.btn.retry,.btn.book,.btn.text{width:2.5rem;height:2.5rem;background-image:radial-gradient(circle at 31% 32%,#d3b3ff,#d1b0ff 2%,#bd8dff 31%,#b580ff 46%,#9368cf 75%,#8860bf 84%);box-shadow:inset 0 -2px #604197,inset 1px 0 #ad82e7,inset -1px 0 #ad82e7,inset 0 1px #ad82e7,inset 0 -1px #ad82e7}.btn.next,.btn.prev,.btn.green{width:2.5rem;height:2.5rem;background-image:radial-gradient(circle at 27% 25%,#9bdf96,#4bbd64 86%);box-shadow:inset 0 -1.5px #3f8834;box-shadow:inset 0 -2px #3f8834,inset 1px 0 #65d155,inset -1px 0 #65d155,inset 0 1px #65d155,inset 0 -1px #65d155}.btn.plus,.btn.minus{width:2.5rem;height:2.5rem}.btn.minus span{position:absolute;width:40%;height:15%;background:#3b2a7a;border-radius:2px}.btn.white{background:radial-gradient(#ececec,#c0bece 80%);box-shadow:inset 0 0 5px 3px #ececec,0 3px 7px #48447333}.btn.white:before,.btn.white:after{content:none}.btn.white svg{position:absolute;width:80%;height:70%}.btn.white svg path,.btn.white svg circle{fill:#fff}.btn.plus>.plus{width:40%;height:40%;transform:rotate(45deg)}.btn.plus>.plus path{fill:#3b2a7a}.btn img{position:absolute;top:50%;left:50%;width:60%;height:60%;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 1px rgba(55,27,132,.4588235294));transition:all .2s}.btn:before{content:"";position:absolute;border-radius:.9rem;width:calc(100% + 3px);height:calc(100% + 3px);border:3px solid transparent;z-index:-1;background-image:linear-gradient(to right,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);background-origin:border-box;background-clip:padding-box,border-box}.btn:after{content:"";position:absolute;border-radius:1rem;width:calc(100% + 6px);height:calc(100% + 6px);border:3px solid transparent;z-index:-2;background-image:linear-gradient(to bottom,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);background-origin:border-box;background-clip:padding-box,border-box}.complex-game{position:absolute;width:100vw;padding-top:calc(5vh + 5.5rem);font-family:Fira,serif;color:#3b2a7a;z-index:7;display:grid;grid-template-columns:400px minmax(400px,1fr) minmax(300px,400px);grid-template-areas:"alert complex theory";column-gap:1rem}@media only screen and (max-width: 768px){.complex-game{grid-template-columns:1fr;grid-template-areas:"complex";padding-top:calc(5vh + 7rem)}}.complex-game .audio-player{grid-area:complex;max-width:calc(500px - 1.3rem);justify-self:center;width:100%}@media only screen and (max-width: 768px){.complex-game .audio-player{width:90%}}.complex-game .play-buttons{grid-area:complex;max-width:calc(500px - 1.3rem)}@media only screen and (max-width: 768px){.complex-game .play-buttons{margin-top:-1.3rem}}.alert{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-area:alert}.alert.small{height:100%;max-width:400px}@media only screen and (max-width: 768px){.alert.small{position:absolute;z-index:99!important;width:100%;height:100svh;background-color:#ffffff03;max-width:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.alert.small~.practice{z-index:auto!important}}.alert.small .anim{height:50%;width:100%}.alert.quiz .score{padding:clamp(.5rem,.6vw,.7rem) 0;background:linear-gradient(to right,#e040fb75,#ff174475);display:flex;justify-content:center;align-items:center;width:100%;max-width:500px;clip-path:polygon(0% 0%,95% 0%,95.78% 19.78%,96.02% 36.45%,97.3% 51.04%,97.83% 69.79%,99.27% 82.29%,100% 100%,5% 100%,3.65% 78.13%,3.67% 61.46%,2.03% 40.63%,2% 17.7%)}.alert.quiz .score p{font-family:Bebas,serif;font-size:clamp(1.5rem,1.5vw,2rem);margin:0;color:#fff}.alert.quiz .anim{width:100%!important;max-height:55vh!important;max-width:37vh!important;height:100%!important}.alert.big{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:8!important}.alert.big:after{content:"";background:var(--game-background) center/cover no-repeat;position:absolute;width:100vw;height:100vh;z-index:-1}.alert.big .anim{width:100%;height:100%;max-height:75vh;max-width:45vh}.alert.big .alert-message{max-width:350px}.alert.big~.practice{opacity:0;z-index:-7}.alert .alert-message{width:80%;background:#fff;border:.3rem solid #f2f2f2;border-radius:0 0 1rem 1rem;padding:0 .5rem .5rem;font-family:Fira;position:relative;top:-3rem;filter:drop-shadow(0 0 12px rgba(0,0,0,.2117647059));z-index:3}.alert .alert-message:before{content:"";position:absolute;top:-1.7rem;left:-.27rem;width:100%;height:80%;background:#fff;transform:skewY(182deg);border-radius:1rem 1rem 0 0;z-index:-1;border:.3rem solid #f2f2f2;border-bottom:none}.alert .alert-message .personage-name{position:absolute;top:-3rem;font-size:1.2rem;padding:0 0 0 .7rem;background:#fff;border-radius:.5rem 0 0 .5rem;font-weight:600;filter:drop-shadow(0 0 10px rgba(0,0,0,.2117647059))}.alert .alert-message .personage-name:before{content:"";position:absolute;width:3rem;height:100%;right:-.7rem;transform:skew(155deg);background:#fff;top:0;border-radius:0 .5rem .2rem 0;z-index:-1}.alert .alert-message .message{font-weight:400;line-height:1.3rem}@media only screen and (max-width: 768px){.alert .alert-message .message{font-size:inherit}}.alert .alert-message .insert-number{display:grid;grid-template-columns:2rem auto;gap:.3rem}.alert .alert-message .insert-number .number{height:2rem;background:#16841a17;display:flex;justify-content:center;align-items:center;font-weight:500;color:#0c650f}.alert .alert-message .insert-number .number:first-child{border-radius:.7rem 0 0}.alert .alert-message .insert-number .number:nth-last-child(2){border-radius:0 0 0 .7rem}.alert .alert-message .correction-block{display:grid;grid-template-columns:repeat(2,1fr);gap:.3rem}.alert .alert-message .correction-block .linkwords{border:solid 1px #f1f2f7;width:calc(100% - 1rem);margin:0;padding:.5rem}.alert .alert-message .correction-block .linkwords:nth-child(2n){background:#16841a17;text-decoration:dotted underline .2rem}.alert .alert-message .correction-block .linkwords:nth-child(odd){color:#3b2a7a}.alert .alert-message .correction-block .linkwords:first-child{border-top-left-radius:.3rem;margin-top:1rem}.alert .alert-message .correction-block .linkwords:nth-child(2){border-top-right-radius:.3rem;margin-top:1rem}.alert .alert-message .correction-block .linkwords:nth-last-child(2){border-bottom-left-radius:.3rem}.alert .alert-message .correction-block .linkwords:last-child{border-bottom-right-radius:.3rem}.alert .alert-message .correction{text-decoration:underline .2rem dotted #979797;color:#16841a;margin-top:.5rem;font-weight:600;line-height:1.5rem}@media only screen and (max-width: 768px){.alert .alert-message .correction{font-size:inherit}}.theory{position:relative;grid-area:theory;width:100%;min-width:300px;height:100%;left:calc(100% - 3.5rem);background:linear-gradient(159deg,#ffffff4d -5%,#f3e0ff40 76%),linear-gradient(to bottom,#ffffff8c,#ffffff73 98%);border-left:1px solid #eee;transition:all .3s ease-in-out;z-index:9!important}@media only screen and (max-width: 768px){.theory{position:fixed;left:100%}}.theory.text{min-width:auto;width:3.5rem;left:calc(100% - 7rem);max-width:400px;z-index:0}@media only screen and (max-width: 768px){.theory.text{width:100%;left:100%!important;max-width:none}.theory.text .theory-data p{font-size:1rem;height:95dvh}}.theory.text .placeholder{white-space:nowrap}.theory.text.active{left:-3.5rem}@media only screen and (max-width: 768px){.theory.text.active{left:0!important}}.theory.text .theory-data{height:80dvh;overflow-y:scroll;scrollbar-color:rgba(255,255,255,.35) transparent!important;scrollbar-width:thin!important}.theory.text .theory-data::-webkit-scrollbar{width:12px}.theory.text .theory-data::-webkit-scrollbar-thumb{background-color:#ffffff59!important}.theory>.placeholder{position:absolute;transform:translate(-50%,-50%) rotate(-90deg);display:block;left:1.7rem;top:50%;font-size:1.9rem;font-weight:600;font-family:Bebas;opacity:1;transition:all .3s}.theory.active{width:100%;min-width:300px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);left:0}.theory.active>.theory-content{opacity:1;transition-delay:.3s}.theory.active>.placeholder{opacity:0;display:none}.theory.active+.theory.text{left:-3.5rem}@media only screen and (max-width: 768px){.theory.active+.theory.text{left:100%}}.theory>.theory-content{opacity:0;transition:all .2s ease-in-out;overflow:clip}.theory>.btn{margin:5svh .5rem 0}@media only screen and (max-width: 768px){.theory>.btn{margin:1rem 1rem 0}}.theory .theory-content{position:relative;height:90svh;top:5svh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:Fira,sans-serif;z-index:-1}@media only screen and (max-width: 768px){.theory .theory-content{height:calc(95dvh - 1rem);top:1rem}}.theory .theory-content>h2{font-family:Bebas;font-size:2rem;line-height:2.5rem;color:#333452;text-transform:uppercase}.theory .theory-content .theory-data{display:flex;flex-direction:column;width:95%;gap:.7rem;top:4.5rem;position:absolute}.theory .theory-content .theory-data .content{background:#ffffff80;border:.1rem solid #fff;border-bottom:none;border-radius:1rem;padding:1rem .5rem;display:flex;flex-direction:column;max-height:70vh;overflow-y:scroll}@media only screen and (max-width: 768px){.theory .theory-content .theory-data .content{max-height:67svh}}.theory .theory-content .theory-data .content .tts{cursor:pointer}.theory .theory-content .theory-data .content .title{font-size:1.3rem;line-height:1.5rem;text-transform:initial;color:#3b2a7a;margin-bottom:.5rem}.theory .theory-content .theory-data .content img{border-radius:1rem}.theory .theory-content .theory-data .content .description{font-size:clamp(.7rem,1vw,1.125rem);line-height:clamp(1rem,1.4vw,1.3rem);margin-bottom:.3rem}@media only screen and (max-width: 768px){.theory .theory-content .theory-data .content .description{font-size:1.2rem;line-height:1.2rem}}.theory .theory-content .theory-data .content .example{font-size:clamp(.7rem,1vw,1.125rem);line-height:clamp(1.2rem,1.6vw,1.7rem);margin-bottom:.3rem}@media only screen and (max-width: 768px){.theory .theory-content .theory-data .content .example{font-size:1.2rem;line-height:1.5rem}}.theory .theory-content .theory-data .content .listen{pointer-events:none}.theory .theory-content .theory-data .image{width:100%;max-height:max-content;max-width:100%;display:flex;justify-content:center;position:relative}.theory .theory-content .theory-data .image:after{content:"";width:100%;height:100%;background:linear-gradient(to top,#fff,transparent 45%);position:absolute;border-radius:1rem}.theory .theory-content .theory-data .image .word{position:absolute;bottom:.5rem;padding-bottom:.5rem;left:.7rem;font-size:1.7rem;color:#3b2a7a;font-weight:600;z-index:1;text-decoration:underline dotted .3rem #3b2a7a;text-underline-position:under}.theory .theory-content .theory-data .image img{border-radius:1rem;max-width:100%}.theory .theory-content .theory-data.type-words .transcription{color:#767676;font-weight:500}.theory .theory-content .theory-data.type-words .translated-word{font-weight:500;font-size:1.3rem;color:#302f2e}.theory .theory-content .theory-data.type-words .translated-word+.example{text-decoration:underline dotted .2rem #979797}.theory .theory-content .theory-data.type-words .example{font-weight:500;font-style:italic;text-underline-position:under;color:#333452}.theory .theory-content .theory-data.type-words .example>*{cursor:pointer!important}.theory .theory-content .theory-data.type-words .example .listen{pointer-events:none}.theory .theory-content .theory-data.type-words .example .blue{color:#4987f7}.theory .theory-content .theory-data.type-words .spelling-btn{display:flex;flex-direction:row;gap:.5rem;margin:1rem 0}.theory .theory-content .theory-data.type-words .spelling-btn .spelling{width:1.7rem;height:1.7rem;padding:.2rem;display:flex;align-items:center;justify-content:center;border:1px solid #2D1B5B;border-radius:.5rem;cursor:pointer;transition:filter .2s ease}.theory .theory-content .theory-data.type-words .spelling-btn .spelling:hover{filter:brightness(1.7)}.theory .theory-content .theory-data.type-words .spelling-btn .spelling:active{filter:brightness(1.5)}.theory .theory-content .theory-data.type-words .spelling-btn .spelling img{height:70%}.theory .theory-content .theory-data table tr{display:flex;width:calc(100% + .8rem);margin-left:-.4rem;align-items:stretch;flex-direction:row;flex-wrap:nowrap;border-radius:.2rem}.theory .theory-content .theory-data table tr>td{border-right:1px solid #333}.theory .theory-content .theory-data table tr>td:last-child{border-right:none}.theory .theory-content .theory-data table tr:nth-child(2n){background:#fff9}.theory .theory-content .theory-data table td{display:flex;align-items:center;text-align:left;width:100%;padding:.5rem;word-wrap:anywhere}@media only screen and (max-width: 768px){.theory .theory-content .theory-data table td p{font-size:1rem}}.theory .theory-content .workbook{display:inline-flex;gap:1rem;align-items:center;background:#ffffff80;border:.1rem solid #fff;border-bottom:none;border-radius:1rem;padding:.5rem}.theory .theory-content .workbook p{font-weight:600;font-size:1.2rem;color:#3b2a7a}.theory .theory-content .workbook .btn{position:relative}.theory .theory-content .pagination{justify-content:space-between;width:100%;max-width:180px;align-items:center;display:grid;grid-template-areas:"prev pages next";grid-auto-columns:2.5rem}.theory .theory-content .pagination .prev{grid-area:prev}.theory .theory-content .pagination .next{grid-area:next}.theory .theory-content .pagination p{grid-area:pages;font-size:1.5rem;font-weight:400}.theory .theory-content .pagination .btn{position:relative}.progress-bar{position:absolute;top:5lvh;left:50%;transform:translate(-50%)}@media only screen and (max-width: 768px){.progress-bar{top:4.5rem;width:90%}}#demo-btns{position:absolute;bottom:calc(5lvh + 3.5rem);left:50%;transform:translate(-50%);display:inline-flex;gap:1rem;z-index:3}#demo-btns button{padding:.3rem .5rem;border:none;outline:none;border-radius:.5rem;background-color:transparent;font-weight:600;cursor:pointer;line-height:0;transition:all .2s ease}#demo-btns button img{width:1rem}#demo-btns button.demo-skip-mistake{border:2px solid #C03A2B}#demo-btns button.demo-skip-correct{border:2px solid #0C650F}#demo-btns button:hover{filter:brightness(1.2)}#timer{position:absolute;top:5svh;left:15lvw;color:#ffffff80;font-size:clamp(3rem,2vw,5.5rem);line-height:2.5rem;font-weight:600}@media only screen and (max-width: 768px){#timer{left:50%;transform:translate(-50%);top:1rem}}#timer.warning{transition:all 1s ease;color:#ff7d7d80}#timer.limit{animation:blink 1s infinite ease-in-out;transition:all 1s;color:#ff7d7d80}@keyframes blink{0%{opacity:.5}10%{opacity:1}to{opacity:.5}}.loading-await{position:absolute;top:50%;left:50%;color:#3b2a7a;transform:translate(-50%,-50%);animation:loading 2.5s ease-in-out infinite}@keyframes loading{0%{opacity:1}50%{opacity:.2}to{opacity:1}}#review{position:absolute;left:20%;width:80%;height:100svh;display:flex;flex-direction:row;flex-wrap:nowrap;color:#3b2a7a;background:#e5dfe6;overflow:clip;font-family:Fira,Courier New,Courier,monospace;transition:all .3s ease-in-out}@media only screen and (max-width: 768px){#review{width:100%;left:0}}#review main{overflow-y:scroll;height:auto;padding:8rem 2rem 2rem}@media only screen and (max-width: 768px){#review main{padding:8rem .5rem .5rem}}#review main .bookmarked h2{position:relative;display:flex;align-items:center;font-family:Bebas,Courier New,Courier,monospace;font-weight:400;border-bottom:1px solid #3b2a7a;margin-bottom:.5rem;cursor:pointer;transition:.3s ease}#review main .bookmarked h2 svg{height:1rem;margin-left:1rem}#review main .bookmarked h2 svg:first-of-type{height:0;width:0;margin-right:.3rem;margin-left:0;transition:.3s ease}#review main .bookmarked h2:has(+.collapsed) svg:first-of-type{transform:rotate(180deg)}#review main .bookmarked h2:after{content:"";position:absolute;display:block;width:3px;height:100%;background:#3b2a7a;top:0;left:-1rem;transition:.3s ease}#review main .bookmarked h2:hover{padding-left:.5rem;font-weight:700}#review main .bookmarked h2:hover svg:first-of-type{height:1rem;width:1rem}#review main .bookmarked h2:hover:after{width:5px}#review main .bookmarked .selected{overflow-y:auto;max-height:940px;transition:all .5s ease-in-out;opacity:1;padding:0 1rem;width:100%;margin-left:-1rem}#review main .bookmarked .selected.collapsed{max-height:0px;padding-bottom:0;margin-bottom:0;border-bottom:transparent}#review main .episodes{position:relative;display:flex;align-items:center;font-family:Bebas,Courier New,Courier,monospace;font-weight:400;border-bottom:1px solid #3b2a7a;padding:.2rem 0;cursor:pointer;transition:.5s ease}#review main .episodes svg{height:0;width:0;margin-right:.3rem;transition:.3s ease}#review main .episodes:has(+.collapsed) svg{transform:rotate(180deg)}#review main .episodes:after{content:"";position:absolute;display:block;width:3px;height:80%;background:#3b2a7a;top:10%;left:-1rem;transition:.3s ease}#review main .episodes:hover{padding-left:.5rem;font-weight:700}#review main .episodes:hover svg{height:1rem;width:1rem}#review main .episodes:hover:after{width:5px}#review main .cards-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1rem;overflow-y:clip;padding:.5rem 0;max-height:4000px;transition:all .5s ease-in-out;opacity:1}@media only screen and (max-width: 768px){#review main .cards-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}#review main .cards-list.collapsed{max-height:0px;padding:0;border-bottom:transparent}#review main .cards-list article{border:1px solid #fff;border-radius:1rem;padding:.5rem 1rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;box-shadow:0 3px 7px #48447333;transition:.3s ease}#review main .cards-list article:hover{box-shadow:0 0 14px #4e4a7799!important;transform:scale(1.01);-webkit-filter:brightness(1.05);filter:brightness(1.05)}#review main .cards-list article .card-top,#review main .cards-list article .card-bottom{display:flex;flex-direction:row;justify-content:space-between;align-items:center;-moz-column-gap:1rem;column-gap:1rem}#review main .cards-list article .card-top .path,#review main .cards-list article .card-top .tags,#review main .cards-list article .card-bottom .path,#review main .cards-list article .card-bottom .tags{display:inline-flex}#review main .cards-list article .card-top .path p{color:#333;outline:none;padding:0 .3rem 0 .8rem;font-size:clamp(.7rem,1vw,.8rem);position:relative;text-decoration:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}#review main .cards-list article .card-top .path p:before{bottom:0;-webkit-clip-path:polygon(50% 50%,-50% -50%,0 100%);clip-path:polygon(50% 50%,-50% -50%,0 100%);content:"";left:100%;position:absolute;top:0;width:1em;z-index:1}#review main .cards-list article .card-top .path p:last-child{border-right:none}#review main .cards-list article .card-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;-moz-column-gap:1rem;column-gap:1rem}#review main .cards-list article .card-title h3{width:-webkit-max-content;width:-moz-max-content;width:max-content;text-transform:capitalize;line-height:1.7rem;min-height:3.4rem}#review main .cards-list article .card-title h3 span{font-size:85%;line-height:1rem;font-weight:500;color:#605783}#review main .cards-list article .card-title .card-play{position:relative}#review main .cards-list article .card-title .card-play:before{content:"";position:absolute;top:calc(100% + .2rem);left:50%;transform:translate(-50%) rotate(45deg) skew(7deg,7deg);border-top-left-radius:.3rem;width:1rem;height:1rem;background:#fff;opacity:0;z-index:0;transition:.3s ease;transition-delay:0}#review main .cards-list article .card-title .card-play:hover:before{opacity:1;z-index:9;top:90%;transition-delay:.7s}#review main .cards-list article .card-title .card-play:after{content:attr(data-tooltip);position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;top:calc(100% + 1rem);left:50%;transform:translate(-50%);background:#fff;padding:.2rem .5rem;border-radius:.5rem;box-shadow:0 3px 7px #48447333;opacity:0;z-index:0;transition:.3s ease;transition-delay:0}#review main .cards-list article .card-title .card-play:hover:after{z-index:9;opacity:1;top:calc(100% + .2rem);transition-delay:.7s}#review main .cards-list article .card-title .card-play a{position:relative;cursor:pointer;width:3rem;min-width:3rem;height:3rem;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;border-radius:.7rem;background:#6d4491;transition:.3s ease}#review main .cards-list article .card-title .card-play a:before{content:"";position:absolute;width:calc(100% + .4rem);height:calc(100% + .4rem);border-radius:.7rem;box-shadow:0 3px 7px #48447333;transition:.3s ease}#review main .cards-list article .card-title .card-play a svg{width:50%;height:50%}#review main .cards-list article .card-title .card-play a:hover,#review main .cards-list article .card-title .card-play a:hover:before{border-radius:50%}#review main .cards-list article .card-bottom{position:relative}#review main .cards-list article .card-bottom:after{content:"";position:absolute;display:block;left:-1rem;top:-.5rem;width:calc(100% + 2rem);height:1px;background:#410d7421}#review main .cards-list article .card-bottom .tags{gap:.5rem}#review main .cards-list article .card-bottom .tags p{font-size:clamp(.9rem,1vw,1rem)}#review main .cards-list article .card-bottom .bookmark{cursor:pointer;width:1rem;height:1rem}#review main .cards-list article .card-bottom .bookmark svg{width:100%;height:100%;transition:.3s cubic-bezier(.47,1.64,.41,.8)}#review main .cards-list article .card-bottom .bookmark:hover svg{fill:#3b2a7a66!important;transform:scale(1.3)}#review main .cards-list article.cat-default{background:#f4eff5}#review main .cards-list article.cat-default .card-top .path p:nth-child(1){padding-left:0;background-color:#f4eff5}#review main .cards-list article.cat-default .card-top .path p:nth-child(1):before{background-color:#f4eff5}#review main .cards-list article.cat-default .card-top .path p:nth-child(2){background-color:#ebe6ec}#review main .cards-list article.cat-default .card-top .path p:nth-child(2):before{background-color:#ebe6ec}#review main .cards-list article.cat-default .card-top .path p:nth-child(3){background-color:#e2dae3}#review main .cards-list article.cat-default .card-top .path p:nth-child(3):before{background-color:#e2dae3}#review main .cards-list article.cat-topic{background:#f2f1eb}#review main .cards-list article.cat-topic .card-top .path p:nth-child(1){padding-left:0;background-color:#f2f1eb}#review main .cards-list article.cat-topic .card-top .path p:nth-child(1):before{background-color:#f2f1eb}#review main .cards-list article.cat-topic .card-top .path p:nth-child(2){background-color:#e6e4d9}#review main .cards-list article.cat-topic .card-top .path p:nth-child(2):before{background-color:#e6e4d9}#review main .cards-list article.cat-topic .card-top .path p:nth-child(3){background-color:#dcdaca}#review main .cards-list article.cat-topic .card-top .path p:nth-child(3):before{background-color:#dcdaca}#review main .cards-list article.cat-grammar{background:#eff5f1}#review main .cards-list article.cat-grammar .card-top .path p:nth-child(1){padding-left:0;background-color:#eff5f1}#review main .cards-list article.cat-grammar .card-top .path p:nth-child(1):before{background-color:#eff5f1}#review main .cards-list article.cat-grammar .card-top .path p:nth-child(2){background-color:#dfebe3}#review main .cards-list article.cat-grammar .card-top .path p:nth-child(2):before{background-color:#dfebe3}#review main .cards-list article.cat-grammar .card-top .path p:nth-child(3){background-color:#cfe1d5}#review main .cards-list article.cat-grammar .card-top .path p:nth-child(3):before{background-color:#cfe1d5}#review main .cards-list article.cat-vocabulary{background:#f1e7e7}#review main .cards-list article.cat-vocabulary .card-top .path p:nth-child(1){padding-left:0;background-color:#f1e7e7}#review main .cards-list article.cat-vocabulary .card-top .path p:nth-child(1):before{background-color:#f1e7e7}#review main .cards-list article.cat-vocabulary .card-top .path p:nth-child(2){background-color:#ecdbdb}#review main .cards-list article.cat-vocabulary .card-top .path p:nth-child(2):before{background-color:#ecdbdb}#review main .cards-list article.cat-vocabulary .card-top .path p:nth-child(3){background-color:#e0c3c3}#review main .cards-list article.cat-vocabulary .card-top .path p:nth-child(3):before{background-color:#e0c3c3}#search-review{position:fixed;top:0;left:20%;width:80%;padding-top:1rem;display:flex;justify-content:center;z-index:9}@media only screen and (max-width: 768px){#search-review{left:50%;width:calc(100% - 8rem);transform:translate(-50%)}}#search-review:after{content:"";position:absolute;top:0;left:0;width:100%;height:calc(100% + 3.2rem);background:linear-gradient(to top,transparent 0%,rgba(229,223,230,.8117647059) 50%,#e5dfe6 100%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(3px);-webkit-mask:linear-gradient(to top,transparent,black 30%);z-index:-1}@media only screen and (max-width: 768px){#search-review:after{left:-4rem;width:calc(100% + 8rem);height:calc(100% + 2rem)}}#search-review .search{position:relative;width:100%;max-width:750px;background-color:#fff;padding:1.5rem 1rem .2rem;border-radius:.7rem;box-shadow:0 3px 7px #48447333;z-index:1}@media only screen and (max-width: 768px){#search-review .search{padding:2rem .5rem .2rem}}#search-review .search .input-admin{padding:unset;border:none;outline:none}#search-review .search .input-admin input{padding:.5rem 0}#search-review .search label{position:absolute;top:-1rem;display:block}@media only screen and (max-width: 768px){#search-review .search label{display:none}}#search-review .search .season-switch{position:absolute;right:calc(100% + .3rem);top:.2rem;width:max-content;display:flex;flex-direction:column;gap:.2rem}@media only screen and (max-width: 768px){#search-review .search .season-switch{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:0;left:50%;top:0;transform:translate(-50%)}}#search-review .search .season-switch button{border:none;outline:none;padding:.5rem .7rem;box-shadow:0 3px 7px #48447333;border-radius:.3rem;cursor:pointer;transition:all .3s ease}@media only screen and (max-width: 768px){#search-review .search .season-switch button:first-child{border-radius:.7rem 0 0}#search-review .search .season-switch button:last-child{border-radius:0 .7rem 0 0}}#search-review .search .season-switch button:hover,#search-review .search .season-switch button.active{background-color:#6d4491;color:#fff}#search-review .cat-tabs{position:absolute;width:100%;display:inline-flex;gap:.5rem;justify-content:center;top:5.5rem}@media only screen and (max-width: 768px){#search-review .cat-tabs{display:none}}#search-review .cat-tabs p{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:pointer;padding:.1rem 1rem;height:-webkit-max-content;height:-moz-max-content;height:max-content;background-color:#fff;border-radius:0 0 .5rem .5rem;box-shadow:0 3px 7px #48447333;transition:.2s ease}#search-review .cat-tabs p.all{border-bottom:2px solid #3b2a7a}#search-review .cat-tabs p.all.active{background-color:#6d4491;color:#fff}#search-review .cat-tabs p.topic{border-bottom:2px solid #dcdaca}#search-review .cat-tabs p.topic.active{background-color:#f0efe9;padding-top:.5rem}#search-review .cat-tabs p.grammar{border-bottom:2px solid #cfe1d5}#search-review .cat-tabs p.grammar.active{background-color:#eef5f0;padding-top:.5rem}#search-review .cat-tabs p.vocabulary{border-bottom:2px solid #e0c3c3}#search-review .cat-tabs p.vocabulary.active{background-color:#f1e5e5;padding-top:.5rem}#search-review .cat-tabs p.video{border-bottom:2px solid #aefcf2}#search-review .cat-tabs p.video.active{background-color:#dffefa;padding-top:.5rem}#search-review .cat-tabs p.listening{border-bottom:2px solid #c3d1e7}#search-review .cat-tabs p.listening.active{background-color:#e7edf6;padding-top:.5rem}#search-review .cat-tabs p.reading{border-bottom:2px solid #ddc1e1}#search-review .cat-tabs p.reading.active{background-color:#f0e3f2;padding-top:.5rem}#search-review .cat-tabs p.quiz{border-bottom:2px solid #fcf0b6}#search-review .cat-tabs p.quiz.active{background-color:#fefae7;padding-top:.5rem}#account{position:absolute;left:20%;width:calc(160% - 6rem);height:calc(100vh - 4rem);gap:2rem;padding:2rem;display:flex;flex-direction:row;flex-wrap:nowrap;background:#e5dfe6;overflow:clip;font-family:Bebas,Courier New,Courier,monospace;transition:all .3s ease-in-out}#account.info-page{left:calc(-60% + 2rem)}#account.info-page .account-tabs{opacity:0}#account .account-tabs{position:relative;width:100%;height:100%;display:flex;flex-direction:column;gap:1.5rem;transition:opacity .3s ease-in-out}#account .account-tabs .students,#account .account-tabs .classes{display:flex;flex-direction:column;gap:1rem}#account .account-tabs .students .option-bar,#account .account-tabs .classes .option-bar{height:3rem;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:2rem}#account .account-tabs .students .total-number,#account .account-tabs .classes .total-number{position:relative;font-size:1.1rem;font-family:Fira,Courier New,Courier,monospace;color:#756d90;overflow:hidden}#account .account-tabs .students .total-number:after,#account .account-tabs .classes .total-number:after{content:"";position:absolute;width:100%;border-bottom:3px dotted #756d90;top:50%;margin-left:.7rem}#account .account-tabs .students .students-list,#account .account-tabs .classes .students-list{position:relative;display:grid;grid-auto-rows:7rem;gap:1rem;height:75vh;overflow-y:scroll}#account .account-tabs .students .students-list .btn-frame,#account .account-tabs .classes .students-list .btn-frame{position:sticky;top:0;background:#e5dfe6;z-index:1}#account .account-tabs .students .students-list .btn-frame:hover,#account .account-tabs .classes .students-list .btn-frame:hover{background:#3b2a7a}#account .account-tabs .students .students-list .empty-list,#account .account-tabs .classes .students-list .empty-list{margin-top:1rem;text-align:center;color:#756d90;font-family:Fira,Courier New,Courier,monospace;font-size:1.2rem}#account .tabs-category{position:relative;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:1rem}#account .tabs-category:after{content:"";position:absolute;width:100%;height:1px;background:#756d90;left:0;bottom:calc(.3rem - 1px)}#account .tabs-category h2{font-size:2rem;font-synthesis:2rem;padding:0 1rem;cursor:pointer}#account .tabs-category h2.active{border-bottom:.3rem solid #3b2a7a}#account .profile{position:relative;width:100%;height:100%;display:flex;flex-direction:column;gap:1.5rem}#account .profile .top-bar{display:flex;flex-direction:row;justify-content:flex-start;gap:1rem;align-items:center;height:9rem}#account .profile .top-bar>button{padding:0 1rem}#account .profile .top-bar .student-info{font-family:Fira,Courier New,Courier,monospace}#account .profile .top-bar .student-info .student-name{font-size:1.3rem;font-weight:600;color:#3b2a7a}#account .profile .top-bar .student-info>button{height:3rem}#account .profile .statistic-list{position:relative;display:flex;flex-direction:column;gap:1rem;height:75vh;overflow-y:scroll}#account .profile .statistic-list .btn-frame{min-height:6rem;height:7rem}#account .profile .statistic-list .empty-list{margin-top:1rem;text-align:center;color:#756d90;font-family:Fira,Courier New,Courier,monospace;font-size:1.2rem}#account .profile .statistic-list .statistic-line,#account .profile .statistic-list .statistic-accordion{border-bottom:1px solid #756d90}#account .profile .statistic-list .statistic-line .main,#account .profile .statistic-list .statistic-accordion .main{height:7rem;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:0 1rem}#account .profile .statistic-list .statistic-line .main p,#account .profile .statistic-list .statistic-line .main span,#account .profile .statistic-list .statistic-accordion .main p,#account .profile .statistic-list .statistic-accordion .main span{font-family:Fira,Courier New,Courier,monospace;color:#3b2a7a;font-size:1.2rem;font-weight:500}#account .profile .statistic-list .statistic-accordion .icon-chevron-down{position:relative;display:inline-block;width:2.5rem;height:2.5rem;border:1px solid #3b2a7a;border-radius:.5rem;transition:all .2s ease;cursor:pointer}#account .profile .statistic-list .statistic-accordion .icon-chevron-down:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);height:.7rem;width:.7rem;border:3px solid #3b2a7a;border-top:0;border-left:0;transform-origin:center;transition:all .2s ease-in-out}#account .profile .statistic-list .statistic-accordion .icon-chevron-down.active{background-color:#3b2a7a}#account .profile .statistic-list .statistic-accordion .icon-chevron-down.active:after{transform:translate(-50%,-50%) rotate(-135deg);border-color:#fff}#account .profile .statistic-list .statistic-accordion .icon-chevron-down:hover{background-color:#3b2a7a;box-shadow:0 3px 7px #48447333}#account .profile .statistic-list .statistic-accordion .icon-chevron-down:hover:after{border-color:#fff}#account .profile .statistic-list .statistic-accordion .accordion{max-height:0;overflow-y:hidden;background-color:#dad3df;transition:all .3s ease-in-out}#account .profile .statistic-list .statistic-accordion .accordion.active{max-height:2000px;transition:all .3s ease-in-out}#account .profile .statistic-list .statistic-accordion .accordion p{width:calc(100% - 2rem);height:7rem;padding:0 1rem;display:inline-flex;justify-content:space-between;align-items:center;font-family:Fira,Courier New,Courier,monospace;font-size:1.2rem;font-weight:500;border-top:1px solid #756d90}#account .info-card{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;font-family:Fira,Courier New,Courier,monospace;border-bottom:1px solid #756d90;padding:0 1rem}#account .info-card .main{display:flex;flex-direction:row;align-items:center;gap:1rem}#account .info-card .main .checkbox{height:2rem}#account .info-card .main .info .name{font-size:1.3rem;font-weight:600;color:#3b2a7a}#account .info-card .main .info .info{font-weight:600}#account .info-card .main .info .info.no-class{color:#c03a2b}#account .info-card .buttons{height:50%}#account .info-card .buttons button svg{height:1.3rem}.active{color:#3b2a7a}[disabled]{pointer-events:none;opacity:.5}.checkbox{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;font-size:1.5rem;font-weight:600;color:#3b2a7a;font-synthesis:1.3rem}.checkbox .container-check{margin:0}.checkbox .container-check .checkmark{width:1.3rem;height:1.3rem}.checkbox .container-check .checkmark:after{top:9px;left:8px}.btn-frame{height:100%;padding:0 3rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;background:none;border:1px solid #756d90;border-radius:.5rem;font-size:1.5rem;line-height:1.3rem;font-family:Bebas,Courier New,Courier,monospace;font-weight:600;color:#756d90;transition:all .3s ease;cursor:pointer}.btn-frame.red{background-color:#c03a2b;border-color:#c03a2b}.btn-frame.red:hover{background-color:#7c3131}.btn-frame.red:active svg{animation:rotateIt .5s ease forwards}.btn-frame.red svg{fill:#fff}@keyframes rotateIt{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-frame img{height:1.3rem;transition:all .3s ease}.btn-frame svg{fill:#756d90;width:1.3rem;height:1.3rem;max-width:1.2rem;max-height:1.2rem;transition:fill .3s ease}.btn-frame:hover{color:#fff;background:#3b2a7a;box-shadow:0 3px 7px #48447333}.btn-frame:hover>img{-webkit-filter:brightness(2.5);filter:brightness(2.5)}.btn-frame:hover>svg{fill:#fff!important}.btn-frame.negative{border-color:#c03a2b;color:#c03a2b}.btn-frame.negative:hover{background-color:#c03a2b;color:#fff}.btn-full{height:100%;padding:0 3rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;background:#4987f7;border:1px solid #4987f7;border-radius:.5rem;font-size:1.5rem;line-height:1.3rem;font-family:Bebas,Courier New,Courier,monospace;font-weight:600;color:#fff;transition:all .3s ease;cursor:pointer}.btn-full svg{fill:#fff;transition:all .3s ease;height:1.3rem}.btn-full:hover{background:#2a67d6;box-shadow:0 3px 7px #48447333}.input-admin{position:relative;height:100%;width:100%;padding:0 1rem;display:flex;justify-content:start;flex-direction:row;flex-wrap:nowrap;gap:1rem;border:1px solid #756d90;border-radius:.5rem;align-items:center}.input-admin.copied:before{content:"Copied";position:absolute;top:-3.3rem;left:50%;font-family:Bebas;font-weight:600;font-size:1.2rem;color:#3b2a7a;background:#fff;padding:.3rem 1rem;border-radius:.5rem;z-index:1}.input-admin.copied:after{content:"";position:absolute;background-color:#fff;top:-2.5rem;left:calc(50% + 1.2rem);width:2rem;height:2rem;border-radius:.3rem;transform:rotate(45deg);z-index:0;filter:drop-shadow(0px 0px 15px #756d90)}.input-admin.labeled{height:3rem;width:auto;margin:1rem 0}.input-admin.labeled label{position:absolute;top:calc(-100% + .5rem);left:0;font-family:Bebas;font-weight:600;font-size:1.2rem}.input-admin.labeled.copied{background-color:#d0fbd140}.input-admin:is(:focus,:focus-within){outline:1px solid #3b2a7a}.input-admin:is(:focus,:focus-within)>img{scale:1.2;-webkit-filter:opacity(1);filter:opacity(1)}.input-admin:is(:focus,:focus-within)>svg{scale:1.2;fill:#3b2a7a}.input-admin>svg{fill:#756d90;width:1.3rem;height:1.3rem;transition:scale .3s ease}.input-admin input{width:100%;font-size:1.5rem;border:none;outline:none;line-height:1.3rem;font-family:Bebas,Courier New,Courier,monospace;font-weight:400;color:#3b2a7a;background:none;transition:color .3s ease}.input-admin input::-webkit-input-placeholder{color:#756d90}.input-admin input::-moz-placeholder{color:#756d90}.input-admin input:-ms-input-placeholder{color:#756d90}.input-admin input::-ms-input-placeholder{color:#756d90}.input-admin input::placeholder{color:#756d90}.input-admin input:focus{outline:none;color:#3b2a7a}.input-admin img{height:1.3rem;-webkit-filter:opacity(.7);filter:opacity(.7);transition:all .3s ease}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#343333b3;display:flex;justify-content:center;align-items:center;z-index:9}@media only screen and (max-width: 768px){.modal-overlay{z-index:10!important}}.modal-overlay .modal-content{background:linear-gradient(to bottom,#fff,#f8edffbf),linear-gradient(to bottom,#ffffffe6,#ffffffa6 98%);min-width:450px;max-width:500px;padding:3.5rem 3rem;border-radius:.7rem;position:relative;color:#3b2a7a;text-align:center}@media only screen and (max-width: 768px){.modal-overlay .modal-content{min-width:60%!important;max-width:90%!important;box-sizing:border-box;padding:1rem!important}.modal-overlay .modal-content h2{font-size:1.2rem!important}.modal-overlay .modal-content .modal-close{display:none}}#workbook{position:absolute;overflow:clip;width:100vw;height:100vh;display:flex;flex-direction:row;flex-wrap:nowrap;background:var(--workbook-background) center/cover no-repeat;z-index:0}@media only screen and (max-width: 768px){#workbook{height:100dvh}}.tabs{position:absolute;display:flex;left:15vh;top:-2rem;z-index:-1}@media only screen and (max-width: 768px){.tabs{pointer-events:initial;left:50%;transform:translate(-50%)}}.tabs a{font-family:Bebas,serif;font-size:clamp(1rem,1.5vw,1.5rem);padding:clamp(.7rem,.7vw,1rem) clamp(1rem,1.2vw,1.5rem) clamp(1rem,2vw,2rem);display:block;min-width:5rem;position:relative;font-weight:600;color:#857a96;background:linear-gradient(to right,#f3ce9e 39%,#f6e9c6 119%,#f9f1cf 176%);border-radius:30% 1rem;text-align:center;filter:drop-shadow(0 12px 12px rgba(79,67,57,.94));transition:all .3s ease}@media only screen and (max-width: 768px){.tabs a:last-child{padding:.7rem 1rem 1rem 1.7rem}}.tabs a:before{opacity:0;transition:all .3s ease;content:"";top:.2rem;right:.7rem;width:.7rem;height:.7rem;position:absolute;border-radius:50%;background:radial-gradient(at 35% 35%,#b5e3b1 7%,#119327);border:1px solid #bf9e3c;box-shadow:0 1px 1px #484473a8}.tabs a.active{color:#3b2a7a;background:linear-gradient(to right,#c2a8e6 1%,#dac5f4 20%,#ebdaff 53%,#efe2ff)}.tabs a.active:after{background:linear-gradient(to right,#c2a8e6 1%,#dac5f4 20%,#ebdaff 53%,#efe2ff)}.tabs a.active:before{opacity:1}.tabs a:after{content:"";position:absolute;width:100%;height:100%;background:#333;left:0;top:0;z-index:-1;transform:skewY(-3deg);border-radius:50% 1rem 0 0;background:linear-gradient(to right,#f3ce9e 39%,#f6e9c6 119%,#f9f1cf 176%)}.tabs a:nth-child(2){z-index:-1;margin-left:-1rem}#workbook-book{background:var(--book-background) center/contain no-repeat;position:absolute;display:grid;grid-template-areas:"left right";column-gap:2.5rem;font-family:Fira,Helvetica Neue,Helvetica,Arial;left:calc(50% + 10vw);top:55%;transform:translate(-50%,-50%)}@media only screen and (max-width: 768px){#workbook-book{left:0;top:5rem;column-gap:.5rem;width:100vw;height:calc(100dvh - 5rem);transform:none;pointer-events:none;transition:all .7s cubic-bezier(.4,0,.2,1)}#workbook-book.open{left:-98%}}#workbook-book .book-img{width:100%;height:100%;object-fit:contain;position:absolute}@media only screen and (max-width: 768px){#workbook-book .book-img{object-fit:fill;width:200%}}#workbook-book .left{width:60lvh;height:80lvh;display:flex;justify-content:end;grid-area:left;z-index:1}@media only screen and (max-width: 768px){#workbook-book .left{width:100svw!important;height:auto}}#workbook-book .left .episodes,#workbook-book .left .grammar{width:85%;height:80%;position:relative;display:flex;flex-direction:column;margin-top:2rem;row-gap:clamp(.7rem,1vw,1.2rem);padding:1rem .7rem}@media only screen and (max-width: 768px){#workbook-book .left .episodes,#workbook-book .left .grammar{height:calc(90dvh - 8rem);width:90%;pointer-events:initial}}#workbook-book .left .episodes:after,#workbook-book .left .grammar:after{content:"";position:absolute;left:0;bottom:0;width:100%;max-height:clamp(1rem,3vh,3rem);background:linear-gradient(to right,#f9f1d0 80%,#f2c692);filter:blur(7px);z-index:3;height:100%}@media only screen and (max-width: 768px){#workbook-book .left .episodes:after,#workbook-book .left .grammar:after{left:1rem;width:93%}}#workbook-book .left .episodes h2,#workbook-book .left .grammar h2{border:1px solid #3b2a7a;width:max-content;padding:.3rem .7rem;line-height:clamp(1.2rem,1.5vw,2rem);font-size:clamp(1rem,1.5vw,1.7rem);border-radius:.5rem;text-transform:capitalize}#workbook-book .left .episodes .letter,#workbook-book .left .grammar .letter{text-transform:uppercase;font-size:1.3rem;width:1.3rem;height:1.3rem;border:2px solid #3b2a7a;border-radius:.7rem;display:flex;justify-content:center;align-items:center;font-family:Fira,serif;font-weight:600;color:#3b2a7a;padding:.4rem}#workbook-book .left .episodes .cards-list,#workbook-book .left .grammar .cards-list{position:relative;height:100%;display:flex;flex-direction:column;gap:.7rem;padding:0 .3rem 2rem;overflow-y:scroll}#workbook-book .left .episodes .cards-list .info-card,#workbook-book .left .grammar .cards-list .info-card{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;column-gap:1.5rem;background:#fffbea;padding:1rem .7rem;box-shadow:0 2px 5px #825e4680;border-radius:.7rem;border:2px solid transparent;cursor:pointer;transition:all .3s ease}@media only screen and (max-width: 768px){#workbook-book .left .episodes .cards-list .info-card,#workbook-book .left .grammar .cards-list .info-card{padding:.7rem .5rem}#workbook-book .left .episodes .cards-list .info-card p,#workbook-book .left .grammar .cards-list .info-card p{line-height:normal}}#workbook-book .left .episodes .cards-list .info-card:hover,#workbook-book .left .grammar .cards-list .info-card:hover{box-shadow:0 2px 3px #825e4680}#workbook-book .left .episodes .cards-list .info-card.active,#workbook-book .left .episodes .cards-list .info-card:active,#workbook-book .left .grammar .cards-list .info-card.active,#workbook-book .left .grammar .cards-list .info-card:active{box-shadow:0 4px 4px #825e4680}#workbook-book .left .episodes .cards-list .info-card:hover,#workbook-book .left .episodes .cards-list .info-card.active,#workbook-book .left .grammar .cards-list .info-card:hover,#workbook-book .left .grammar .cards-list .info-card.active{border:2px solid #4987f7}#workbook-book .left .episodes .cards-list .info-card .thumbnail,#workbook-book .left .grammar .cards-list .info-card .thumbnail{width:clamp(10rem,9vw,15rem);aspect-ratio:4/3;transform:rotate(-7deg);filter:drop-shadow(1px 2px 2px #cecece)}#workbook-book .left .episodes .cards-list .info-card .thumbnail:after,#workbook-book .left .grammar .cards-list .info-card .thumbnail:after{content:"";width:calc(100% + .2rem);height:calc(100% - .7rem);position:absolute;left:-3%;top:-4%;z-index:-1;border:.4rem dotted #fff}#workbook-book .left .episodes .cards-list .info-card .thumbnail img,#workbook-book .left .grammar .cards-list .info-card .thumbnail img{width:100%;height:100%;object-fit:cover;border:.3rem solid #fff}#workbook-book .left .episodes .cards-list .info-card .info,#workbook-book .left .grammar .cards-list .info-card .info{width:calc(100% - 3rem);position:relative;display:flex;flex-direction:column;row-gap:.3rem}#workbook-book .left .episodes .cards-list .info-card .info .chapter-number,#workbook-book .left .grammar .cards-list .info-card .info .chapter-number{text-transform:uppercase;font-weight:600;color:#b7b7b7;font-size:clamp(1.2rem,1.4vw,1.5rem)}#workbook-book .left .episodes .cards-list .info-card .info .chapter-name,#workbook-book .left .episodes .cards-list .info-card .info .title,#workbook-book .left .grammar .cards-list .info-card .info .chapter-name,#workbook-book .left .grammar .cards-list .info-card .info .title{color:#3b2a7a;font-weight:600;margin:0;text-transform:initial}#workbook-book .left .episodes .cards-list .info-card .info .translated,#workbook-book .left .grammar .cards-list .info-card .info .translated{font-weight:500;font-size:1.2rem}#workbook-book .left .episodes .cards-list .info-card .info .btn.plus.white,#workbook-book .left .episodes .cards-list .info-card .info .btn.minus.white,#workbook-book .left .grammar .cards-list .info-card .info .btn.plus.white,#workbook-book .left .grammar .cards-list .info-card .info .btn.minus.white{position:absolute;top:0;right:-3rem;width:clamp(2rem,2vw,2.5rem);height:clamp(2rem,2vw,2.5rem);background:radial-gradient(#e3d9ee,#d6b7e8 80%);box-shadow:inset 0 0 5px 3px #f2e5ffba,0 3px 7px #48447354}#workbook-book .left .episodes .cards-list .info-card .info .arrow,#workbook-book .left .grammar .cards-list .info-card .info .arrow{width:clamp(1rem,1vw,1.5rem);position:absolute;right:-2.5rem;bottom:0;opacity:1;transition:all .3s ease}#workbook-book .left .episodes .cards-list .info-card .info .arrow.active,#workbook-book .left .grammar .cards-list .info-card .info .arrow.active{opacity:0;right:-3rem}#workbook-book .right{width:60lvh;height:80lvh;display:flex;justify-content:start;grid-area:right;pointer-events:initial;z-index:1}@media only screen and (max-width: 768px){#workbook-book .right{width:100svw!important;height:auto;flex-direction:column;row-gap:.7rem;padding-top:1.5rem}#workbook-book .right p{font-size:initial}}#workbook-book .right .langly-error{width:90%;height:fit-content;object-fit:contain;position:relative;top:50%;left:40%;transform:translate(-50%,-50%)}#workbook-book .right .detail{width:80%;height:calc(80% - 2rem);display:flex;flex-direction:column;margin-top:3rem;overflow-y:scroll;padding:1rem .7rem;background:#fffbea;border-radius:.7rem;border:2px solid #4987f7}@media only screen and (max-width: 768px){#workbook-book .right .detail{width:83%;height:calc(86dvh - 10rem);border:none;margin-top:0!important}}#workbook-book .right .detail .listen{pointer-events:none}#workbook-book .right .detail .image{width:100%;max-height:max-content;max-width:100%;display:flex;justify-content:center;position:relative}#workbook-book .right .detail .image img{border-radius:1rem;width:100%;box-shadow:0 1px 4px #825e4682}#workbook-book .right .detail .transcription{color:#767676;font-weight:500;margin:.2rem 0}#workbook-book .right .detail .title{color:#3b2a7a;font-weight:600;margin:0;text-transform:initial}#workbook-book .right .detail .title.word{text-transform:capitalize;text-decoration:underline dotted .2rem #979797}#workbook-book .right .detail .example{font-weight:500;font-style:italic;text-underline-position:under;color:#333452}#workbook-book .right .detail .example .blue{color:#4987f7}#workbook-book .right .detail .spelling-btn{display:flex;flex-direction:row;gap:.5rem;margin:.7rem 0}#workbook-book .right .detail .spelling-btn .spelling{width:clamp(1rem,1.2vw,1.7rem);height:clamp(1rem,1.2vw,1.7rem);padding:clamp(.1rem,1.2vw,.2rem);display:flex;align-items:center;justify-content:center;border:1px solid #2D1B5B;border-radius:.5rem;cursor:pointer;transition:filter .2s ease}#workbook-book .right .detail .spelling-btn .spelling:hover{filter:brightness(1.7)}#workbook-book .right .detail .spelling-btn .spelling:active{filter:brightness(1.5)}#workbook-book .right .detail .spelling-btn .spelling img{height:70%}#workbook-book .right .detail .spelling-btn .spelling.listen{pointer-events:none}#workbook-book .right .detail table tr{display:flex;width:calc(80% + .8rem);margin-left:-.4rem;align-items:stretch;flex-direction:row;flex-wrap:nowrap;border-radius:.2rem}#workbook-book .right .detail table tr>td:nth-child(2),#workbook-book .right .detail table tr>td:last-child{border-left:1px solid #333}#workbook-book .right .detail table tr:nth-child(odd){background:#f9f0ce}#workbook-book .right .detail table td{display:flex;align-items:center;text-align:left;width:100%;padding:.5rem;word-wrap:anywhere}#workbook-book .top-bar{display:inline-flex;justify-content:space-between}#workbook-book .top-bar .search{position:relative;display:flex;width:1.5rem;height:1.5rem;border:1px solid transparent;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:space-between;border-radius:.5rem;padding:.4rem .5rem;transition:all .3s ease}#workbook-book .top-bar .search.active{width:87%;border:1px solid #3b2a7a}#workbook-book .top-bar .search.active input{width:100%}#workbook-book .top-bar .search.active>img{cursor:default}#workbook-book .top-bar .search.active~.buttons{opacity:0;display:none}#workbook-book .top-bar .search.active .close-search{opacity:1;width:2rem}#workbook-book .top-bar .search input{outline:none;border:none;background:none;width:0}#workbook-book .top-bar .search>img{cursor:pointer}#workbook-book .top-bar .search .close-search{position:absolute;width:2rem;height:2.2rem;cursor:pointer;display:flex;right:-2.5rem;justify-content:center;align-items:center;top:0;opacity:0;transition:all .3s ease}#workbook-book .top-bar .search .close-search:before,#workbook-book .top-bar .search .close-search:after{content:"";width:1.3rem;height:3px;background:#3b2a7a;position:absolute;transform:rotate(45deg);border-radius:.5rem}#workbook-book .top-bar .search .close-search:after{transform:rotate(-45deg)}#workbook-book .buttons{display:flex;flex-direction:row;flex-wrap:nowrap;transition:all .1s ease;font-family:Bebas,serif;background:#a497b640;border-radius:.7rem}@media only screen and (max-width: 768px){#workbook-book .buttons{margin-right:.5rem;width:max-content}}#workbook-book .buttons a{font-weight:600;padding:.2rem .7rem;border:2px solid transparent;color:#857a96}@media only screen and (max-width: 768px){#workbook-book .buttons a{font-size:1rem}}#workbook-book .buttons a.active{background:linear-gradient(to bottom,#e8d8ff,#caa9f8);padding:.2rem .7rem;border:2px solid #aa8cd4;border-radius:.7rem;color:#3b2a7a}#workbook-book .buttons .back-btn{display:none}@media only screen and (max-width: 768px){#workbook-book .buttons .back-btn{display:block}}@media only screen and (max-width: 1600px){#workbook-book .left,#workbook-book .right{width:58lvh}#workbook-book .left .grammar,#workbook-book .right .grammar{margin-top:1rem}#workbook-book .right .detail{margin-top:2rem}#workbook-book .right .detail table tr{width:calc(100% + .8rem)}#workbook-book .btn.plus{width:2rem;height:2rem}}.login-wrap.callback .card{width:max-content!important;aspect-ratio:1/1;margin:0 auto!important;justify-content:center;display:flex;gap:2rem;flex-direction:column;padding:0!important}.login-wrap.callback .card.loading{padding:1rem!important}.login-wrap.callback .card p{font-size:2rem;font-weight:600}.loading{width:5rem}.loading svg{width:100%;-webkit-animation:loading-rotate 2s linear infinite;-moz-animation:loading-rotate 2s linear infinite;-o-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.loading .path{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:5;stroke:#340374;stroke-linecap:round;-webkit-animation:loading-dash 1.5s ease-in-out infinite;-moz-animation:loading-dash 1.5s ease-in-out infinite;-o-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite}.loading+svg{display:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#343333b3;display:flex;justify-content:center;align-items:center;z-index:10}.modal-overlay .modal-content{background:#e5dfe6;min-width:450px;max-width:500px;padding:3.5rem 3rem;border-radius:.7rem;position:relative;color:#3b2a7a;text-align:center}.modal-overlay .modal-content .modal-icon{height:4rem;fill:#3b2a7a}.modal-overlay .modal-content .modal-title{font-family:Bebas,Courier New,Courier,monospace;font-size:2rem;margin-bottom:3rem}.modal-overlay .modal-content .link-title{text-align:left;font-family:Fira,Courier New,Courier,monospace;font-size:1.2rem}.modal-overlay .modal-content .link-generate{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.5rem;height:3rem;margin-bottom:.5rem}.modal-overlay .modal-content .link-generate .btn-full{height:3rem;width:100%;padding:0;max-width:10rem}.modal-overlay .modal-content .link-generate .btn-frame{width:3rem;padding:1rem}.modal-overlay .modal-content .link-generate .link{width:100%}.modal-overlay .modal-content .link-generate .link .input-admin{width:calc(100% - 2rem - 2px)}.modal-overlay .modal-content .link-generate .link .input-admin img{height:.7rem}.modal-overlay .modal-content .link-generate .link .input-admin input{font-size:1.2rem}.modal-overlay .modal-content .link-generate .link.email-true+button{position:relative}.modal-overlay .modal-content .link-generate .link.email-true+button svg{position:absolute}.modal-overlay .modal-content .link-generate .link.email-true+button:before{content:"Was send";position:absolute;top:-2.7rem;right:0;font-family:Bebas;font-weight:600;font-size:1.2rem;color:#3b2a7a;background:#fff;padding:.3rem 1rem;border-radius:.5rem;z-index:999;width:max-content}.modal-overlay .modal-content .link-generate .link.email-true+button:after{content:"";position:absolute;background:#fff;top:-2.2rem;left:.7rem;width:1.7rem;height:1.7rem;border-radius:.3rem;transform:rotate(45deg);z-index:0;filter:drop-shadow(0px 0px 15px #756d90)}.modal-overlay .modal-content .student-list{overflow-y:scroll;max-height:40svh;margin-bottom:1rem}.modal-overlay .modal-content .student-list .info-card{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;font-family:Fira,Courier New,Courier,monospace;border-bottom:1px solid #756d90;padding:1rem}.modal-overlay .modal-content .student-list .info-card .main{width:100%;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:1rem}.modal-overlay .modal-content .student-list .info-card .main .checkbox{height:2rem}.modal-overlay .modal-content .student-list .info-card .main .info{text-align:left}.modal-overlay .modal-content .student-list .info-card .main .info .name{font-size:1.3rem;font-weight:600;color:#3b2a7a}.modal-overlay .modal-content .student-list .info-card .main .info .info{font-weight:600}.modal-overlay .modal-content .student-list .info-card .main .info .info.no-class{color:#c03a2b}.modal-overlay .modal-content .student-list .info-card .buttons{height:50%}.modal-overlay .modal-content .student-list .info-card .buttons button svg{height:1.3rem}.modal-overlay .modal-content .info{font-family:Fira,Courier New,Courier,monospace;font-size:1.2rem;line-height:1.4rem;font-weight:500}.modal-overlay .modal-content .info.small{font-size:1rem;font-weight:400}.modal-overlay .modal-content .select{margin-top:1.5rem;height:3rem;display:flex;justify-content:center;align-items:center;gap:1rem}.modal-overlay .modal-content .select button{width:100%}.modal-overlay .modal-content .btn-full{height:3rem;width:100%}.modal-overlay .modal-content .modal-close{position:absolute;top:1rem;right:1rem;line-height:1.5rem;border:none;background:none;font-size:2.5rem;cursor:pointer;color:#3b2a7a}.modal-overlay .modal-content .info-block{display:inline-flex;flex-wrap:nowrap;justify-content:flex-start;gap:1rem;background-color:#dad3df;border-radius:.5rem;padding:1rem;font-family:Fira,Courier New,Courier,monospace;color:#756d90}.modal-overlay .modal-content .info-block p{text-align:left;font-size:1.2rem}.modal-overlay .modal-content .info-block span{display:block;text-align:center;width:1.4rem;height:1.4rem;line-height:1.4rem;padding:.2rem;font-weight:500;font-size:1.4rem;border:1px solid #756d90;border-radius:50%;aspect-ratio:1}.modal-overlay .modal-content .line{margin:1rem 0 2rem;text-align:center;color:#615879;position:relative;display:inherit;font-family:Fira,Courier New,Courier,monospace;font-weight:800}.modal-overlay .modal-content .line:after,.modal-overlay .modal-content .line:before{content:"";position:absolute;width:45%;height:1px;top:50%;background-color:#615879}.modal-overlay .modal-content .line:before{left:0}.modal-overlay .modal-content .line:after{right:0}.students{display:flex;flex-direction:column;row-gap:.5rem}.students .top{display:grid;grid-template-columns:2fr 1fr 2fr 1fr 1fr auto;grid-template-rows:max-content;column-gap:.5rem;align-items:end;color:#000;padding:0 .5rem}.students .top>*:last-child{justify-self:end}.students .top .select-all{display:flex;align-items:center;gap:.5rem}.students .top .select-all span{font-weight:600}.students .top .btns{display:inline-flex;gap:1rem}.students.has-selected .student-row{opacity:.5}.students .student-row{display:grid;grid-template-columns:2fr 1fr 2fr 1fr 1fr auto;grid-template-rows:max-content;column-gap:.5rem;border-radius:.5rem;padding:.5rem;box-shadow:0 3px 7px #48447333;outline:2px solid transparent;transition:all .3s ease}.students .student-row>*:last-child{justify-self:end}.students .student-row:nth-child(n+1){background:#f1e7e7}.students .student-row:nth-child(n+1).selected{outline:2px solid #eebaba}.students .student-row:nth-child(odd){background:#f2f1eb}.students .student-row:nth-child(odd).selected{outline:2px solid #fffbea}.students .student-row:nth-child(3n+1){background:#eff5f1}.students .student-row:nth-child(3n+1).selected{outline:2px solid #C7E3C2}.students .student-row:nth-child(4n+1){background:#e9eef6}.students .student-row:nth-child(4n+1).selected{outline:2px solid #9594d9}.students .student-row .student-name{display:flex;align-items:center;gap:.5rem}.students .student-row .student-name p{font-size:clamp(.9rem,1.2vw,1.325rem);font-weight:500}.students .student-row p{font-weight:400;align-self:center}.students .student-row .info-btns{display:inline-flex;gap:1rem}.students .student-row.selected{opacity:1}#dashboard{position:absolute;left:20%;width:calc(80% - 4rem);height:calc(100svh - 4rem);display:flex;flex-direction:column;flex-wrap:nowrap;color:#3b2a7a;background:#e5dfe6;padding:2rem;overflow:clip;font-family:Fira,Courier New,Courier,monospace}#dashboard .empty{position:absolute;width:max-content;display:flex;flex-direction:column;gap:1rem;top:55%;left:50%;transform:translate(-50%,-50%)}#dashboard .empty img{animation:rotateIn 3s ease infinite}#dashboard .empty p{font-family:Bebas,Courier New,Courier,monospace;text-align:center;font-size:clamp(1.5rem,2.5vw,2.5rem);font-weight:600;opacity:.3}@keyframes rotateIn{0%{transform:rotate(0);scale:.7}40%{scale:1}to{transform:rotate(360deg);scale:.7}}#dashboard .top-bar{display:flex;flex-direction:column;gap:1rem}#dashboard .top-bar .components{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:1rem}#dashboard .top-bar .components #search-dashboard{min-width:450px;position:relative;display:flex;justify-content:center}#dashboard .top-bar .components #search-dashboard .search{width:100%;max-width:750px;background-color:#fff;padding:1rem 1rem 0rem;border-radius:.7rem;box-shadow:0 3px 7px #48447333;z-index:1}#dashboard .top-bar .components #search-dashboard .search .input-admin{padding:unset;border:none;outline:none}#dashboard .top-bar .components #search-dashboard .search .input-admin input{padding:.5rem 0}#dashboard .top-bar .components #search-dashboard .search .input-admin input::placeholder{color:#756d90;opacity:.3}#dashboard .top-bar .components #search-dashboard .search label{position:absolute;top:-1rem}#dashboard .top-bar .components .invite-btn{background:#9acc91;color:#fff;font-size:clamp(1.2rem,1.4vw,1.4rem);font-weight:600;padding:.5rem 2rem;height:100%;outline:none;border:none;border-bottom:1px solid #0C650F;border-radius:.7rem;box-shadow:0 3px 7px #48447333;cursor:pointer;transition:all .2s ease}#dashboard .top-bar .components .invite-btn:hover{filter:contrast(1.2)}#dashboard .top-bar .components .icon-btn{height:100%;aspect-ratio:1/1;background-color:#ed8a8a;outline:none;border:none;border-bottom:1px solid #7c3131;border-radius:.7rem;box-shadow:0 3px 7px #48447333;cursor:pointer;transition:all .2s ease}#dashboard .top-bar .components .icon-btn:hover{filter:contrast(1.2)}#dashboard .top-bar .components .icon-btn svg{height:50%}#dashboard .top-bar .components .icon-btn.bookmarked{background-color:#c7e3c2;border-bottom-color:#9acc91;position:absolute;width:3.7rem;height:3.7rem;right:2rem}#dashboard .top-bar .switch{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.7rem;border-top:1px solid #3b2a7a}#dashboard .top-bar .switch p{padding:.2rem 1rem;background:#fff;border-radius:0 0 .5rem .5rem;transition:all .3s ease;border-bottom:1px solid #3b2a7a;box-shadow:0 3px 7px #48447333;cursor:pointer}#dashboard .top-bar .switch p.active{background:#6e4aa1;color:#fff}#dashboard main{width:100%;margin:1rem 0 0}#dashboard .checkbox{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;font-size:1.5rem;font-weight:600;color:#3b2a7a;font-synthesis:1.3rem}#dashboard .checkbox .container-check{margin:0}#dashboard .checkbox .container-check .checkmark{width:1.3rem;height:1.3rem}#dashboard .checkbox .container-check .checkmark:after{top:45%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}#language-chooser{position:fixed;width:100%;height:100%;top:0;left:0;z-index:99;background:var(--language-background) no-repeat;background-size:cover;background-position-y:25%;display:grid;grid-template-areas:"polaroid langly-teach select-lang julia-emotion friends-emotions";grid-template-columns:repeat(5,minmax(20%,400px))}@media only screen and (max-width: 768px){#language-chooser{grid-template-columns:1fr;grid-template-areas:"polaroid" "select-lang";row-gap:3rem}}#language-chooser:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:-1}#language-chooser .polaroid{position:relative;grid-area:polaroid;display:flex;flex-direction:row;align-items:center}@media only screen and (max-width: 768px){#language-chooser .polaroid{width:60%}}#language-chooser .polaroid img{position:absolute;max-width:80%;border:1rem solid #fff0d7;box-shadow:-5px 15px 4px #0000002e;opacity:0;animation:polaroidIn 1s ease forwards;transition:all .5s ease}@media only screen and (max-width: 768px){#language-chooser .polaroid img{border-width:.5rem}}#language-chooser .polaroid img:nth-child(1){left:80%;transform:rotate(-5deg);margin-bottom:-20%;animation-delay:1s}#language-chooser .polaroid img:nth-child(2){left:55%;transform:rotate(-12deg);animation-delay:1.5s}#language-chooser .polaroid img:nth-child(3){left:17%;transform:rotate(-25deg);margin-bottom:20%;animation-delay:2s}#language-chooser .polaroid:hover img:nth-child(1){left:95%;transform:rotate(-3deg);margin-bottom:-25%}#language-chooser .polaroid:hover img:nth-child(2){left:65%;transform:rotate(-10deg)}#language-chooser .polaroid:hover img:nth-child(3){left:17%;transform:rotate(-20deg);margin-bottom:25%}@keyframes polaroidIn{0%{margin-left:-100%;opacity:0}to{margin-left:0;opacity:1}}#language-chooser .langly-teach{display:block}@media only screen and (max-width: 768px){#language-chooser .langly-teach{display:none}}#language-chooser .langly-teach img{position:absolute;transform:scaleX(-1);height:120vh;bottom:-30%;animation:levitate 3s ease-in-out infinite}#language-chooser .julia-emotion{display:block;position:relative;z-index:1}@media only screen and (max-width: 768px){#language-chooser .julia-emotion{display:none}}#language-chooser .julia-emotion img{position:absolute;height:120vh;bottom:-30%;left:-60%;opacity:0;animation:JuliaIn ease 1s forwards;animation-delay:1s}@keyframes JuliaIn{0%{opacity:0;left:0}to{opacity:1;left:-60%}}#language-chooser .select-lang{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:2}@media only screen and (max-width: 768px){#language-chooser .select-lang{width:80%;justify-content:flex-start;margin:0 auto}}#language-chooser .select-lang .check{width:max-content;animation:checkIn .7s ease}#language-chooser .select-lang .check.loading-true{pointer-events:none}#language-chooser .select-lang .check .loading{height:1.7rem}#language-chooser .select-lang .check .loading svg{-webkit-animation:loading-rotate 2s linear infinite;-moz-animation:loading-rotate 2s linear infinite;-o-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite;height:42px;width:42px}#language-chooser .select-lang .check .loading .path{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:5;stroke:#fff;stroke-linecap:round;-webkit-animation:loading-dash 1.5s ease-in-out infinite;-moz-animation:loading-dash 1.5s ease-in-out infinite;-o-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite}#language-chooser .select-lang h1{color:#3b2a7a;font-family:Bebas;font-size:clamp(1rem,2vw,2rem)}@media only screen and (max-width: 768px){#language-chooser .select-lang h1{font-size:1.7rem}}#language-chooser .select-lang .container{width:100%;position:relative;z-index:2}@media only screen and (max-width: 768px){#language-chooser .select-lang .container p{font-size:1.2rem}}#language-chooser .select-lang .container .field{display:flex;flex-direction:column;margin-bottom:1rem;position:relative;font-family:Fira}#language-chooser .select-lang .container .field span{background:linear-gradient(to bottom,#f8e5cb,#e9d4b8);padding:.4rem;border:1px solid #ebd3b4;border-radius:.7rem;position:relative;display:flex;cursor:pointer}#language-chooser .select-lang .container .field span p{background:#fff;border-radius:.5rem;padding:.1rem 1rem;width:100%;font-weight:800}#language-chooser .select-lang .container .field span svg{position:absolute;top:50%;right:1rem;height:50%;transform:translateY(-50%);stroke:#a2a2a2;transition:transform .3s ease}#language-chooser .select-lang .container .field span.language.active>svg{transform:translateY(-50%) rotateX(180deg);transform-origin:center}#language-chooser .select-lang .container .field span.language~.lang-list{height:0;overflow:clip}#language-chooser .select-lang .container .field span.language.active~.lang-list{position:absolute;width:100%;height:max-content;left:-7px;top:3rem;border:2px solid #ebd3b4;border-radius:.7rem;display:flex;flex-direction:column;background:#fffefd;margin:-.5rem .3rem 0;z-index:1}#language-chooser .select-lang .container .field span.language.active~.lang-list p{padding:.5rem 1rem}#language-chooser .select-lang .container .field span.language.active~.lang-list p:hover{background:#f8edc966;font-weight:600;cursor:pointer}#language-chooser .select-lang .container .field span.language.active~.lang-list p:not(:last-child){border-bottom:2px solid #ead5b9}#language-chooser .select-lang .container .field.locked input{pointer-events:none}#language-chooser .select-lang .container .field label{text-transform:capitalize;color:#302f2e;padding:.3rem .7rem;margin-left:.3rem;position:relative;width:max-content;font-size:1rem;font-weight:500}#language-chooser .select-lang .container .field label:before{content:"";position:absolute;width:100%;min-width:5rem;height:100%;padding:.2rem .5rem .7rem;top:0;left:.3rem;z-index:-1;background:#f8edc9;transform:skew(-2deg,2deg);box-shadow:-2px 0 3px #00000026}#language-chooser .select-lang .container .field label:after{content:"";position:absolute;width:100%;min-width:5rem;height:100%;padding:.2rem .5rem;bottom:0;left:0;border:1px solid #ebd3b4;transform:skew(5deg);padding:0 .7rem;background:linear-gradient(to bottom,#f8e5cb,#e9d4b8);z-index:-2}#language-chooser .select-lang .container .field input{border:none;outline:none;background:#e6cdab;padding:1rem;border-radius:.5rem;font-size:1rem;font-weight:500;color:#302f2e}#language-chooser .friends-emotions{position:relative}@media only screen and (max-width: 768px){#language-chooser .friends-emotions{display:none}}#language-chooser .friends-emotions .steven-emotions img,#language-chooser .friends-emotions .rose-emotions img{position:absolute;height:90vh;bottom:-18%;left:-60%;opacity:0;transition:opacity .7s ease-in-out}#language-chooser .friends-emotions .steven-emotions img.active,#language-chooser .friends-emotions .rose-emotions img.active{opacity:1;transition:opacity .7s ease-in-out}#language-chooser .friends-emotions .rose-emotions img{left:-7%}@keyframes checkIn{0%{opacity:0;margin-bottom:-3rem;margin-top:3rem}to{opacity:1;margin-bottom:0;margin-top:0}}@keyframes fadeInLeft{0%{left:0;opacity:0}to{left:-60%;opacity:1}}@keyframes levitate{0%{bottom:-30%}50%{bottom:-32%}to{bottom:-30%}}#platform{width:100vw;height:100vh;display:grid;place-items:center;background-color:#e5dfe6}#platform .content{text-align:center;z-index:1}#platform .content h1{line-height:normal}#platform .content button{display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;justify-content:center;align-items:center;padding:.8rem 3rem;border-radius:.7rem;border:1px solid #5b2fd3;background-color:#5b2fd3;color:#fff;text-transform:capitalize;cursor:pointer;position:relative;mix-blend-mode:multiply;transition:all .3s;font-family:Montserrat;max-width:max-content;min-width:14rem;width:100%;margin:2rem auto 0;font-weight:600;font-size:1.2rem;box-shadow:0 3px 7px #48447333}#platform .content button:before{content:"";background:linear-gradient(45deg,red,#ff7300,#ebe321,#30d72d,#2ae3e3,#002bff,#ff00c8,red);background-size:auto;position:absolute;top:-2px;left:-2px;background-size:600%;z-index:-1;width:calc(100% + 4px);height:calc(100% + 4px);filter:blur(1rem);animation:glowing 20s linear infinite}#platform:after{content:"";position:fixed;background:url(/assets/figure-BnVSV9xi.webp) no-repeat;z-index:0;opacity:.9;background-position:center;background-size:contain;filter:blur(17px);width:200%;height:100%}.update-notification{font-family:Fira,Courier New,Courier,monospace;position:fixed;bottom:150px;right:-300px;background-color:#ad82e7;color:#fff;padding:.2rem .4rem .2rem 1rem;border-radius:2.7rem;box-shadow:0 3px 7px #48447380;z-index:1000;transition:right 1s ease}.update-notification.buzz{animation:buzz 1s ease-in-out}.update-notification.visible{right:20px;opacity:1;display:block}.update-notification__content{display:inline-flex;gap:.7rem;align-items:center}.update-notification__icon{font-size:18px}.update-notification__message{width:max-content;font-size:14px;font-weight:500}.update-notification__btn{border-radius:1rem;background:#fff;color:#ad82e7;border:1px solid transparent;font-weight:600;box-shadow:0 3px 7px #48447333;cursor:pointer;outline:none;padding:.2rem .5rem;transition:all .2s ease}.update-notification__btn:hover{background:#fff3;color:#fff;border:1px solid #fff}.update-notification:hover{animation:none}@keyframes slideIn{0%{right:-300px}to{right:20px}}@keyframes buzz{0%{transform:translate(0)}33.33%,66.66%{transform:translate(-5px)}16.66%,50%,83.33%{transform:translate(5px)}to{transform:translate(0)}}#game~.update-notification,#dialogues~.update-notification{right:-400px}#game~.update-notification.buzz,#dialogues~.update-notification.buzz{animation:none}.login-wrap{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:.7rem;color:#3b2a7a;z-index:9;position:relative;background:#efefef}@media only screen and (max-width: 768px){.login-wrap{row-gap:.5rem}}.login-wrap.send-to form{max-width:800px;display:grid;grid-template-columns:20% auto;gap:3rem}@media only screen and (max-width: 768px){.login-wrap.send-to form{grid-template-columns:1fr;gap:1rem}.login-wrap.send-to form h3{text-align:center}}.login-wrap.send-to form button[type=submit]{margin:2rem 0 auto}@media only screen and (max-width: 768px){.login-wrap.send-to form button[type=submit]{margin:1rem auto 0}}.login-wrap.send-to form img{width:100%}@media only screen and (max-width: 768px){.login-wrap.send-to form img{width:50%;margin:0 auto}}.login-wrap .logo-top{width:5rem;height:5rem;margin-left:calc(-70vw + 1rem)}@media only screen and (max-width: 768px){.login-wrap .logo-top{width:4rem;height:4rem;margin-left:-70vw}}.login-wrap h1{font-size:1.7rem;align-self:start;margin:0 auto!important;max-width:calc(70vw + 4rem);width:100%}@media only screen and (max-width: 768px){.login-wrap h1{font-size:1.3rem}}.login-wrap .card{max-width:70vw;width:100%;background-color:#fff9;border-radius:1rem;box-shadow:0 3px 7px #48447333;padding:2rem;display:flex;align-items:center}@media only screen and (max-width: 768px){.login-wrap .card{max-width:calc(95% - 2rem);padding:1rem}}.login-wrap .card .column{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media only screen and (max-width: 768px){.login-wrap .card .column{grid-template-columns:1fr;gap:0}}.login-wrap .card:before,.login-wrap .card:after{content:"";position:fixed;background:url(/assets/figure-BnVSV9xi.webp) no-repeat;z-index:-1;opacity:.9;background-position:center;left:55%;top:-30%;transform:rotate(-90deg);background-size:cover;filter:blur(17px)}.login-wrap .card:before{width:60vw;height:60vw;left:55%;top:-30%;transform:rotate(-90deg)}.login-wrap .card:after{width:100vw;height:100vw;left:-58%;top:0%;transform:rotate(-90deg)}.login-wrap form{max-width:600px;width:100%;margin:0 auto}.login-wrap form a{color:#e9eef6;text-decoration:underline}.login-wrap form h2{margin-bottom:1rem;text-transform:uppercase;font-weight:700}.login-wrap form .input-wrap{display:flex;flex-direction:column;row-gap:.1rem;margin-bottom:1rem}.login-wrap form .input-wrap .err{color:#c03a2b;font-size:.8rem}.login-wrap form label{font-size:.7rem;font-weight:600}.login-wrap form input[type=text],.login-wrap form input[type=password],.login-wrap form input[type=email]{padding:.7rem .5rem;border-radius:.7rem;border:1px solid #2D1B5B;outline:none;color:#7d7c7d;background-color:transparent}.login-wrap form button[type=submit]{display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;justify-content:center;align-items:center;padding:.8rem 3rem;border-radius:.7rem;border:1px solid #5b2fd3;background-color:#5b2fd3;color:#fff;text-transform:capitalize;cursor:pointer;position:relative;mix-blend-mode:multiply;transition:all .3s;font-family:Montserrat;max-width:max-content;min-width:14rem;width:100%;margin:2rem auto 0;height:3rem;font-weight:600;font-size:1.2rem;box-shadow:0 3px 7px #48447333}.login-wrap form button[type=submit].hover-btn:hover:before{opacity:1}.login-wrap form button[type=submit].hover-btn:before{content:"";background:linear-gradient(45deg,red,#ff7300,#ebe321,#30d72d,#2ae3e3,#002bff,#ff00c8,red);background-size:auto;position:absolute;top:-2px;left:-2px;background-size:600%;z-index:-1;width:calc(100% + 4px);height:calc(100% + 4px);filter:blur(1rem);animation:glowing 20s linear infinite;opacity:0;transition:opacity .3s ease-in-out}.login-wrap form button[type=submit]:disabled{background-color:#7d7c7d;color:#c8c8c8;border-color:#c8c8c8}.login-wrap form button[type=submit].loading svg{-webkit-animation:loading-rotate 2s linear infinite;-moz-animation:loading-rotate 2s linear infinite;-o-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite;height:42px;width:42px}.login-wrap form button[type=submit].loading .path{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:5;stroke:#fff;stroke-linecap:round;-webkit-animation:loading-dash 1.5s ease-in-out infinite;-moz-animation:loading-dash 1.5s ease-in-out infinite;-o-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite}@-webkit-keyframes loading-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes loading-rotate{to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes loading-rotate{to{-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-rotate{to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@-o-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.login-wrap form .log-in{text-align:center;margin-top:.7rem}.login-wrap form .log-in a{background-color:none;color:#5b2fd3;font-weight:700;text-decoration:none}.login-wrap form .sign-in-link{float:right;margin-top:2rem;font-size:.9rem;font-weight:500;color:#5b2fd3}.login-wrap #app-version{font-family:Fira,Courier New,Courier,monospace;position:absolute;right:1rem;bottom:1rem;color:#766d95}.container-check{display:flex;position:relative;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-direction:row;align-items:center;height:100%;column-gap:1rem}.container-check input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{height:1.5rem;width:1.5rem;border:1px solid #2D1B5B;border-radius:.4rem}.container-check:hover input~.checkmark{background-color:#615879}.container-check input:checked~.checkmark{background-color:#3b2a7a}.checkmark:after{content:"";position:absolute;display:none}.container-check input:checked~.checkmark:after{display:block}.container-check .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.get-code{color:#3b2a7a!important;font-weight:500;pointer-events:auto}.get-code.disabled{color:#7d7c7d!important;pointer-events:none}.passcode{display:flex;flex-direction:row;column-gap:.7rem;flex-wrap:nowrap;margin:1rem 0}@media only screen and (max-width: 768px){.passcode{display:grid;grid-template-columns:repeat(6,1fr);column-gap:.5rem;width:fit-content;box-sizing:border-box}}.passcode input[type=number]{width:3rem;line-height:1;padding:.2rem;font-size:2.65em;text-align:center;-moz-appearance:textfield;appearance:textfield;-webkit-appearance:textfield;border:1px solid #2D1B5B;color:#2d1b5b;border-radius:1rem;background:transparent}@media only screen and (max-width: 768px){.passcode input[type=number]{border:none;box-shadow:inset 0 0 0 1px #2d1b5b;width:auto;max-width:3rem;min-width:1rem}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@-webkit-keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}body{overflow:unset}header{display:none}#root,main{width:100vw}#oxford-diploma{position:absolute;left:60%;transform:translate(-50%);height:70%;bottom:1rem;z-index:2;max-height:350px}#diploma{height:40vh;position:relative;background-color:#fcfbfd}#diploma:before{content:"";width:100%;height:100%;position:absolute;background:linear-gradient(to bottom,transparent 75%,#fcfbfd);z-index:1}#diploma .clouds{height:100%;width:100%;position:relative}#diploma .clouds>img{position:absolute;top:50%;left:60%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;z-index:1}#diploma .clouds .episode-point{position:absolute;bottom:0%;left:60%;transform:translate(-50%,50%);z-index:6}#diploma .clouds .episode-point h2{position:absolute;left:50%;top:20%;width:-webkit-max-content;width:-moz-max-content;width:max-content;transform:translate(-50%);font-family:Bebas;font-size:1.7rem}@media only screen and (max-width: 768px){#diploma .clouds .episode-point{left:50%}}#adventure{position:relative;width:100vw;left:0;bottom:0;z-index:0;display:grid;grid-auto-rows:250vh;row-gap:3rem}#adventure .personage{position:absolute;bottom:0;left:60%;transform:translate(-50%);display:flex;flex-direction:row;flex-wrap:nowrap;height:50vh;justify-content:center;align-items:center}#adventure .personage .adv-julia{height:100%}#adventure .personage .adv-langly{height:55%}@media only screen and (max-width: 768px){#adventure .personage{left:50%}}#adventure:has(.completed-season-info){grid-auto-rows:100vh}#adventure .completed-season-info{position:relative;background:url(/assets/laboratory-CQHYgi5V.webp) center no-repeat;display:grid;place-items:center;padding-left:20%}#adventure .completed-season-info__card{position:relative;width:100%;max-width:600px;background:#ffffffb3;padding:3rem;border-radius:1rem;border:1px solid #fff;box-shadow:0 3px 7px #48447333}#adventure .completed-season-info__card:after{content:"";position:absolute;width:400px;height:30vh;background:url(/assets/langly_happy-arSvD7af.png) center no-repeat;background-size:contain;top:-50%;left:80%;transform:translate(-50%,-50%)}.episode{background:var(--episode-background);background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;mix-blend-mode:color-burn;z-index:-2;scroll-behavior:smooth}.episode:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(to bottom,#fcfbfd,transparent 10%,transparent 90%,#fcfbfd)}.episode:after{content:"";position:absolute;bottom:-3rem;left:0;width:100%;height:3rem;background:#fcfbfd}.episode .scene-line{overflow:visible;position:absolute;height:100%;width:500px;left:60%;z-index:0;transform:translate(-50%)}.episode .scene-line.active{-webkit-filter:none;filter:none}.episode .scene-line.active path:last-child{stroke:#ad82e7;stroke-width:1.2rem}@media only screen and (max-width: 768px){.episode .scene-line.active{stroke-width:.7rem}}.episode .scene-line path{vector-effect:non-scaling-stroke;fill:none;stroke-width:1.4rem}@media only screen and (max-width: 768px){.episode .scene-line path{stroke-width:.7rem}}@media only screen and (max-width: 768px){.episode .scene-line{min-width:300px;width:90%;left:50%}}.episode .episode-point{position:absolute;display:inline-flex;justify-content:center;align-items:start;bottom:0%;left:60%;transform:translate(-50%,50%);-webkit-filter:drop-shadow(0 5px 2px rgba(0,0,0,.2705882353));filter:drop-shadow(0 5px 2px rgba(0,0,0,.2705882353));z-index:99}.episode .episode-point.start{bottom:25%}.episode .episode-point .info{display:flex;flex-direction:column;align-items:center;gap:clamp(.5rem,2vw,.7rem);font-family:Bebas,Courier New,Courier,monospace;color:#333452;z-index:1}.episode .episode-point .info__number{font-size:clamp(1rem,2vw,1.2rem);line-height:1.5rem;background-color:#fff;border-radius:.5rem;border:1px solid #B0B3D8;padding:.2rem 1.7rem;margin-top:-.7rem;box-shadow:0 3px 7px #48447333}.episode .episode-point .info__name{font-size:clamp(1.4rem,2vw,2rem);font-weight:600;text-transform:uppercase}.episode .episode-point img{position:absolute;min-width:400px;height:auto}@media only screen and (max-width: 768px){.episode .episode-point{left:50%;width:90%}.episode .episode-point img{-o-object-fit:contain;object-fit:contain;min-width:350px;max-width:400px;width:100%}}.episode .chapters{position:absolute;height:100%;width:500px;left:60%;transform:translate(-50%)}@media only screen and (max-width: 768px){.episode .chapters{z-index:100}}.episode .chapters a.quiz{pointer-events:auto}.episode .chapters a.quiz.locked{pointer-events:none}.episode .chapters a .scene.passed,.episode .chapters a .scene.active,.episode .chapters a .scene.locked{pointer-events:auto}.episode .chapters a .scene.passed img,.episode .chapters a .scene.passed svg,.episode .chapters a .scene.active img,.episode .chapters a .scene.active svg,.episode .chapters a .scene.locked img,.episode .chapters a .scene.locked svg{width:55%}.episode .chapters a .scene .loading svg{-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.episode .chapters a .scene .loading .path{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:5;stroke:#fff;stroke-linecap:round;-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite}@-webkit-keyframes loading-rotate{to{transform:rotate(1turn)}}@keyframes loading-rotate{to{transform:rotate(1turn)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.episode .chapters a:has(.active)~.thumb-container,.episode .chapters a:has(.passed)~.thumb-container{pointer-events:auto}.episode .chapters a:has(.active)~.thumb-container>.chapter-thumb,.episode .chapters a:has(.passed)~.thumb-container>.chapter-thumb{-webkit-filter:none!important;filter:none!important}.episode .chapters .chapter .dialogue-scenes{display:flex;flex-direction:row;justify-content:space-between;gap:0;transition:gap .3s}@media only screen and (max-width: 768px){.episode .chapters .chapter .dialogue-scenes{gap:clamp(4rem,3vw,4rem);width:100%;justify-content:center;z-index:2}.episode .chapters .chapter .dialogue-scenes.locked{gap:clamp(3.7rem,3vw,4rem)}}.episode .chapters .chapter .dialogue-scenes.active .dialogue-scene button{width:clamp(4rem,4vw,5.5rem);height:clamp(4rem,4vw,5.5rem)}.episode .chapters .chapter .dialogue-scenes.active .dialogue-scene button:before{content:"";position:absolute;border-radius:50%;width:calc(100% + 4px);height:calc(100% + 4px);border:4px solid transparent;z-index:-1;background-image:linear-gradient(to right,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);background-origin:border-box;background-clip:padding-box,border-box}.episode .chapters .chapter .dialogue-scenes.active .dialogue-scene button:after{content:"";position:absolute;border-radius:50%;width:calc(100% + 8px);height:calc(100% + 8px);border:4px solid transparent;z-index:-2;background-image:linear-gradient(to bottom,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);background-origin:border-box;background-clip:padding-box,border-box}.episode .chapters .chapter .dialogue-scenes .scene-info{display:none}.episode .chapters .chapter .dialogue-scenes .scene-info:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-top:.7rem solid #fff;border-left:.7rem solid transparent;border-right:.7rem solid transparent;border-bottom:.7rem solid transparent}@media only screen and (max-width: 768px){.episode .chapters .chapter .dialogue-scenes .scene-info{display:block;position:absolute;bottom:2.7rem;left:50%;transform:translate(-50%);max-width:10rem;text-align:center;line-height:normal;background-color:#fff;padding:.5rem;border-radius:.5rem;pointer-events:none;z-index:7}}.episode .chapters .chapter .dialogue-scenes .scene-dial{width:100%;height:100%;position:relative;z-index:1}@media only screen and (max-width: 768px){.episode .chapters .chapter .dialogue-scenes .scene-dial{width:auto}}.episode .chapters .chapter .dialogue-scenes[data-tip]:before{content:attr(data-tip);position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;left:clamp(9rem,7vw,10rem);transform:translateY(-50%);opacity:0;background:linear-gradient(to top,#f3e0ff,#fff);color:#333452;font-family:Fira,Courier New,Courier,monospace;font-weight:400;font-size:1rem;text-align:left;padding:1rem 1.5rem 1rem 2rem;border-radius:.3rem;pointer-events:none;transition:all .3s ease;transition-delay:.25s;-webkit-clip-path:polygon(1rem 0%,100% 0%,100% 100%,1rem 100%,0% 50%);clip-path:polygon(1rem 0%,100% 0%,100% 100%,1rem 100%,0% 50%);z-index:1}@media only screen and (max-width: 768px){.episode .chapters .chapter .dialogue-scenes[data-tip]:before{content:none}}.episode .chapters .chapter .dialogue-scenes:not(:hover):before{transition:all .1s ease;transition-delay:0s}.episode .chapters .chapter .dialogue-scenes:hover:before{opacity:1;left:clamp(5rem,6vw,8rem)}.episode .chapters .chapter .dialogue-scenes:after{content:"";position:absolute;width:clamp(3rem,3.5vw,5rem);height:clamp(3rem,3.5vw,5rem);left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;z-index:-1}.episode .chapters .chapter .dialogue-scenes.locked .ai{width:clamp(1.2rem,2.2vw,2.5rem);height:clamp(1.2rem,2.2vw,2.5rem);background:#adadad}.episode .chapters .chapter .dialogue-scenes .ai{position:absolute;top:0;right:0;width:clamp(1.5rem,2.5vw,3rem);height:clamp(1.5rem,2.5vw,3rem);border-radius:50%;pointer-events:none;background:#f565ef;box-shadow:0 5px 5px #00000050;z-index:2;display:flex;justify-content:center;transform:translate(120%,-125%) scale(1);transition:.2s;transition-delay:.2s}.episode .chapters .chapter .dialogue-scenes .ai svg{width:50%;height:50%;align-self:center}@media only screen and (max-width: 768px){.episode .chapters .chapter .dialogue-scenes .ai{display:none}}.episode .chapters .chapter .dialogue-scenes a,.episode .chapters .chapter .dialogue-scenes a button{transition:.3s}.episode .chapters .chapter .dialogue-scenes a button:before,.episode .chapters .chapter .dialogue-scenes a button:after{transition:.3s}.episode .chapters .chapter .dialogue-scenes a button span{transition:.3s}.episode .chapters .chapter .dialogue-scenes a button span:after{transition:.3s}.episode .chapters .chapter .dialogue-scenes:hover{gap:clamp(2.5rem,3.5vw,5rem)}.episode .chapters .chapter .dialogue-scenes:hover.active:before{left:clamp(5.5rem,7vw,9rem)!important}.episode .chapters .chapter .dialogue-scenes:hover.active{gap:clamp(3rem,4vw,5.5rem)}@media only screen and (max-width: 768px){.episode .chapters .chapter .dialogue-scenes:hover.active{gap:clamp(3.7rem,4vw,5.5rem)}}.episode .chapters .chapter .dialogue-scenes:hover span.ai{transform:translate(120%,-125%) scale(0)!important;opacity:0;transition-delay:0s}.episode .chapters .chapter .dialogue-scenes:hover .dialogue-scene.active .scene:hover svg{-webkit-animation:hpulse 1.5s ease infinite;animation:hpulse 1.5s ease infinite}.episode .chapters .chapter .dialogue-scenes:hover .dialogue-scene button{border-radius:0 50% 50% 0}.episode .chapters .chapter .dialogue-scenes:hover .dialogue-scene button:after,.episode .chapters .chapter .dialogue-scenes:hover .dialogue-scene button:before{border-radius:0 50% 50% 0}.episode .chapters .chapter .dialogue-scenes:hover .dialogue-scene button span{border-radius:0 50% 50% 0}.episode .chapters .chapter .dialogue-scenes:hover .dialogue-scene button span:after{border-radius:0 50% 50% 0}.episode .chapters .chapter .dialogue-scenes:hover .dialogue-scene button:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}@-webkit-keyframes hpulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes hpulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.episode .chapters .chapter .dialogue-scenes:hover .scene-dial button{border-radius:50% 0 0 50%}.episode .chapters .chapter .dialogue-scenes:hover .scene-dial button:after,.episode .chapters .chapter .dialogue-scenes:hover .scene-dial button:before{border-radius:50% 0 0 50%}.episode .chapters .chapter .dialogue-scenes:hover .scene-dial button span{border-radius:50% 0 0 50%}.episode .chapters .chapter .dialogue-scenes:hover .scene-dial button span:after{border-radius:50% 0 0 50%}.episode .chapters .chapter .dialogue-scenes:hover .scene-dial button:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}@media only screen and (max-width: 768px){.episode .chapters .chapter .dialogue-scenes:hover{gap:clamp(3.5rem,3vw,4rem)}}@media only screen and (max-width: 768px){.episode .chapters .chapter .dialogue-scenes .scene-dial button{border-radius:50% 0 0 50%}.episode .chapters .chapter .dialogue-scenes .scene-dial button:after,.episode .chapters .chapter .dialogue-scenes .scene-dial button:before{border-radius:50% 0 0 50%}.episode .chapters .chapter .dialogue-scenes .scene-dial button span{border-radius:50% 0 0 50%}.episode .chapters .chapter .dialogue-scenes .scene-dial button span:after{border-radius:50% 0 0 50%}.episode .chapters .chapter .dialogue-scenes .dialogue-scene button{border-radius:0 50% 50% 0}.episode .chapters .chapter .dialogue-scenes .dialogue-scene button:after,.episode .chapters .chapter .dialogue-scenes .dialogue-scene button:before{border-radius:0 50% 50% 0!important}.episode .chapters .chapter .dialogue-scenes .dialogue-scene button span{border-radius:0 50% 50% 0}.episode .chapters .chapter .dialogue-scenes .dialogue-scene button span:after{border-radius:0 50% 50% 0}}.episode .chapters .chapter .toggle-info{display:none}@media only screen and (max-width: 768px){.episode .chapters .chapter>a:not(.check),.episode .chapters .chapter .dialogue-scenes{width:100%}.episode .chapters .chapter>a:not(.check):has(.locked) .scene-info,.episode .chapters .chapter>a:not(.check):has(.passed) .scene-info,.episode .chapters .chapter .dialogue-scenes:has(.locked) .scene-info,.episode .chapters .chapter .dialogue-scenes:has(.passed) .scene-info{bottom:3.7rem;opacity:0;transition:all .3s ease}.episode .chapters .chapter>a:not(.check):has(.locked) .scene-info.active,.episode .chapters .chapter>a:not(.check):has(.passed) .scene-info.active,.episode .chapters .chapter .dialogue-scenes:has(.locked) .scene-info.active,.episode .chapters .chapter .dialogue-scenes:has(.passed) .scene-info.active{opacity:1;bottom:2.7rem}.episode .chapters .chapter>a:not(.check):has(.scene.active) .scene-info,.episode .chapters .chapter .dialogue-scenes:has(.scene.active) .scene-info{bottom:4.5rem!important;opacity:0;transition:all .3s ease}.episode .chapters .chapter>a:not(.check):has(.scene.active) .scene-info.active,.episode .chapters .chapter .dialogue-scenes:has(.scene.active) .scene-info.active{opacity:1;bottom:3.3rem!important}.episode .chapters .chapter .toggle-info{position:relative;display:block;background:#e2a53d;bottom:-3rem;width:1rem;height:1rem;transform:translate(-50%);border:none;box-shadow:inset 0 0 0 3px #fff;outline:2px solid rgba(254,254,254,.85);border-radius:50%;font-style:italic;transition:all .3s ease;z-index:-1}.episode .chapters .chapter .toggle-info.locked{background:#dad3df}.episode .chapters .chapter .toggle-info.locked:after{background:#dad3df}.episode .chapters .chapter .toggle-info.active{background:#fff;box-shadow:inset 0 0 0 3px #e2a53d;outline:2px solid rgba(254,254,254,.85);width:1.3rem;height:1.3rem}.episode .chapters .chapter .toggle-info.active.locked{box-shadow:inset 0 0 0 3px #7d7c7d}.episode .chapters .chapter .toggle-info.active.locked:after{background:#7d7c7d}.episode .chapters .chapter .toggle-info:after{content:"";position:absolute;width:1px;height:3rem;top:-100%;left:50%;transform:translate(-50%,-50%);background:#e2a53d;z-index:-2}.episode .chapters .chapter .toggle-info:before{content:"";position:absolute;width:300%;height:300%;top:-100%;left:-100%}}.episode .chapters .chapter a:not(.quiz)[scene-tip]:before{content:attr(scene-tip);position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;left:clamp(6rem,3vw,8rem);transform:translateY(-50%);opacity:0;background:linear-gradient(to top,#f3e0ff,#fff);color:#333452;font-family:Fira,Courier New,Courier,monospace;font-weight:400;font-size:1rem;text-align:left;padding:1rem 1.5rem 1rem 2rem;border-radius:.3rem;pointer-events:none;transition:all .3s ease;transition-delay:.25s;-webkit-clip-path:polygon(1rem 0%,100% 0%,100% 100%,1rem 100%,0% 50%);clip-path:polygon(1rem 0%,100% 0%,100% 100%,1rem 100%,0% 50%);z-index:1}@media only screen and (max-width: 768px){.episode .chapters .chapter a:not(.quiz)[scene-tip]:before{content:none}}.episode .chapters .chapter a:not(.quiz):not(:hover):before{transition:all .1s ease;transition-delay:0s}.episode .chapters .chapter a:not(.quiz):hover:before{opacity:1;left:clamp(3rem,3vw,4rem)}.episode .chapters .chapter a:not(.quiz):after{content:"";position:absolute;width:clamp(3rem,3.5vw,5rem);height:clamp(3rem,3.5vw,5rem);left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;z-index:-1}@media only screen and (max-width: 768px){.episode .chapters .chapter a:not(.quiz):after{left:0}}.episode .chapters .chapter a:not(.quiz) .scene-info{display:none}@media only screen and (max-width: 768px){.episode .chapters .chapter a:not(.quiz) .scene-info{display:block;position:absolute;bottom:3rem;transform:translate(-50%);max-width:10rem;text-align:center;line-height:normal;font-size:initial;background-color:#fff;color:#2d1b5b;padding:.5rem;border-radius:.5rem;pointer-events:none;z-index:7}}.episode .chapters .chapter a:not(.quiz) .scene-info:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-top:.7rem solid #fff;border-left:.7rem solid transparent;border-right:.7rem solid transparent;border-bottom:.7rem solid transparent}.episode .chapters .chapter:has(.thumb-container:hover)>*:not(.toggle-info):after{box-shadow:0 0 0 20px #fff0,0 0 0 40px #fff0;-webkit-animation:pulse-box-shadow 1.3s infinite ease;animation:pulse-box-shadow 1.3s infinite ease}@-webkit-keyframes pulse-box-shadow{0%{box-shadow:0 0 #fff,0 0 #fff}to{box-shadow:0 0 0 20px #fff0,0 0 0 40px #fff0}}@keyframes pulse-box-shadow{0%{box-shadow:0 0 #fff,0 0 #fff}to{box-shadow:0 0 0 20px #fff0,0 0 0 40px #fff0}}.episode .chapters .thumb-container{perspective:600px;position:absolute;transition:all .7s ease;z-index:-1}@media only screen and (max-width: 768px){.episode .chapters .thumb-container{z-index:-2}}.episode .chapters .thumb-container:hover{transform:rotateY(0) translate(-50%,-50%)!important}@media only screen and (max-width: 768px){.episode .chapters .thumb-container:hover{left:50%!important;z-index:9}}.episode .chapters .thumb-container:hover .chapter-thumb{transform:rotateY(179.9deg) scale(1.5)}@media only screen and (max-width: 768px){.episode .chapters .thumb-container:hover .chapter-thumb{padding:1rem}}.episode .chapters .thumb-container:hover .thumb-back{transform:translate(-50%,-50%) scale(1.5) rotateY(0)}.episode .chapters .thumb-container .thumb-back{background-color:#fff;position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;top:50%;left:50%;transform:translate(-50%,-50%) scale(1) rotateY(-179.9deg);display:flex;width:100%;height:100%;justify-content:center;align-items:center;transform-style:preserve-3d;transition:transform .7s ease;transition-delay:.2s}.episode .chapters .thumb-container .thumb-back p{transform:translateZ(45px);-webkit-backface-visibility:hidden;backface-visibility:hidden;font-size:75%;color:#333452;line-height:1rem;padding:clamp(.3rem,1.5vw,2rem);font-family:Fira}@media only screen and (max-width: 768px){.episode .chapters .thumb-container .thumb-back p{padding:1rem}}.episode .chapters .thumb-container .chapter-thumb{transform-style:preserve-3d;width:clamp(10rem,12vw,12rem);background-size:cover;background-repeat:no-repeat;aspect-ratio:4/3;height:auto;border:.4rem solid #fff;display:flex;justify-content:center;align-items:center;transform:rotateY(0) scale(1);-webkit-filter:saturate(.1);filter:saturate(.1);box-shadow:0 0 10px 6px #00000012;transition:all .7s ease;transition-delay:.2s;cursor:pointer}.episode .chapters .thumb-container .chapter-thumb.active{-webkit-filter:saturate(1);filter:saturate(1)}.episode .chapters .thumb-container .chapter-thumb:after{content:"";position:absolute;width:calc(100% + .2rem);height:calc(100% + .2rem);border:.5rem dotted #fff;border-color:#fff}@media only screen and (max-width: 768px){.episode .chapters{min-width:300px;width:90%;left:50%}}.episode .line{width:calc(100vw + 500px);height:clamp(3rem,2vh,5rem);top:clamp(-1rem,2vh,-4rem);z-index:-3}.episode .line path{vector-effect:non-scaling-stroke;stroke:#93849d;stroke-width:2px;stroke-dasharray:.4rem .3rem;stroke-linecap:round;fill:none}.scene.passed,.scene.locked,.scene.active,.scene.quiz{position:absolute;width:clamp(3.5rem,3.5vw,5rem);height:clamp(3.5rem,3.5vw,5rem);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;transform:translate(-50%,-50%);outline:none;border:none;cursor:pointer}@media only screen and (max-width: 768px){.scene.passed,.scene.locked,.scene.active,.scene.quiz{width:clamp(3.7rem,4vw,5.5rem)!important;height:clamp(3.7rem,4vw,5.5rem)!important}}.scene.passed>svg,.scene.locked>svg,.scene.active>svg,.scene.quiz>svg{position:absolute;mix-blend-mode:soft-light}.scene.passed>svg{fill:#461d8d}.scene.locked>svg{fill:#323232}.scene.active>svg{fill:#1d451a}.scene.passed span{background-image:radial-gradient(circle at 31% 32%,#d3b3ff,#d1b0ff 2%,#bd8dff 31%,#b580ff 46%,#9368cf 75%,#8860bf 84%)}.scene.passed span:after{content:"";position:absolute;width:100%;height:100%;background:#c194ff;z-index:-1;border-radius:50%;box-shadow:inset 0 -.1rem #5a1ab3}.scene.passed span.ai{background:#f565ef;box-shadow:0 5px 5px #00000050}.scene.locked{background-image:linear-gradient(to top,#a8a8a8 100%,#bababa);border-bottom:1px solid #8d8d8d;cursor:auto}.scene.locked span{background:radial-gradient(circle at 27% 25%,#e1e1e1,#a8a8a8 86%)}.scene.locked span.ai{background:#9b9b9b}.scene.active{width:clamp(4.5rem,4vw,5.5rem);height:clamp(4.5rem,4vw,5.5rem);border-bottom:1.5px solid #177b1a}.scene.active span{font-size:clamp(2.5rem,3vw,3.5rem);background-image:radial-gradient(circle at 27% 25%,#9bdf96,#4bbd64 86%)}.scene.active span:after{content:"";position:absolute;width:100%;height:100%;background:#65d155;z-index:-1;border-radius:50%;border-bottom:1px solid #3f8834}.scene.active span.ai{background:#f565ef;box-shadow:0 5px 5px #00000050}.scene.quiz{bottom:72.2%;width:6rem;height:6rem}.scene.quiz:hover .quiz-langly img:last-child{top:-5.5rem;left:3.5rem}.scene.quiz img{width:40%}.scene.quiz.locked{border-bottom:1.5px solid #484848;background-image:linear-gradient(to top,#a8a8a8 100%,#bababa)}.scene.quiz.locked .repeat,.scene.quiz.locked .play{display:none}.scene.quiz.active{border-bottom:1.5px solid #177b1a;cursor:pointer;background-image:linear-gradient(to top,#3ab65a 100%,#3bb65a 99%,#6bd554)}.scene.quiz.active .repeat,.scene.quiz.active .lock{display:none}.scene.quiz.passed{border-bottom:1px solid #5b2fd3;background-image:radial-gradient(circle at 31% 32%,#d3b3ff,#d1b0ff 2%,#bd8dff 31%,#b580ff 46%,#9368cf 75%,#8860bf 84%)}.scene.quiz.passed .play,.scene.quiz.passed .lock{display:none}.scene span{width:95%;height:95%;border-radius:50%;display:flex;justify-content:center;align-items:center;font-family:Bebas;font-weight:600;font-size:clamp(1.7rem,2vw,2.5rem);color:#fff}.scene span.ai{position:absolute;top:-40%;right:-40%;width:70%;height:70%;font-size:clamp(1.3rem,1.7vw,2rem);line-height:clamp(1.7rem,2vw,2.5rem)}.scene.passed:before,.scene.active:before,.scene.quiz:before{content:"";position:absolute;border-radius:50%;width:calc(100% + 4px);height:calc(100% + 4px);border:4px solid transparent;z-index:-1;background-image:linear-gradient(to right,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);background-origin:border-box;background-clip:padding-box,border-box}.scene.passed:after,.scene.active:after,.scene.quiz:after{content:"";position:absolute;border-radius:50%;width:calc(100% + 8px);height:calc(100% + 8px);border:4px solid transparent;z-index:-2;background-image:linear-gradient(to bottom,#ffff90,#ffc75e 10%,#ffc55c 13%,#fefc8d 25%,#d57303 75%,#fefb8c 90%,#ffbd55);background-origin:border-box;background-clip:padding-box,border-box}.scene.quiz .quiz-langly{position:absolute;height:6rem;width:6rem;background-image:none;mix-blend-mode:normal}.scene.quiz .quiz-langly img:first-child{top:2.5rem;position:absolute;width:7rem;left:-.7rem;z-index:1}.scene.quiz .quiz-langly img:last-child{top:-4.2rem;position:absolute;width:8rem;left:2.3rem;z-index:-2;transition:all .3s ease}.scene.quiz:before{width:calc(100% + 6px);height:calc(100% + 6px)}.scene.quiz:after{width:calc(100% + 10px);height:calc(100% + 10px)}.scene.last-test{left:50%;top:90%}.scene.last-test img{width:30%}.quiz.check{position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;transform:translate(-50%,-50%) scale(1);transition:all .3s ease}.quiz.check:hover{transform:translate(-50%,-50%) scale(1.1)}.quiz.check:hover .quiz-langly{transform:scale(.91);bottom:2.7rem}.quiz.check .quiz-langly{position:absolute;bottom:3rem;height:7rem;transition:all .3s ease;pointer-events:none}.quiz.check.locked .quiz-langly{-webkit-filter:saturate(.3);filter:saturate(.3)}.quiz.check>span{flex-direction:row-reverse;gap:1rem}.quiz.check>span img{height:1.5rem}@media only screen and (max-width: 1600px){.episode .scene-line path{stroke-width:1.2rem}.episode .scene-line.active path:last-child{stroke-width:1rem}.scene.quiz{width:4.5rem;height:4.5rem}.scene.quiz:hover .quiz-langly img:last-child{top:-5rem;left:2.5rem}.scene.quiz .quiz-langly{width:4.5rem;height:4.5rem}.scene.quiz .quiz-langly img:first-child{width:5.5rem;top:1.5rem}.scene.quiz .quiz-langly img:last-child{top:-3.2rem;width:6rem;left:1.5rem}}@supports (-webkit-touch-callout: none){.episode{background-attachment:local}}#adventure-tutorial-btn{position:fixed;bottom:2.3vh;left:calc(20% + 3rem);display:inline-flex;gap:1rem;z-index:10;transition:all .2s ease}#adventure-tutorial-btn button,#adventure-tutorial-btn a{background:none;border:1px solid #f2f2f2;color:#fff;padding:.3rem .5rem;border-radius:.5rem;font-size:inherit;cursor:pointer}#adventure-tutorial-btn button:hover,#adventure-tutorial-btn a:hover{background-color:#f2f2f224}@media only screen and (max-width: 768px){#adventure-tutorial-btn{left:-7%;scale:60%;flex-direction:column;gap:.7rem}}.results{padding:5lvh 0;height:90lvh;display:flex;flex-direction:column;justify-content:space-between;background:var(--background) center/cover no-repeat}@media only screen and (max-width: 768px){.results{height:90dvh;padding:5dvh 0}}.results .score{background:#fff9;width:80%;max-width:500px;margin:0 auto;padding:1rem 1rem 2rem;border-radius:1rem;border:2px solid #fff;border-bottom:none}.results__title,.results__text{text-align:center;font-family:Fira;color:#3b2a7a}.results__title{font-size:2rem;font-weight:500}.results__text{font-size:1.5rem;font-weight:400}.results__oval{position:relative;display:flex;justify-content:center;align-items:center;width:180px;height:180px;margin:18px auto 0;border-radius:100%;box-shadow:-2px -2px #fff,2px 3px 6px #00000026;background-image:linear-gradient(144deg,#e0e0e0 16%,#fff 84%);-webkit-user-select:none;user-select:none}.results__progress{position:relative;width:150px;height:150px;z-index:4}.results__indicator{position:absolute;display:flex;align-items:center;justify-content:center;left:0;right:0;top:0;bottom:0;margin:auto;z-index:8;width:30px;height:30px;text-align:center;font-family:Bebas;font-weight:700;font-size:24px;line-height:1;border-radius:100%;box-shadow:2px 3px 6px #0003;border:solid 1.5px #fff;color:#fff}.results__number{position:absolute;display:flex;justify-content:center;align-items:center;width:45px;height:36px;left:0;right:0;top:auto;bottom:20px;margin:auto;z-index:7;text-align:center;font-family:Bebas;font-weight:700;font-size:30px;line-height:1}.results__spinner{width:218px;height:218px;display:block;margin:auto;animation-name:rotate;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}.results .check-btns{display:flex;flex-direction:column;align-items:center;gap:1.5rem;justify-content:center}.results .check-btns .check{max-width:max-content}.results .CircularProgressbar .CircularProgressbar-path{transition:stroke-dashoffset 3s ease 0s}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.react-tooltip{padding:4.3px 35.5px 12.7px;border-radius:6px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 3px 6px #00000040;background-color:#ffffff8c;font-family:Fira;font-size:22px;font-weight:500;font-stretch:condensed;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#333452}@font-face{font-family:Bebas;src:url(/assets/BebasNeuePro-Bold-CuNgUfsa.otf) format("opentype");font-weight:700}@font-face{font-family:Bebas;src:url(/assets/BebasNeuePro-Regular-DiyKtp6J.otf) format("opentype");font-weight:400}@font-face{font-family:Fira;src:url(/assets/FiraSansCondensed-Thin-QId7ejZZ.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Fira;src:url(/assets/FiraSansCondensed-ThinItalic-CBVLNBLn.ttf) format("truetype");font-weight:100;font-style:italic}@font-face{font-family:Fira;src:url(/assets/FiraSansCondensed-ExtraLight-Ba5JmXt-.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Fira;src:url(/assets/FiraSansCondensed-ExtraLightItalic-CYupKkmu.ttf) format("truetype");font-weight:200;font-style:italic}@font-face{font-family:Fira;src:url(/assets/FiraSansCondensed-Light-BEKyUIVV.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Fira;src:url(/assets/FiraSansCondensed-LightItalic-Bn24hAiS.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:Fira;src:url(/assets/FiraSansCondensed-Regular-CtGSyvh0.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Fira;src:url(/assets/FiraSansCondensed-Italic-D1HrP98X.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Fira;src:url(/assets/FiraSansCondensed-Medium-C0-0BAbB.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Fira;src:url(/assets/FiraSansCondensed-MediumItalic-B-XW4o12.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:Fira;src:url(/assets/FiraSansCondensed-Bold-Dpv6a-h8.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Fira;src:url(/assets/FiraSansCondensed-BoldItalic-D-eWU5so.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:Fira;src:url(/assets/FiraSansCondensed-SemiBold-BoQeK0aM.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Fira;src:url(/assets/FiraSansCondensed-SemiBoldItalic-CsM8qFON.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Fira;src:url(/assets/FiraSansCondensed-ExtraBold-Cvz31MGx.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Fira;src:url(/assets/FiraSansCondensed-ExtraBoldItalic-KP147GfY.ttf) format("truetype");font-weight:800;font-style:italic}@font-face{font-family:Fira;src:url(/assets/FiraSansCondensed-Black-BwCM-81E.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Fira;src:url(/assets/FiraSansCondensed-BlackItalic-DBIpRGCH.ttf) format("truetype");font-weight:900;font-style:italic}:root{--translate: no !important;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#2d1b5b;font-synthesis:none;text-rendering:optimizeLegibility;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}#root:after{content:"";position:fixed;top:calc(50% + 4px);left:50%;transform:translate(-50%,-50%);width:25rem;height:5rem;border-right-color:transparent;background:var(--logo-url);z-index:-1;background-repeat:no-repeat;background-size:contain}@media only screen and (max-width: 768px){#root:after{width:60%}}@media only screen and (max-width: 932px) and (orientation: landscape) and (max-height: 430px){#root:before{content:"";position:fixed;width:100%;height:100%;background:url(/assets/rotate-BoeHvVuH.gif) no-repeat center/contain,#2d1b5b;z-index:1}}html,body,.notranslate,[translate=no],[data-translate=no],[data-notranslate=true]{translate:no!important;-webkit-translate:no!important;-moz-translate:no!important;visibility:visible!important}.goog-te-banner-frame,#MicrosoftTranslatorWidget,.ya-translator__widget,.translation-engine,.translation-notice,.firefox-translation{display:none!important;visibility:hidden!important;height:0!important;width:0!important;opacity:0!important;pointer-events:none!important}::-moz-translation,::-moz-translation-dialog{display:none!important;visibility:hidden!important;height:0!important;width:0!important;opacity:0!important;pointer-events:none!important}*{margin:0;padding:0;text-decoration:none;text-underline-position:under;list-style:none;scrollbar-width:none;-ms-overflow-style:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*::-webkit-scrollbar{display:none}input{-webkit-autocomplete:off;-moz-autocomplete:off;autocomplete:off}*:after{clear:both}::selection{color:#fff;background-color:#ad82e7}#loader{position:fixed;width:100lvw;height:100lvh;z-index:999;display:flex;background:#fff;justify-content:center;align-items:center}#loader img{width:25rem;height:5rem}@media only screen and (max-width: 768px){#loader img{width:60%}}.title{color:#2d1b5b;font-weight:600;font-size:clamp(1rem,1.3vw,1.5rem);text-transform:uppercase;margin-bottom:3rem}.title .line{overflow:clip}svg,object{overflow:visible;pointer-events:none;color-scheme:initial}strong{font-weight:600}u{text-decoration:underline}p,a{font-size:clamp(.8rem,1vw,1.125rem);font-weight:400;line-height:1.75rem;transition:color .2s}