*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}html{height:100%;min-height:100%}body{margin:0;min-height:100%;width:100%;height:100%;display:flex;flex-direction:column;text-align:center;align-content:center;justify-content:center;align-items:center;position:relative;background-color:#000;overflow:hidden}.button{box-sizing:content-box}body,input,button,select,textarea{font-family:Verdana,Geneva,Arial,Helvetica,"sans-serif";font-size:18px;line-height:1.5}#artwork{flex:1;display:flex;justify-content:center;align-items:center;margin:0;padding:0}#screen{width:100%;height:100%;display:flex;justify-content:center;align-items:center;margin:0;padding:0}#screen .layer{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}#screen .layer.hidden{display:none}#screen .layer.layer0{z-index:0}#screen .layer.layer1{z-index:1}#screen .layer.layer2{z-index:2}#screen .layer.layer3{z-index:3}#screen .layer.layer4{z-index:4}#screen #debug{align-items:flex-end;justify-content:flex-end}#screen #debug #debug_info{background:#00f5;color:#fff;text-align:right;padding:1em}#screen #drawing{overflow:hidden;justify-content:center;align-items:center}#screen #control{flex-direction:row;align-items:stretch}#screen #control #control-left,#screen #control #control-right{flex-basis:0%}#screen #control #control-center{flex-basis:100%}#screen[data-menu=true] #menu{display:flex}#screen[data-menu=false] #menu{display:none}#screen[data-mode=drawing] #drawing,#screen[data-mode=drawing] #control,#screen[data-mode=drawing] #debug{display:flex}#screen:not([data-mode=drawing]) #drawing{display:none}#screen .layer#menu{height:3em}.button{cursor:pointer;padding:1em}.menu_bar{height:100%;width:100%;padding:0 1em;background:#000;display:flex;gap:1em;justify-content:flex-end}.menu_bar #frame_selector{padding:0;margin:0;display:flex}.menu_bar .menu_button,.menu_bar .menu_text{padding:.75em .5em;border:0;color:#fff}.menu_bar .menu_button,.menu_window .action_button{background:#000;cursor:pointer;box-sizing:border-box}.menu_window .action_button{color:#fff}.menu_window .action_button.disabled{color:#aaa}.menu_bar .menu_button:hover,.menu_window .action_button:not(.disabled):hover{border-bottom:.1em solid #fff}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.blinking{animation:blink 2s linear infinite}.menu_window{background:#000;color:#fff;text-align:left;padding:1em;z-index:5;display:flex;flex-direction:column}.menu_window>div{display:flex;flex-direction:column;padding:.5em 0}.menu_window>div>p{margin:.25em 0}.menu_window .header{display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:.75em 0 1.5em}.menu_window .close{cursor:pointer;padding:0 .5em;margin-left:2em;box-sizing:content-box}.menu_window .action_button{padding:.5em 1em;height:2.5em}.menu_window .text_area_container{max-width:80%;display:flex;flex-direction:column;margin:1em 0}.menu_window .text_area_container input[type=textarea],.menu_window .text_area_container .text_area{max-width:500px;max-height:200px;border:1px solid#999999ff;background:#fff;padding:1em;margin:1em 0;overflow:auto;color:#000}.menu_window #actions{display:flex;flex-direction:row;justify-content:space-between;margin-top:2em;gap:2em;width:100%}.menu_window .text_area_container #offer_explanation,.menu_window .text_area_container #answer_explanation{max-width:400px}