div[data-state=editorState]{display:grid;grid-template-areas:"scenes canvas edit" "tree canvas edit";grid-template-rows:auto 1fr;grid-template-columns:auto 1fr auto;background:gray;gap:2px;max-height:100dvh;max-width:100dvw}div[data-state=editorState] h1{margin:0;padding:0;border-bottom:1px solid black}div[data-state=editorState]>menu.scenes{background:#fff;grid-area:scenes;margin:0;padding:0;width:100%;height:100%}div[data-state=editorState]>menu.scenes ul{padding:0;margin:0}div[data-state=editorState]>menu.scenes ul>li{display:flex;flex-direction:row}div[data-state=editorState]>menu.scenes ul>li>button:nth-child(1){text-align:left;width:100%}div[data-state=editorState]>menu.sceneTree{background:#fff;grid-area:tree;margin:0;padding:0;place-self:start;width:100%;height:100%}div[data-state=editorState]>menu.sceneTree ul{padding-left:1.5em}div[data-state=editorState]>menu.actions{position:absolute;right:1em;top:1em;display:flex;flex-direction:column;gap:.25em;margin:0;padding:0}div[data-state=editorState]>#canvas{display:flex;grid-area:canvas;width:100%;height:100%;overflow:hidden;box-sizing:border-box}div[data-state=editorState]>div#edit{grid-area:edit;display:grid;grid-auto-columns:auto 1fr;grid-auto-rows:min-content;box-sizing:border-box;overflow:auto}div[data-state=editorState]>div#edit h1{grid-column-start:1;grid-column-end:3}div[data-state=editorState]>div#edit div.triggers,div[data-state=editorState]>div#edit div.states,div[data-state=editorState]>div#edit label{display:grid;grid-template-columns:subgrid;grid-column-start:1;grid-column-end:3;padding:.25em}:is(div[data-state=editorState]>div#edit div.triggers,div[data-state=editorState]>div#edit div.states,div[data-state=editorState]>div#edit label):nth-child(2n){background:#0000001a}:is(div[data-state=editorState]>div#edit div.triggers,div[data-state=editorState]>div#edit div.states,div[data-state=editorState]>div#edit label).vector2>span{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:3}:is(div[data-state=editorState]>div#edit div.triggers,div[data-state=editorState]>div#edit div.states,div[data-state=editorState]>div#edit label).vector2>label{grid-column-start:2;grid-column-end:3;display:flex;flex-direction:row;gap:.5em}:is(div[data-state=editorState]>div#edit div.triggers,div[data-state=editorState]>div#edit div.states,div[data-state=editorState]>div#edit label).vector2 input{width:100%}:is(div[data-state=editorState]>div#edit div.triggers,div[data-state=editorState]>div#edit div.states)>ul{grid-column-start:1;grid-column-end:3}div[data-state=playState]{background:#000;place-content:center;display:flex;overflow:hidden;flex-direction:column}div[data-state=playState] button[name=goToMenu]{position:absolute;right:1em;top:1em}div[data-state=playState] dialog#conversation{margin-bottom:1em}div[data-state=playState] dialog#conversation span.speaker{font-weight:bolder}div[data-state=playState] dialog#conversation span.speaker:after{content:":"}div[data-state=playState] dialog#conversation span.speaker:empty{display:none}div[data-state=playState] div#canvas{display:flex;max-width:1920px;max-height:1080px;height:100%;width:100%;position:relative;overflow:hidden}div[data-state=playState] button.map{position:absolute;left:1em;top:1em;border:none;background-color:transparent;background-image:url(./buttonMapActive-o3Zv7Yqm.png);background-size:contain;background-repeat:no-repeat;height:6em;width:10em;cursor:pointer}div[data-state=playState] button.map:hover{scale:1.1}.loading{position:absolute;left:0;top:0;width:100%;height:100%;z-index:999;background:#000;display:grid;place-content:center;place-items:center;color:#fff;text-align:center}.loading>.spinner{width:2em;height:2em;border:.1em solid red;border-left-color:transparent;border-right-color:transparent;border-radius:100%;animation:spinner 2s infinite linear}.loading.hide{display:none}@keyframes spinner{0%{rotate:0deg}to{rotate:360deg}}[data-state=menuState]{background-image:url(./cover-C0awYmp_.png);background-size:cover;background-position:center}[data-state=menuState] menu{margin:0;display:flex;flex-direction:column;gap:.5em;place-self:safe center;position:relative;box-shadow:#fff -5px -5px,#fff 5px -5px,#fff 5px 5px,#fff -5px 5px;padding:.5em;background:#fff;border:1px solid}[data-state=menuState] menu button{cursor:pointer}[data-state=menuState] menu>h1{margin:0;padding:0;border-bottom:1px solid black}html,body,#app,[data-state]{margin:0;padding:0;box-sizing:border-box;width:100dvw;height:100dvh;display:grid}