@font-face{font-family:ft88;src:url(/assets/fonts/FT88-Bold.woff)}body{background-color:black;color:#333;margin:auto;overflow:hidden;font-family:ft88}img{user-drag:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;draggable:"false"}#app{width:100%;height:100vh;background-color:white;display:flex}.bg{height:100%}.bg_extend{height:100%;width:100%}.incompatible{display:none}.image_element,.senku,.ini,.board,.table,.shelf,.painting,.painting_3,.painting_2,.painting_1{position:absolute;background-size:100%;user-drag:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;draggable:"false"}.painting,.painting_3,.painting_2,.painting_1{height:20vh;width:21vh}.shelf{-webkit-transform:translate(5vh, 30vh);transform:translate(5vh, 30vh);height:14vh;width:20vh}.table{-webkit-transform:translate(58vh, 62.7vh);transform:translate(58vh, 62.7vh);height:20vh;width:40vh}.board{-webkit-transform:translate(40vh, 42vh);transform:translate(40vh, 42vh);height:20vh;width:40vh}.painting_1{-webkit-transform:translate(45vh, 25vh);transform:translate(45vh, 25vh)}.painting_2{-webkit-transform:translate(63vh, 25vh);transform:translate(63vh, 25vh)}.painting_3{-webkit-transform:translate(81vh, 25vh);transform:translate(81vh, 25vh)}.ini{height:39.3vh;width:33.5vh;-webkit-transform:translate(1vh, 43.6vh);transform:translate(1vh, 43.6vh)}.senku{-webkit-transform:translate(44vh, 70.8vh);transform:translate(44vh, 70.8vh);height:12vh;width:12vh}.text_wrapper,.text_wrapper_senku{position:fixed;background-color:rgba(0,0,0,0.8);height:100vh;right:0;color:white;display:flex;flex-direction:column;align-items:center;width:50%;font-size:2vh;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 0.65s ease-out;transition:-webkit-transform 0.65s ease-out;transition:transform 0.65s ease-out;transition:transform 0.65s ease-out, -webkit-transform 0.65s ease-out}.text_wrapper.show,.text_wrapper_senku.show{-webkit-transform:translateX(0);transform:translateX(0)}.text_wrapper.show .footer,.text_wrapper_senku.show .footer{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition-delay:0.65s;transition-delay:0.65s}.text_wrapper.hide,.text_wrapper_senku.hide{-webkit-transform:translateX(100%);transform:translateX(100%)}.text_wrapper.hide .footer,.text_wrapper_senku.hide .footer{opacity:0;-webkit-transform:translateX(0vh);transform:translateX(0vh)}.invisible_control{position:fixed;left:0;top:0;background-color:rgba(0,0,0,0);height:100vh;flex-direction:column;width:50%;display:none}.invisible_control.show{display:flex}.text,.text_senku{display:flex;flex-direction:column;margin:4em 7em;align-items:center}.text h2,.text_senku h2{font-size:3vh;margin-bottom:5vh}.text p,.text_senku p{align-self:flex-start;font-size:1.8vh}.footer{display:flex;position:relative;opacity:0;-webkit-transform:translateX(-2vh);transform:translateX(-2vh);-webkit-transition:all 0.6s ease-out;transition:all 0.6s ease-out}.footer img{height:6vh;margin-bottom:3vh}.footer div{border:2px solid white;width:0vh;margin:0 3vh 3vh 3vh}.table_screen{display:none;flex-direction:column;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#846464}.table_screen .content{display:flex}@-webkit-keyframes show_text_wrapper{from{width:0%}to{width:50%}}@keyframes show_text_wrapper{from{width:0%}to{width:50%}}@-webkit-keyframes hide_text_wrapper{from{width:50%}to{width:0%}}@keyframes hide_text_wrapper{from{width:50%}to{width:0%}}@-webkit-keyframes show_text{from{opacity:0%}to{opacity:100%}}@keyframes show_text{from{opacity:0%}to{opacity:100%}}@-webkit-keyframes hide_text{from{opacity:100%}to{opacity:0%}}@keyframes hide_text{from{opacity:100%}to{opacity:0%}}@-webkit-keyframes show_footer{from{-webkit-transform:translateY(10vh);transform:translateY(10vh)}to{-webkit-transform:translateY(0vh);transform:translateY(0vh)}}@keyframes show_footer{from{-webkit-transform:translateY(10vh);transform:translateY(10vh)}to{-webkit-transform:translateY(0vh);transform:translateY(0vh)}}@-webkit-keyframes hide_footer{from{-webkit-transform:translateY(0vh);transform:translateY(0vh)}to{-webkit-transform:translateY(10vh);transform:translateY(10vh)}}@keyframes hide_footer{from{-webkit-transform:translateY(0vh);transform:translateY(0vh)}to{-webkit-transform:translateY(10vh);transform:translateY(10vh)}}#paintings_1,#paintings_2,#paintings_3{display:none;position:fixed;width:100vw;height:100vh;background-color:rgba(20,10,5,0.7);z-index:1;padding:2vh;justify-content:center;align-items:center}.modal{position:relative;width:65vw;height:85vh;background-color:#4a2511;z-index:2;border-radius:0;display:flex;flex-direction:column;border:4px solid #2c1810;outline:4px solid #854c24;-webkit-box-shadow:inset 0 0 0 4px #c17f59,0 0 0 4px #4a2511,0 5px 15px rgba(0,0,0,0.7);box-shadow:inset 0 0 0 4px #c17f59,0 0 0 4px #4a2511,0 5px 15px rgba(0,0,0,0.7);-ms-interpolation-mode:nearest-neighbor;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;padding:10px 10px}.modal::before{content:'';position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:2px solid #2c1810;pointer-events:none;background-image:repeating-linear-gradient(90deg, transparent, rgba(44,24,16,0.1) 50px)}@media (max-width: 1200px){.modal{width:70vw}}@media (max-width: 768px){.modal{width:85vw}}.modal-content{width:100%;padding:2vh 20px 2vh 20px;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box;flex-grow:1;position:relative;scrollbar-width:thin;scrollbar-color:#854c24 transparent}.modal-content::-webkit-scrollbar{width:12px;background-color:transparent}.modal-content::-webkit-scrollbar-thumb{background-color:#854c24;border:2px solid #2c1810;border-radius:0;-webkit-box-shadow:inset 0 0 0 2px #c17f59;box-shadow:inset 0 0 0 2px #c17f59}.modal-content::-webkit-scrollbar-track{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.modal-content.is-active{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit, minmax(28vh, 1fr));gap:1.5vh;padding:5vh 20px 2vh 20px;justify-items:center}@media (max-width: 1400px){.modal-content.is-active{grid-template-columns:repeat(auto-fit, minmax(25vh, 1fr))}}@media (max-width: 768px){.modal-content.is-active{grid-template-columns:repeat(auto-fit, minmax(20vh, 1fr))}}.image-container{position:relative;width:100%;padding-bottom:100%;background-color:#2c1810;outline:2px solid #854c24;-webkit-box-shadow:inset 0 0 0 2px #c17f59,2px 2px 5px rgba(0,0,0,0.3);box-shadow:inset 0 0 0 2px #c17f59,2px 2px 5px rgba(0,0,0,0.3)}.image-container::before{content:'';position:absolute;inset:2px;border:2px solid #2c1810;pointer-events:none}.image-container img{position:absolute;top:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);-o-object-fit:cover;object-fit:cover}.text-container{position:relative;width:100%;padding-bottom:100%;background-color:#2c1810;color:#e8c496;outline:2px solid #854c24;-webkit-box-shadow:inset 0 0 0 2px #c17f59,2px 2px 5px rgba(0,0,0,0.3);box-shadow:inset 0 0 0 2px #c17f59,2px 2px 5px rgba(0,0,0,0.3);background-image:repeating-linear-gradient(0deg, transparent, rgba(232,196,150,0.1) 2px)}.text-container p{font-family:ft88;position:absolute;top:4px;left:4px;right:4px;bottom:4px;margin:0;padding:10px;font-size:clamp(0.8rem, calc(28vh / 12), 1.2rem);text-shadow:1px 1px 0 #2c1810;display:block;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word;-ms-hyphens:auto;hyphens:auto;overflow-y:auto;max-height:100%;scrollbar-width:thin;scrollbar-color:#694d3a transparent}@media (max-width: 1400px){.text-container p{font-size:clamp(0.8rem, calc(25vh / 12), 1.2rem)}}@media (max-width: 768px){.text-container p{font-size:clamp(0.8rem, calc(20vh / 12), 1.2rem)}}.text-container p::-webkit-scrollbar{width:8px;background-color:transparent}.text-container p::-webkit-scrollbar-thumb{background-color:#694d3a;border:1px solid #2c1810;border-radius:0;-webkit-box-shadow:inset 0 0 0 1px #c17f59;box-shadow:inset 0 0 0 1px #c17f59}.text-container p::-webkit-scrollbar-track{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.painting_back_button{position:fixed;top:4vh;left:20vw;width:60px;height:60px;cursor:pointer;z-index:3;padding:8px;background-color:#2c1810;border:2px solid #854c24;-webkit-box-shadow:inset 0 0 0 2px #c17f59,2px 2px 5px rgba(0,0,0,0.3);box-shadow:inset 0 0 0 2px #c17f59,2px 2px 5px rgba(0,0,0,0.3);border-radius:0;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.painting_back_button:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-filter:brightness(1.2);filter:brightness(1.2)}@media (max-width: 1200px){.painting_back_button{left:15vw}}@media (max-width: 768px){.painting_back_button{left:8vw}}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.order-13{order:13}.order-14{order:14}.order-15{order:15}.order-16{order:16}.order-17{order:17}.order-18{order:18}.order-19{order:19}.order-20{order:20}.order-21{order:21}.order-22{order:22}.order-23{order:23}.order-24{order:24}.order-25{order:25}.order-26{order:26}.order-27{order:27}.order-28{order:28}.order-29{order:29}.order-30{order:30}.order-31{order:31}.order-32{order:32}.order-33{order:33}.order-34{order:34}.order-35{order:35}.order-36{order:36}.order-37{order:37}.order-38{order:38}.order-39{order:39}.order-40{order:40}.order-41{order:41}.order-42{order:42}.order-43{order:43}.order-44{order:44}.order-45{order:45}.order-46{order:46}.order-47{order:47}.order-48{order:48}.order-49{order:49}.order-50{order:50}@media (max-width: 600px){#app{display:none}.incompatible{display:flex;height:100vh;flex-direction:column;align-items:center;justify-content:center}.incompatible p{margin-bottom:5vh}.incompatible ul,.incompatible li{margin:0;padding:0;list-style:none}body{background-color:#0827f5;color:white}}