@font-face{font-family:"twofas-game-font";src:url("/font.woff2") format("woff2");font-style:normal;font-display:swap}:root{--text-color: #fff;--bg-color: #000;--input-bg-color: #cacaca;--input-border-color: #676767;--btn-bg: #fff;--btn-text: #000}@view-transition{navigation:auto}::view-transition-group(*){animation-duration:0}::view-transition-group(.glitch-img),::view-transition-group(glitch-img){animation-duration:.5s}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-track{display:none}*::-webkit-scrollbar-thumb{background-color:#000;border:1px solid #fff;outline:none}*{box-sizing:border-box;outline:none;user-select:none}html{font-size:16px;height:auto}@media(prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}html,body{height:100%;margin:0;padding:0;min-width:100%;width:100%;max-width:100%}body{background-color:var(--bg-color);font-family:twofas-game-font,sans-serif;font-optical-sizing:auto;height:100%;line-height:1.3;text-rendering:optimizespeed}body *{font-family:twofas-game-font,sans-serif}a{text-decoration:none}button:disabled,button[disabled]{cursor:not-allowed !important;pointer-events:none !important}input.nick{appearance:none;background-color:var(--input-bg-color);border:0;border-radius:0;border-left:2px solid var(--input-border-color);border-top:2px solid var(--input-border-color);color:var(--btn-text);font-size:18px;font-style:normal;font-weight:500;height:43px;line-height:normal;max-width:400px;width:75%;text-align:center;text-transform:uppercase;user-select:all}input.nick::placeholder{color:rgba(0,0,0,.6);font-weight:normal}@media all and (min-width: 900px)and (orientation: landscape){input.nick{font-size:24px;height:50px}}textarea{appearance:none;background-color:rgba(0,0,0,0);border:0;resize:none;width:100%}.container{align-items:center;color:var(--text-color);display:flex;height:100%;justify-content:center;margin:0 auto;max-width:600px;width:100%}@media all and (orientation: landscape){.container{max-width:1000px}}.screen{display:none;flex-direction:column;height:100%;max-height:800px;position:relative;width:100%}@media all and (orientation: landscape){.screen{flex-direction:row;gap:0 20px}}.screen.active{display:flex}.main-page{align-items:center;background-size:auto 70%;background-repeat:no-repeat;background-position:50% 0;flex-direction:column;image-rendering:pixelated;justify-content:space-between;overflow:hidden;padding:0 20px;text-align:center}@media all and (max-width: 768px){body.img-avif .main-page{background-image:url("/images/bg-mobile.avif")}body.img-webp .main-page{background-image:url("/images/bg-mobile.webp")}body.img-png .main-page{background-image:url("/images/bg-mobile.png")}}@media all and (min-width: 769px){body.img-avif .main-page{background-image:url("/images/bg-desktop.avif")}body.img-webp .main-page{background-image:url("/images/bg-desktop.webp")}body.img-png .main-page{background-image:url("/images/bg-desktop.png")}}@media all and (max-height: 700px){.main-page{background-size:cover;background-position:50% 50%}}.main-page::before{background-size:auto 70%;background-repeat:no-repeat;background-position:50% 100%;content:"";display:block;height:100%;position:absolute;top:70%;transform:scaleY(-1) translateY(1px);width:100%;z-index:1}@media all and (max-width: 768px){body.img-avif .main-page::before{background-image:url("/images/bg-mobile.avif")}body.img-webp .main-page::before{background-image:url("/images/bg-mobile.webp")}body.img-png .main-page::before{background-image:url("/images/bg-mobile.png")}}@media all and (min-width: 769px){body.img-avif .main-page::before{background-image:url("/images/bg-desktop.avif")}body.img-webp .main-page::before{background-image:url("/images/bg-desktop.webp")}body.img-png .main-page::before{background-image:url("/images/bg-desktop.png")}}@media all and (max-height: 700px){.main-page::before{display:none}}.main-page::after{content:"";display:block;background-color:rgba(0,0,0,.4);left:0;height:100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.main-page>*{position:relative;z-index:4}.main-page-filter{background:linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 95%, rgb(0, 0, 0) 100%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:3}.main-page-header{display:flex;flex-direction:column;gap:21px 0;margin-top:123px}@media all and (max-height: 600px){.main-page-header{gap:16px 0;margin-top:60px}}@media all and (max-height: 400px){.main-page-header{gap:8px 0;margin-top:30px}}.main-page-content{align-items:center;display:flex;flex-direction:column;gap:53px 0;padding-bottom:80px;width:100%}@media all and (max-width: 768px),all and (max-height: 600px){.main-page-content{gap:20px 0}}@media all and (max-height: 480px){.main-page-content{padding-bottom:60px}}@media all and (max-height: 400px){.main-page-content{padding-bottom:30px}}.main-page-content input,.main-page-content button{position:relative;z-index:5}.story-page{padding:18px}@media all and (min-height: 1000px){.story-page{border:1px solid #cacaca}}@media all and (min-height: 850px)and (min-width: 1050px){.story-page{outline:1px solid #fff;outline-offset:16px}}@media all and (max-width: 768px),all and (max-height: 600px){.story-page{padding:10px}}.story-page-left,.story-page-right{display:flex;flex-direction:column;flex-shrink:0}@media all and (orientation: landscape){.story-page-left,.story-page-right{flex:0 0 calc(50% - 10px);height:100%}}.story-page-left{flex-shrink:1;height:auto;width:100%}@media all and (orientation: landscape){.story-page-left{height:100%;justify-content:center;max-height:100%;position:relative;width:100%}.story-page-left::after{background-color:#cacaca;content:"";display:block;height:100%;left:calc(100% + 10px);top:0;position:absolute;width:1px}}.story-page-right{height:auto;overflow-x:hidden;overflow-y:auto}.story-page-right.grow{flex-grow:1}.story-page-right.shrink{flex-shrink:1}.story-page-right.h100{height:100%}.story-page-header{position:relative;text-align:center}@media all and (orientation: landscape){.story-page-header{margin-top:-15px}}.story-page-header::before{background-color:#cacaca;content:"";display:block;height:1px;left:0;position:absolute;top:50%;width:100%}.story-page-header p{background-color:#000;display:inline-block;margin:12px 0;padding:0 12px;position:relative;z-index:2}.story-page-points{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;max-width:428px;padding-bottom:7px;width:100%}.story-page-image{flex-shrink:1;height:auto;max-height:350px;width:100%}@media all and (max-height: 800px)and (orientation: portrait){.story-page-image{max-height:35vh}}@media all and (max-height: 700px)and (orientation: portrait){.story-page-image{max-height:30vh}}@media all and (orientation: landscape){.story-page-image{max-height:100vh}}@media all and (orientation: landscape)and (max-height: 600px){.story-page-image{max-height:80%}}@media all and (max-width: 400px){.story-page-image{max-height:40vh}}.story-page-image img{height:auto;width:100%}.story-page-timer{align-items:center;display:flex;flex-direction:row;gap:0 29px;margin:10px auto 0;max-width:428px;transition:color .3s ease-in-out;width:100%}.story-page-timer.paused{color:#5d5d5d}.story-page-timer.paused .story-page-timer-bar{border-color:#5d5d5d}.story-page-timer.paused .story-page-timer-bar-inner{background-color:#000}.story-page-timer-bar{border:1px solid #fff;height:16px;overflow:hidden;padding:3px 0;position:relative;transition:border-color .3s ease-in-out;width:100%}.story-page-timer-bar-inner{display:flex;flex-direction:row;gap:0 3px;height:8px;overflow:hidden;padding:0 4px;position:absolute;width:100%}.story-page-timer-bar-inner.top{background-color:#fff;mix-blend-mode:color-dodge;transition:background-color .3s ease-in-out,width 1s linear;z-index:2}.story-page-timer-bar-inner.background{z-index:1}.story-page-timer-bar-inner.background div{background-color:#5d5d5d;flex-shrink:0;height:100%;transition:background-color .3s ease-in-out;width:calc((100% - 57px)/20)}.story-page-content{display:flex;flex-grow:1;flex-direction:column;justify-content:space-between;overflow-x:hidden;overflow-y:auto}.story-page-content-text{margin-bottom:auto}.story-page-content-text.hidden{min-height:0;overflow:hidden}.story-page-content-text.total-hidden{display:none}.story-page-content-text div{min-height:22px}.story-page-content .story-page-answers{display:flex;flex-direction:column;gap:24px 0;margin-top:auto;opacity:1;padding-bottom:49px;padding-top:12px}@media all and (max-height: 500px){.story-page-content .story-page-answers{gap:16px 0}}.story-page-content .story-page-answers.down{padding-bottom:4px}.story-page-content .story-page-answers.hidden{opacity:0;pointer-events:none}.story-page-content .story-page-answers.total-hidden{display:none}.story-page-content .story-page-answers .b1,.story-page-content .story-page-answers .b-answer{width:calc(100% - 4px)}.story-page-question-text{margin-bottom:25px;text-align:center}@media all and (max-height: 500px){.story-page-question-text{margin-bottom:16px}}.story-page-question-text.hidden{margin-bottom:0;max-height:0;overflow:hidden}@media all and (max-height: 500px){.story-page-question-text .t1{font-size:20px}}.story-page-question-ready{margin-bottom:auto;margin-top:auto}.story-page-question-ready div{display:flex;flex-direction:column;gap:8px 0;text-align:center}.story-page-question-ready div.hidden{display:none}.story-page-question-ready div h3{color:#fff;font-size:100px;font-style:normal;font-weight:400;line-height:normal;margin:0;padding:0;text-transform:uppercase}@media all and (max-height: 500px){.story-page-question-ready div h3{font-size:80px}}.story-page .story-page-scoreboard-header{margin-bottom:28px;margin-top:28px;text-align:center}@media all and (max-height: 800px)and (orientation: portrait){.story-page .story-page-scoreboard-header{margin-bottom:12px;margin-top:12px}}@media all and (max-height: 500px)and (orientation: portrait){.story-page .story-page-scoreboard-header{margin-bottom:0;margin-top:0}}@media all and (max-height: 500px)and (orientation: landscape){.story-page .story-page-scoreboard-header{margin-bottom:12px;margin-top:12px}}.story-page .story-page-scoreboard-box{border:1px solid #fff;display:flex;flex-direction:column;gap:4px 0;height:auto;margin-bottom:17px;max-height:40vh;overflow:auto;padding:20px}@media all and (orientation: landscape){.story-page .story-page-scoreboard-box{height:100%}}@media all and (max-height: 1000px)and (orientation: portrait){.story-page .story-page-scoreboard-box{padding:16px}}@media all and (max-height: 800px)and (orientation: portrait){.story-page .story-page-scoreboard-box{padding:12px}}@media all and (max-height: 700px)and (orientation: portrait){.story-page .story-page-scoreboard-box{margin-bottom:12px;padding:8px}}@media all and (max-height: 600px)and (orientation: portrait){.story-page .story-page-scoreboard-box{margin-bottom:6px;max-height:30vh;padding:6px}}@media all and (max-height: 430px)and (orientation: portrait){.story-page .story-page-scoreboard-box{max-height:20vh}}.story-page .story-page-scoreboard-box-item{align-items:center;color:#fff;display:flex;flex-direction:row;font-size:23px;font-style:normal;font-weight:400;gap:0 8px;justify-content:space-between;line-height:1.13;width:100%}@media all and (max-height: 800px){.story-page .story-page-scoreboard-box-item{font-size:20px;line-height:1.1}}@media all and (max-height: 500px){.story-page .story-page-scoreboard-box-item{font-size:18px;line-height:1}}.story-page .story-page-scoreboard-box-item-line{flex-grow:1;height:2px;background-color:#fff}.story-page .story-page-back{margin-bottom:59px;text-align:center}@media all and (max-height: 1000px){.story-page .story-page-back{margin-bottom:39px}}@media all and (max-height: 800px){.story-page .story-page-back{margin-bottom:24px}}@media all and (max-height: 700px){.story-page .story-page-back{margin-bottom:14px}}@media all and (max-height: 500px){.story-page .story-page-back{margin-bottom:4px}}.story-page .story-page-pass{margin-top:24px;padding:0 12px;text-align:center}@media all and (max-height: 500px){.story-page .story-page-pass{margin-top:14px}}@media all and (orientation: landscape){.story-page .story-page-pass{margin-bottom:auto;margin-top:auto}}@media all and (orientation: portrait){.story-page .story-page-pass{padding-bottom:24px}}.story-page .story-page-pass h3{margin-bottom:24px}@media all and (max-height: 500px){.story-page .story-page-pass h3{margin-bottom:14px}}.t1{font-size:25px;font-style:normal;font-weight:400;line-height:.96;margin:0;padding:0;text-transform:uppercase}@media all and (min-width: 900px)and (orientation: landscape){.t1{font-size:30px}}.t2{color:#cacaca;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase}@media all and (min-width: 900px)and (orientation: landscape){.t2{font-size:18px}}.t3{color:#fff;font-size:18px;font-style:normal;font-weight:400;line-height:1.2;text-transform:uppercase}@media all and (min-width: 900px)and (orientation: landscape){.t3{font-size:20px}}.t4{color:#000;font-size:20px;font-weight:400;line-height:normal;text-align:center;text-transform:uppercase}.h1{font-size:50px;font-style:normal;font-weight:400;line-height:normal;margin:0;padding:0;text-transform:uppercase}@media all and (max-height: 500px){.h1{font-size:40px}}.h2{font-size:34px;font-style:normal;font-weight:400;line-height:normal;margin:0;padding:0;text-transform:uppercase}@media all and (min-width: 900px)and (orientation: landscape){.h2{font-size:40px}}.h3{font-size:24px;font-style:normal;font-weight:400;line-height:normal;margin:0;padding:0;text-transform:uppercase}.b1{appearance:none;background-color:var(--btn-bg);border:0;color:var(--btn-text);display:inline-block;filter:drop-shadow(4px 4px 0 var(--input-border-color));padding:2px 38px 7px}.b1:active,.b2:active,.b-answer:active{filter:drop-shadow(0px 0px 0 var(--input-border-color));transform:translateX(4px) translateY(4px)}.b-answer{align-items:center;appearance:none;background-color:var(--btn-bg);border:0;color:var(--btn-text);display:flex;flex-direction:row;gap:0 33px;filter:drop-shadow(4px 4px 0 var(--input-border-color));padding:8px 8px 8px 14px}@media all and (max-height: 500px){.b-answer{gap:0 16px;padding:6px 6px 6px 10px}}.b-answer.success{background-color:#80ff00}.b-answer.error{background-color:#ff8cb4}.b-answer .b-answer-text{color:#000;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;letter-spacing:-0.39px;text-align:left}@media all and (min-width: 900px)and (orientation: landscape){.b-answer .b-answer-text{font-size:20px}}.b2{appearance:none;background-color:#000;border:1px solid #fff;color:#fff;display:inline-block;filter:drop-shadow(4px 4px 0 var(--input-border-color));padding:5px 23px 6px}.glitch-img{aspect-ratio:1/1;height:100%;image-rendering:pixelated;margin:0 auto;position:relative;view-transition-name:glitch-img;view-transition-class:glitch-img;width:auto}.glitch-img.running .glitch-img__strip{animation-play-state:running}.glitch-img.stopped .glitch-img__strip{animation-iteration-count:1}.glitch-img .glitch-img__strip{animation-play-state:paused;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear;background-size:100% auto;left:0;position:absolute;width:100%}@media all and (max-width: 768px){body.img-avif .glitch-img .glitch-img__strip{background-image:url("/images/computer-mobile.avif")}body.img-webp .glitch-img .glitch-img__strip{background-image:url("/images/computer-mobile.webp")}body.img-png .glitch-img .glitch-img__strip{background-image:url("/images/computer-mobile.png")}}@media all and (min-width: 769px){body.img-avif .glitch-img .glitch-img__strip{background-image:url("/images/computer-desktop.avif")}body.img-webp .glitch-img .glitch-img__strip{background-image:url("/images/computer-desktop.webp")}body.img-png .glitch-img .glitch-img__strip{background-image:url("/images/computer-desktop.png")}}@keyframes glitch-5{0.00%,33.33%,43.33%,66.67%,76.67%,100.00%{transform:none}33.43%,43.23%{transform:translateX(var(--glitch-x-1))}66.77%,76.57%{transform:translateX(var(--glitch-x-2))}}@keyframes glitch-6{0.00%,33.33%,41.67%,66.67%,75.00%,100.00%{transform:none}33.43%,41.57%{transform:translateX(var(--glitch-x-1))}66.77%,74.90%{transform:translateX(var(--glitch-x-2))}}@keyframes glitch-7{0.00%,33.33%,40.48%,66.67%,73.81%,100.00%{transform:none}33.43%,40.38%{transform:translateX(var(--glitch-x-1))}66.77%,73.71%{transform:translateX(var(--glitch-x-2))}}@keyframes glitch-8{0.00%,33.33%,39.58%,66.67%,72.92%,100.00%{transform:none}33.43%,39.48%{transform:translateX(var(--glitch-x-1))}66.77%,72.82%{transform:translateX(var(--glitch-x-2))}}@keyframes glitch-9{0.00%,33.33%,38.89%,66.67%,72.22%,100.00%{transform:none}33.43%,38.79%{transform:translateX(var(--glitch-x-1))}66.77%,72.12%{transform:translateX(var(--glitch-x-2))}}@keyframes glitch-10{0.00%,33.33%,38.33%,66.67%,71.67%,100.00%{transform:none}33.43%,38.23%{transform:translateX(var(--glitch-x-1))}66.77%,71.57%{transform:translateX(var(--glitch-x-2))}}/*# sourceMappingURL=styles.css.map */