*{padding:0;margin:0;box-sizing:border-box;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;touch-action:manipulation}body{overflow:hidden;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;--blue-bg-1: rgba(50, 50, 100, .95);--blue-bg-2: rgba(40, 40, 100, 1);background-color:#008b8b}img{-webkit-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-ms-user-drag:none;image-rendering:crisp-edges}#c{background-color:#000;width:var(--w);height:var(--h)}#ui{position:fixed;top:0;width:100vw;height:100vh;pointer-events:none;display:flex;flex-direction:column}#ui>div{width:var(--w);height:var(--h);pointer-events:none}#ui>div>*{pointer-events:all}.top{top:0;position:absolute}.bottom{bottom:0;position:absolute}button{padding-left:5px;padding-right:5px;background-color:#87ceeb;border-color:#000}.hidden{display:none}#ui>#menu{height:auto}#ui>#joystick{user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;touch-action:manipulation;position:fixed;bottom:130px;left:0;display:flex;align-items:end;padding:35px}#ui>#audio-popup{flex-direction:column;position:absolute;background-color:#325032e6;justify-content:center;align-items:center;gap:50px;font-size:1em;color:wheat;z-index:5}#ui>#audio-popup #btn{padding:50px;font-size:1em}@media (min-width: 5.7in) and (max-width: 8in){#ui>#joystick{padding-left:5px}}#ui>#studio #bottom{display:block;background-color:#fa903e;height:50px;border-bottom:5px solid #c57334;left:0;right:0;margin:auto;text-align:center;padding-top:15px}#ui>#studio .bottom{margin:auto auto 5px;left:0;right:0;width:min(var(--w),500px)}#ui>#studio .bottom p{display:inline}#ui>#studio #fps-graph{background-color:#00000080;height:100px;margin-bottom:50px}#ui>#editor{background-color:var(--blue-bg-1);border-bottom:6px solid var(--blue-bg-2);flex-direction:column;height:auto;padding:10px;pointer-events:all;gap:10px;width:100%}#ui>#editor>#mode button{width:34px;height:34px;background-color:#3c3cb4cc;border:2px solid blue;padding:4px;border-radius:10px}#ui>#editor>#mode button img{width:24px;height:24px}#ui>#editor>#mode button.selected{border:2px solid white}#ui>#editor img{cursor:pointer}#ui>#editor>div:not(.block-row){display:flex;flex-direction:row}#ui>#editor .block-row{flex-direction:row;--img-size: 32px;gap:16px;border:5px inset rgba(50,50,100,1);padding:10px;image-rendering:pixelated;overflow-x:scroll;scrollbar-color:rgba(50,70,100,1) var(--blue-bg-2)}#ui>#editor .block-row>img{box-sizing:content-box;border:3px outset black}#ui>#editor .block-row>img.toggled{border:4px inset black}#ui>#editor>:not(.block-row) button{padding:4px;border:4px solid blue;margin-right:10px;border-radius:10px}#ui>#editor button.toggled:not(.block-row){border-color:#00008b}#ui>#move-arrow{position:fixed;top:calc(var(--h) / 2 - 32px);left:calc(var(--w) / 2 - 32px);border-radius:20px;background-color:#28286466}#ui>#block-data-popup{position:relative;width:100%;height:100%;padding-bottom:2%}#ui>#block-data-popup>#editor-tools-data-popup{background-color:#f0f8ff;margin-left:20px;margin-right:20px;border:3px solid dodgerblue;border-radius:10px;height:100%;padding:30px}#ui>#block-data-popup>#editor-tools-data-popup>table{border-collapse:separate;width:100%;padding:5px;border:2px solid black}#ui>#block-data-popup>#editor-tools-data-popup>table>tr:not(:first-child):hover{background-color:#faebd7}#ui>#block-data-popup>#editor-tools-data-popup>table>tr>*{border:1px solid black;padding:5px}#ui>#dialogue{display:flex;position:fixed;bottom:0;height:auto;pointer-events:none;z-index:-1;width:100%}#ui>#dialogue>#dialogue-c{margin:auto;pointer-events:none;width:min(600px,var(--w));border:5px solid #222222;border-bottom:none}#ui>#dialogue>#dialogue-c>#text{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(var(--blue-bg-2),black);font-size:1.5rem;padding:8px;color:#f5f5f5}#ui>#dialogue>#dialogue-c>#footnote{color:gray;background-color:#000;font-size:1em}@media (max-width: 5.6in){#ui>#dialogue{top:30px;bottom:auto}#ui>#dialogue>#dialogue-c{width:90%}#ui>#dialogue>#dialogue-c>#text{font-size:.7rem;height:60px}#ui>#dialogue>#dialogue-c>#footnote{font-size:.5rem}}@media (min-width: 5.6in) and (max-width: 8in){#ui>#dialogue>#dialogue-c>#text{font-size:1.2rem}#ui>#dialogue>#dialogue-c{width:60%}#ui>#dialogue>#dialogue-c>#footnote{font-size:.5rem}}#ui>#mobile-ui{position:absolute;--mui-size: 96px;pointer-events:none}#ui>#mobile-ui img{width:var(--mui-size);height:var(--mui-size);touch-action:pan-x}#ui>#mobile-ui>#interact-btn{position:fixed;bottom:70px;right:150px}@media (max-width: 6in){#ui>#mobile-ui>#interact-btn{bottom:200px;right:50px}}#ui>#settings-popup{background-color:var(--blue-bg-1);pointer-events:all;padding:15px}#ui>#settings-popup h1{display:inline;background-color:#f0f8ff}#ui>#settings-popup>div{background-color:#faebd7;border:1px solid gray;box-shadow:5px 5px;padding:5px}#ui>#editor-v2-c>#editor-v2{width:100vw;height:100vh;box-sizing:border-box;display:flex;flex-direction:column}#ui>#editor-v2-c>#editor-v2 #click-area{flex-grow:1}#ui>#editor-v2-c>#editor-v2>#toolbar{display:flex;width:70%;max-height:25px}#ui>#editor-v2-c>#editor-v2>#toolbar div{flex-grow:1;border:5px outset green;position:relative}#ui>#editor-v2-c>#editor-v2>#toolbar div>button{background:linear-gradient(silver,gray);width:100%;min-height:100%;font-size:.7rem;padding:4px;border:none}#ui>#editor-v2-c>#editor-v2>#toolbar div>button:active{background:linear-gradient(gray,#555)}#ui>#editor-v2-c>#editor-v2>#creator-tools{position:relative;border-top:5px solid silver;bottom:0;height:25%;width:100%;background:radial-gradient(silver,gray);display:grid;grid-template-columns:.5fr 4fr 1fr}#ui>#editor-v2-c>#editor-v2>#creator-tools>div{display:flex;flex-direction:column;height:100%;overflow:auto}#ui>#editor-v2-c>#editor-v2>#creator-tools>div>*{width:100%;flex-grow:1;font-size:.5rem;font-weight:bolder}#ui>#editor-v2-c>#editor-v2>#creator-tools>div:not(#block-grid) .active{color:#00008b;filter:contrast(5);border:2px outset white}#ui>#editor-v2-c>#editor-v2>#creator-tools>#block-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));grid-template-rows:repeat(auto-fit,60px)}#ui>#editor-v2-c>#editor-v2>#creator-tools>#block-grid>*{display:flex;flex-direction:column;height:60px;width:60px;justify-content:center;align-items:center}#ui>#editor-v2-c>#editor-v2>#creator-tools>#block-grid .active{background:none;border:4px inset green}#ui>#editor-v2-c>#editor-v2>#creator-tools>#util-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));grid-template-rows:repeat(auto-fit,40px)}#ui>#editor-v2-c>#editor-v2>#creator-tools>#util-bar>*{font-size:.8rem;border:2px solid black;border-radius:5px;margin-left:auto;margin-right:auto;width:40px;height:40px}