.intro-page{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;flex-direction:column;font-family:Helios;overflow:hidden;background-color:#0b0b0b}.intro-page-xelis-logo{position:absolute;top:1rem;left:1rem;z-index:1;color:#02ffcf;width:5rem}.intro-page-shape-1{position:absolute;width:40rem;height:20rem;left:0;top:0;background:radial-gradient(50% 50% at 50% 50%,#02ffcf33,#02ffcf00);filter:blur(300px);transform:rotate(20deg)}.intro-page-shape-2{position:absolute;width:40rem;height:20rem;bottom:-5rem;right:-30%;background:radial-gradient(50% 50% at 50% 50%,#02ffcf4d,#02ffcf00);filter:blur(150px);transform:rotate(20deg)}.intro-page-shape-3{position:absolute;background-color:#02ffcf;width:100rem;height:100rem;rotate:50deg}.intro-page-content{display:flex;gap:1rem;flex-direction:column;max-width:50rem;align-items:start;padding:2rem;position:relative}.intro-page-mascot{position:absolute;width:25rem;right:0;top:-20%;filter:blur(2px) opacity(.3)}.intro-page-title{font-size:3rem;font-weight:700;color:#02ffcf}.intro-page-description{font-size:1.8rem;font-weight:300;color:#fff}.intro-page-start-btn{font-weight:700;font-size:2rem;background-color:#02ffcf;border:.25rem solid transparent;padding:.5rem 1rem;cursor:pointer;transition:color .25s,background-color .25s,translate .25s;margin-top:1rem;color:#000;border-radius:.25rem;display:flex;gap:.5rem;align-items:center;-webkit-user-select:none;user-select:none}.intro-page-start-btn svg{width:1.2rem}.intro-page-start-btn:hover{background-color:transparent;border:.25rem solid #02FFCF;color:#02ffcf;translate:5%}.top-circuit{position:fixed;top:0;scale:1.8;opacity:.5;transform-origin:top}.quests-page{position:absolute;display:flex;align-items:start;justify-content:center;width:100%;height:100%;flex-direction:column;font-family:Helios;padding:0 5rem;background-color:#0b0b0b}.quests-page-title{font-weight:700;color:#02ffcf;font-size:2rem}.quests-page-description{font-weight:400;color:#fff;margin-top:.5rem}.quests-page-content{display:flex;flex-direction:row;gap:2rem;margin-top:1.5rem;padding-right:5rem}.quest-item{background-color:#0f0f0f;width:18rem;transition:translate .25s,scale .25s,box-shadow .25s;border:.25rem solid transparent}.quest-item:hover{translate:0 1%;scale:1.01;box-shadow:0 0 5rem #02ffcf1a;border:.25rem solid #02FFCF}.quest-item img{object-fit:cover;height:9rem;width:100%}.quest-item-content{padding:1rem;display:flex;gap:.5rem;flex-direction:column}.quest-item-name{color:#fff;font-weight:700}.quest-item-description{color:#fff;font-weight:400;opacity:.8;font-size:.8rem}.quest-item-action{margin-top:.5rem;display:flex;gap:1rem;align-items:center}.quest-item-details{font-size:.7rem;display:flex;gap:.25rem;flex-direction:column;color:#fff;opacity:.6}.quest-item-start-btn{background:#02ffcf1a;border-radius:.25rem;border:none;padding:.5rem;font-size:.9rem;padding:.5rem 1rem;color:#02ffcf;cursor:pointer;transition:translate .25s,background-color .25s,color .25s}.quest-item-start-btn:hover{translate:1% 0;background-color:#02ffcf;color:#000}.settings{position:fixed;width:100%;height:100%;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#0006;z-index:2;font-family:Helios;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.settings-btn-close{padding:0;background:none;border:none;font-weight:700;font-size:1.5rem;cursor:pointer;opacity:.8;color:#fff;transition:opacity .25s;-webkit-user-select:none;user-select:none}.settings-btn-close:hover{opacity:1}.settings-slider{display:flex;gap:.5rem;flex-direction:column}.settings-slider>:first-child{color:#ffffff80}.settings-slider input[type=range]{appearance:none;background:transparent;cursor:pointer;opacity:.6;transition:opacity .25s;height:.8rem}.settings-slider input[type=range]:hover{opacity:1}.settings-slider input[type=range]::-webkit-slider-thumb{appearance:none;background-color:#02ffcf;height:100%;width:.8rem}.settings-slider input[type=range]::-webkit-slider-runnable-track{background:#02ffd11a;height:100%}.header{position:fixed;top:0;z-index:1;width:100%;box-sizing:border-box;opacity:.4;transition:opacity .25s;background:linear-gradient(180deg,#000,#0000);font-family:Helios;display:flex;justify-content:center;height:10rem;align-items:start}.header:hover{opacity:1}.header-content{max-width:50rem;padding:1rem;display:flex;gap:1rem;flex-direction:row;justify-content:space-between;width:100%}.header-logo{width:5rem;color:#02ffcf}.header-menu{display:flex;gap:1rem;flex-direction:row;-webkit-user-select:none;user-select:none}.header-menu button{border:none;background:transparent;color:#02ffcf;cursor:pointer;font-size:1.1rem;transition:font-weight .25s,translate .25s}.header-menu button.active{font-weight:700;font-size:1.3rem}.header-menu button:hover{font-weight:700;translate:0 2%}.header-btn-settings{width:3rem;height:3rem;border:none;background:transparent;color:#02ffcf;cursor:pointer;transition:rotate .25s}.header-btn-settings:hover{rotate:45deg}.quest-dialogue{bottom:6rem;left:50%;translate:calc(-50% - 3rem);position:absolute;padding:2rem;background-color:#00000080;border-radius:1rem;font-family:Helios;font-size:1.2rem;width:20rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.quest-dialogue-text{color:#ffffffe6}.quest-background-img{position:absolute;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.quest-model-img{bottom:3rem;left:50%;translate:1rem;position:absolute;width:20rem;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(1rem 1rem 1rem rgba(0,0,0,.5))}.quest-question{bottom:5rem;left:50%;translate:calc(-50% - 5rem);position:absolute;border-radius:1rem;font-family:Helios;width:25rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.quest-question-text{font-weight:700;color:#fff;background-color:#0009;font-size:1.2rem;line-height:1rem;padding:1.5rem 1.5rem 1rem;border-top-left-radius:1rem;border-top-right-radius:1rem}.quest-question-choices{display:flex;gap:.6rem;flex-direction:column;padding:1rem 1.5rem 1.5rem;background:#00000080;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.quest-question-choice{cursor:pointer;-webkit-user-select:none;user-select:none;transition:translate .25s,color .25s;color:#fff9;opacity:0}.quest-question-choice:hover{translate:-2%;color:#fff}.quest-question-choice.good{color:#7aff7a}.quest-question-choice.bad{color:#e33d3d}.quest-question-choice.neutral{color:#f7f758}.quest-chapter{position:absolute;top:50%;left:50%;translate:-50% -50%;font-weight:700;font-size:2rem;padding:2rem;background:#00000080;border-radius:1rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#02ffcf;white-space:nowrap;font-family:Helios;-webkit-user-select:none;user-select:none}.quest-video{position:absolute;bottom:8rem;left:50%;translate:-70% 0%}.quest-video-canvas{width:25rem;height:15rem;background-color:#000;border-radius:1rem;filter:drop-shadow(1rem 1rem 1rem rgba(0,0,0,.5))}.quest-video-btn-continue{border:none;background:#02ffcf;border-radius:.5rem;padding-right:.75rem;font-weight:700;font-family:Helios;margin-top:.5rem;position:relative;cursor:pointer;transition:.15s translate;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.quest-video-btn-continue svg{width:1.5rem}.quest-video-btn-continue:hover{translate:0 5%;background-color:#02ffcf;color:#000}.quest-page{overflow:hidden;position:absolute;width:100%;height:100%}.quest-canvas{width:100%;height:100%;position:absolute;opacity:.5}.mouse-effects-click{pointer-events:none;z-index:1;position:fixed;width:5rem;height:5rem;border-radius:100%;background:radial-gradient(circle at 50% 50%,#00ffd0,#0000 50%);opacity:0}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Jura;src:url(/fonts/jura/static/Jura-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Jura;src:url(/fonts/jura/static/Jura-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Jura;src:url(/fonts/jura/static/Jura-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Jura;src:url(/fonts/jura/static/Jura-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Jura;src:url(/fonts/jura/static/Jura-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Helios;src:url(/fonts/helios/HeliosExtC_Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Helios;src:url(/fonts/helios/HeliosExtC_Bold.otf) format("opentype");font-weight:700;font-style:normal}html,body{background-color:#0b0b0b}