@font-face{font-family:PoppinsMedium;src:url(/font/Poppins-Medium.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:PoppinsBold;src:url(/font/Poppins-Bold.ttf) format("truetype");font-weight:700;font-style:bold}@font-face{font-family:CinzelDecorativeRegular;src:url(/font/CinzelDecorative-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CinzelDecorativeBold;src:url(/font/CinzelDecorative-Bold.ttf) format("truetype");font-weight:700;font-style:bold}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{width:var(--main-width);height:var(--main-height);background-color:#000;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:PoppinsMedium;overflow:hidden}.main-text{font-size:26px}.secondary-text{font-size:20px}.nav-text{font-size:24px}.body-text{font-size:26px}p{margin-bottom:0}strong{font-family:PoppinsBold}#app{width:var(--main-width);height:var(--main-height);margin:0 auto;font-weight:400}.card{position:absolute;top:0;left:0;width:727px;height:1092px;transition-property:transform;transition-duration:1s;transition-timing-function:ease-in-out;transform-origin:center bottom;z-index:10}.card .inner-card{width:100%;height:100%;transition:transform .5s linear;transform-origin:center bottom;perspective:2000px}.card .inner-card .card-wrapper{width:100%;height:100%;transition:transform .5s ease-in-out;position:relative;transform-style:preserve-3d}.card .inner-card .card-wrapper.flipped{transform:rotateY(180deg)}.card .inner-card .front,.card .inner-card .back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:25px 35px}.card .inner-card .front .story-card,.card .inner-card .back .story-card{display:grid;grid-template-rows:100px 700px auto}.card .inner-card .front .suspect-text,.card .inner-card .back .suspect-text{display:grid;grid-template-rows:100px 650px auto}.card .inner-card .front .suspect-back-text,.card .inner-card .back .suspect-back-text{padding:180px 30px}.card .inner-card .front p,.card .inner-card .back p{margin-bottom:20px}.card .inner-card .back{transform:rotateY(180deg)}.card.top-card{z-index:99}.card.scaled{transform:scale(1.1);transition:transform 1s ease-in-out}.card.next-card{z-index:50}.card.bottom-card{z-index:2!important}.card.suspect{transition-timing-function:ease-in-out;animation-name:cardSuspect;animation-duration:1.5s;animation-timing-function:ease-in-out}.card.card-out{transition-duration:var(--card-out-animation-speed)}.card.card-out.left-out{transform:translate(-200%)}.card.card-out.right-out{transform:translate(200%)}.card.select-card{z-index:999}.card.story-card{z-index:998}.card.idle{animation-name:cardIdle;animation-duration:20s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes cardSuspect{0%{transform:translate(0)}35%{transform:translate(120%,150px)}to{transform:translate(0)}}@keyframes cardIdle{18%{transform:rotate(0)}20%{transform:rotate(-20deg)}22%{transform:rotate(0)}68%{transform:rotate(0)}70%{transform:rotate(20deg)}72%{transform:rotate(0)}}.transition-ease{transition-timing-function:ease-in-out}.king-name{font-size:36px;text-align:center;margin-bottom:20px}.king-name.large{font-size:48px}.king-body{font-size:26px}.card-deck[data-v-0b5d88b8]{position:absolute;width:767px;height:1132px;background:url(/images/card_deck.png) no-repeat;z-index:5}.suspect-deck[data-v-0b5d88b8]{position:relative;width:100%;height:100%}.navigation{display:flex;flex-direction:column;color:var(--primary-color)}.navigation .text-box{text-align:center;position:relative;display:flex;justify-content:center}.navigation .text-box .inner-text{position:absolute}.navigation .text-box .inner-text.changed{animation:indicate .5s linear}.navigation nav{display:flex;justify-content:space-between;width:100%;margin-top:70px}.navigation nav .nav-item{transition:transform .5s linear;font-size:20px}.navigation nav .nav-item .nav-text{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.navigation .nav-arrow{display:flex;flex-direction:column}.navigation .nav-arrow .arrow{width:47px;height:38px;background-image:url(/images/arrow.png)}.navigation .nav-arrow.left .arrow{transform:rotate(180deg)}.navigation .nav-arrow.right{align-items:end}@keyframes indicate{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.settings-display[data-v-f8de09f6]{position:fixed;top:0;left:0;background-color:#000000b3;color:#fff;padding:1rem}.settings-display ul[data-v-f8de09f6]{list-style:none}:root{--main-width: 1080px;--main-height: 1920px;--primary-color: #521215;--text-color: #f66538;--card-out-animation-speed: .7s}.info{position:absolute;top:0;left:0;padding:10px;z-index:1000;font-size:28px}#app{background:url(/images/bg.png) no-repeat;background-size:contain;margin:0 auto;font-weight:400;color:var(--text-color)}main{width:var(--main-width);height:var(--main-height);display:grid;grid-template-rows:1fr 450px;justify-content:center}.deck{width:767px;height:1132px;position:relative;margin:0 auto;align-self:end}.text{width:934px;height:218px;margin-top:135px}.king-font{font-family:CinzelDecorativeBold}