:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:Makinas;src:url(/assets/Makinas-4-Square-CKpOsd7r.woff2)}*{padding:0;margin:0;box-sizing:border-box;user-select:none;-moz-user-select:none;-webkit-user-select:none;color:#fff;touch-action:none}img{pointer-events:none}.btn,.miniBtn,img{image-rendering:pixelated;-webkit-touch-callout:none}.stageWrapper,.stage,.hintText{touch-action:pan-y}html,body{font-size:10dvmin;font-family:Makinas,sans-serif}body{position:relative}.backGround{text-align:center;position:fixed;top:0;left:0;width:100dvw;height:100dvh;background:radial-gradient(#aaa,#555)}.loadingTxt{line-height:100dvh;color:red}.homeScreen{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;grid-template-areas:"title" "btn"}.title{grid-area:title;margin:auto}.start{grid-area:btn;width:60dvmin;height:40dvmin;margin:auto}.stageSelectScreen{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:12dvmin 18dvmin 1fr;grid-template-areas:"back ...." "txt txt" "stage stage"}.back{width:18dvmin;height:12dvmin;grid-area:back}.selectStageText{grid-area:txt}.stageWrapperContainer{padding:50px 0;grid-area:stage;overflow:scroll;background-color:#333;text-align:center}.stageWrapper{display:flex;flex-wrap:wrap;justify-content:center}.btn{background-image:url(/buttonUI0.png);background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;cursor:pointer}.invisibleBtnCover{background:transparent;z-index:1}.btn .icon{position:absolute;top:25%;bottom:35%;left:30%;right:30%;width:40%;height:40%;object-fit:contain}.btn .btnNum{position:absolute;color:#666;font-size:70%;top:10%;left:25%;right:25%;overflow:visible}.miniBtn{background-color:#aaa;color:#333;border:#333 solid 2px;cursor:pointer;text-align:center}.stage{width:20dvmin;height:14dvmin;margin:1%}.stageNum{grid-area:num;text-align:center;margin:auto;font-size:8dvmin;overflow:hidden}.gameScreen{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:60px calc(100dvh - 280px) 40px 180px;grid-template-areas:"num menu restart" "main main main" "guide guide guide" "btn btn btn"}input[type=checkbox]{width:20px;height:20px;margin:10px}.guides{grid-area:guide;font-size:20px;text-align:left;display:flex}.guide{height:35px;margin:0 10px;padding:0 5px}#main{width:100dvmin;height:100dvmin;max-width:calc(100dvmax - 280px);max-height:calc(100dvmax - 280px);margin:auto;grid-area:main}.loadingStage{grid-area:main}.restart{grid-area:restart;width:33dvw;max-width:90px;aspect-ratio:1.5;margin:auto}.menu{grid-area:menu;width:33dvw;max-width:90px;aspect-ratio:1.5;margin:auto}.controlBtns{grid-area:btn;margin:0 auto;width:100dvw;max-width:270px;aspect-ratio:1.5;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:". u ." "l . r" ". d ."}.u{grid-area:u}.l{grid-area:l}.d{grid-area:d}.r{grid-area:r}.popup{z-index:10;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 3fr;grid-template-areas:"title" "detail";background:#303030cc;border:20px double #eee;position:absolute;top:10%;right:10%;bottom:10%;left:10%;text-align:center}.popupTitle{z-index:11;margin:10dvmin;grid-area:title}.hintText{z-index:11;grid-area:detail;width:100%;font-size:6dvmin;white-space:pre-line;overflow:scroll}.next{z-index:11;grid-area:detail;width:30dvmin;height:20dvmin;margin:auto}@media screen and (min-aspect-ratio: 1/1){.gameScreen{grid-template-columns:140px calc(100dvw - 280px) 70px 70px;grid-template-rows:22dvh 30dvh 48dvh;grid-template-areas:"num  main menu restart" ".... main guide guide" "btn  main .... ...."}.menu,.restart,.arrow{background-image:url(/buttonUI1.png);height:22dvh;max-height:105px;width:initial;aspect-ratio:.66;margin:auto}.controlBtns{display:grid;grid-template-columns:70px 70px calc(100dvw - 280px) 140px;grid-template-rows:24dvh 24dvh;grid-template-areas:"l r . u" "l r . d"}.guides{display:block}}
