@font-face{font-family:'Montserrat';src:url("/fonts/Montserrat-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:'Montserrat';src:url("/fonts/Montserrat-Bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:'HandWrite';src:url("/fonts/GochiHand-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}:root{--header-height: 80px;--color-pen: #021b99;--color-bg: #fff;--color-main: #000;--color-gray: #c6c5cc;--color-text-shadow: #fff}@media screen and (min-width: 520px){:root{--header-height: 120px}}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;font-family:'Montserrat', Arial, Helvetica, sans-serif;background-color:var(--color-bg);color:var(--color-main);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}p,h1,h2{margin-top:0;margin-bottom:0}h1{font-size:1.4em}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;padding:0}a:visited,a:link{color:inherit}::-moz-selection{color:#fff;background-color:#000}::selection{color:#fff;background-color:#000}@-webkit-keyframes rotate{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}@keyframes rotate{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes grow-in{0%{transform:scale(0.9)}100%{transform:scale(1)}}@keyframes grow-in{0%{transform:scale(0.9)}100%{transform:scale(1)}}.Spinner{width:180px;margin:auto;opacity:0;-webkit-animation:fade-in 250ms linear forwards;animation:fade-in 250ms linear forwards;color:var(--color-pen)}.Spinner--centered{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.Spinner__content{position:relative;transform:rotateZ(-3deg);filter:drop-shadow(4px 4px 4px #666)}.Spinner__content::before,.Spinner__content::after{z-index:-1;content:'';display:block;position:absolute;background-image:url("/img/loading_wheel.png");width:32px;height:32px;top:36px;-webkit-animation:rotate 6s infinite linear;animation:rotate 6s infinite linear}.Spinner__content::before{left:29px}.Spinner__content::after{right:29px}.Spinner__image{width:180px;height:104px;background-image:url("/img/loading.png")}.Spinner__text{font-family:'HandWrite', Arial, Helvetica, sans-serif;font-size:1.3em;position:absolute;top:0;width:100%;padding:8px 20px}.IconButton{width:64px;height:64px;border-radius:7px;padding:16px;cursor:pointer;display:flex;justify-content:center;align-items:center;fill:var(--color-main)}.IconButton[data-active='false']{fill:#bbb}.IconButton svg{width:100%;height:100%}.IconButton.IconButton--bg{background-color:rgba(255,255,255,0.25)}.MainContainer{width:100%;height:100%}.Header{width:100%;height:var(--header-height);position:fixed;top:0;z-index:10;background-color:#fff}.Header__logo{height:100%;padding:15px;box-sizing:border-box}@media screen and (min-width: 720px){.Header{text-align:right}}.Search{background-color:var(--color-gray);height:40px;width:200px;padding:0 10px;margin-bottom:20px;border-radius:40px;border:2px solid transparent;box-sizing:border-box;overflow:hidden;display:flex;justify-content:center;align-items:center}.Search:focus-within{border-color:var(--color-pen)}.Search__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;width:100%;height:100%;background-color:transparent;color:var(--color-bg)}.Search__input::-moz-placeholder{color:var(--color-bg)}.Search__input:-ms-input-placeholder{color:var(--color-bg)}.Search__input::placeholder{color:var(--color-bg)}.Search__empty{color:var(--color-bg);cursor:pointer}.Search--disabled{visibility:hidden}.Footer{width:100%;box-sizing:border-box;position:fixed;bottom:0;padding:5px 10px;font-size:.75em;display:flex;flex-direction:column;align-items:center;background-color:rgba(255,255,255,0.75);text-shadow:1px 1px 0 white}.Footer__item{margin:0 10px;padding:5px 0;text-align:center}.Platforms{display:flex;flex-direction:column}.Platforms__item{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:10px 0;transform:translateX(100%);transition:transform 250ms cubic-bezier(0.64, 0.57, 0.67, 1.53);-webkit-animation:fade-in 250ms linear forwards;animation:fade-in 250ms linear forwards}.Drawer--open .Platforms__item{transform:translateX(0)}.Platforms__item:nth-child(1){transition-delay:75ms}.Platforms__item:nth-child(2){transition-delay:150ms}.Platforms__item:nth-child(3){transition-delay:225ms}.Platforms__item:nth-child(4){transition-delay:300ms}.Platforms__button{cursor:pointer;display:block;width:90px;height:90px;padding:10px;border-radius:100%;overflow:hidden;background-color:#fff;outline:none}.Platforms__icon{width:100%;pointer-events:none;transition:all 250ms ease-in-out}.Platforms__item:hover .Platforms__icon,.Platforms__item--selected .Platforms__icon{filter:opacity(0.25)}@media screen and (min-width: 720px){.Platforms__button{width:120px;height:120px}.Platforms{height:calc(100% - var(--header-height));justify-content:flex-start}.Platforms__item{border-bottom:2px solid transparent;transform:translateX(0) rotateZ(0);transition:none}.Platforms__item:is(:focus,:focus-within){border-bottom-color:var(--color-pen)}}@media (prefers-reduced-motion){.Platforms__item,.Platforms__button{transition:none}}.Content{width:100%;display:flex;position:relative}.Game{display:flex;justify-content:center;align-items:center;margin:5px 0 15px 0;padding:5px 0;position:relative;opacity:0;-webkit-animation:fade-in 250ms linear forwards,grow-in 250ms cubic-bezier(0.68, -0.6, 0.32, 1.6) forwards;animation:fade-in 250ms linear forwards,grow-in 250ms cubic-bezier(0.68, -0.6, 0.32, 1.6) forwards}.Game::after{content:'';display:block;width:100%;height:100%;position:absolute;background-image:url("/img/case_border.png");background-size:100% 100%}@media (prefers-reduced-motion){.Game{-webkit-animation:none;animation:none;opacity:1}}.Game__img{height:95%;width:95%}.Drawer{height:100%;display:flex;flex-direction:column;align-items:end;justify-content:center;padding:0 10px;position:fixed;right:0;z-index:20;transform:translateX(100%);transition:transform 350ms ease-in-out;pointer-events:none}.Drawer>*{pointer-events:all}.Drawer__overlay{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:10}.Drawer--open{transform:translateX(0)}@media screen and (min-width: 720px){.Drawer{left:5%;right:unset;box-shadow:none;top:var(--header-height);align-items:center;transform:none !important}.Drawer__overlay{display:none}.Drawer__bg{display:none !important}}.Details{position:absolute;top:var(--header-height);left:0;z-index:10;width:100%;height:calc(100% - var(--header-height));background-color:#fff}.Details__content{width:100%;height:100%;max-width:800px;top:0;left:50%;transform:translateX(-50%);position:absolute;z-index:10;pointer-events:none}.Details__top{width:100%;display:grid;pointer-events:all;grid-template-columns:1fr 50% 1fr;padding:10px 0;text-shadow:1px 1px 1px var(--color-text-shadow)}.Details__title{font-family:'Montserrat';font-weight:bold;place-self:center;text-align:center}.Details__close{place-self:self-start}.Details__share{place-self:self-end}.Details__overlays{padding:20px 35px;display:flex;flex-direction:column;justify-content:flex-end;font-size:.85em;border-radius:7px;background-color:rgba(255,255,255,0.7);margin:20px;pointer-events:all;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-animation:fade-in 250ms linear forwards;animation:fade-in 250ms linear forwards}.Details__overlays :is(h4){margin:1em 0 0.5em 0}@media screen and (min-width: 720px){.Details{width:75%;left:25%}}@media screen and (min-width: 1200px){.Details{width:50%}}.Toolbar{position:fixed;top:75%;right:5px;transform:translateY(-50%);display:flex;flex-direction:column;pointer-events:all;z-index:10}.Toolbar__btn{margin:5px}.Viewer{width:100%;height:100%;background-color:var(--color-bg)}.Viewer canvas{outline:none !important}.List{overflow:hidden;height:100%;width:100%;position:relative;padding-bottom:30px;padding-top:var(--header-height)}.List__inner{height:100%;list-style:none;padding:15px 0;transition:all 350ms ease-in-out;width:85%;max-width:500px;margin-right:auto;margin-left:auto}.List__item{cursor:pointer;transition:all 350ms ease-in-out;transform-origin:center center;padding:2px 0;filter:drop-shadow(3px 3px 6px #999);display:block}.List__item *{pointer-events:none}@media screen and (hover: hover){.List__item:is(:hover,:focus){transform:scale(1.15);filter:drop-shadow(6px 6px 8px #999);outline:none}}.ChooseMsg{position:absolute;top:45%;width:100%;color:var(--color-pen);text-align:center;font-family:'HandWrite', Arial, Helvetica, sans-serif;font-size:xx-large}.ChooseMsg__text--mobile-hidden{display:none}@media screen and (min-width: 720px){.ChooseMsg__text--mobile-hidden{display:inherit}.ChooseMsg__text--desktop-hidden{display:none}}.Error{color:var(--color-pen);width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:'Handwrite', Arial, Helvetica, sans-serif}.Error__title{font-size:xxx-large;font-family:'Handwrite', Arial, Helvetica, sans-serif;margin-bottom:10px}.Error__msg{font-size:x-large}.Error__btn{color:var(--color-pen);font-size:x-large;font-family:'Handwrite', Arial, Helvetica, sans-serif;border:1px solid var(--color-pen);padding:5px 10px;margin-top:20px;cursor:pointer}