.menu-btn[data-v-c02fe3da]{width:2.5em;height:2.1em;transition-duration:0s;transition-delay:.2s}.menu-btn span[data-v-c02fe3da]{margin:0;position:relative;top:.8em}.menu-btn.close span[data-v-c02fe3da]{background-color:#0000;transition-delay:.2s}.menu-btn span[data-v-c02fe3da]:before,.menu-btn span[data-v-c02fe3da]:after{position:absolute;content:""}.menu-btn span[data-v-c02fe3da],.menu-btn span[data-v-c02fe3da]:before,.menu-btn span[data-v-c02fe3da]:after{width:2.5em;height:.4em;background-color:#fff;display:block}.menu-btn span[data-v-c02fe3da]:before{margin-top:-.8em;transition-property:margin,transform;transition-duration:.2s;transition-delay:.2s,0s}.menu-btn.close span[data-v-c02fe3da]:before{margin-top:0;transform:rotate(45deg);transition-delay:0s,.2s}.menu-btn span[data-v-c02fe3da]:after{margin-top:.8em;transition-property:margin,transform;transition-duration:.2s;transition-delay:.2s,0s}.menu-btn.close span[data-v-c02fe3da]:after{margin-top:0;transform:rotate(-45deg);transition-delay:0s,.2s}.bar[data-v-83d7ddae]{position:relative;top:10px;display:flex;align-items:center;justify-content:space-between}.title[data-v-83d7ddae]{line-height:50px;cursor:pointer;color:var(--accent_color);font-size:25px;height:50px}.title sub[data-v-83d7ddae]{font-size:12px}@media screen and (max-width: 768px){.toggle_button[data-v-83d7ddae]{display:block}.mobile_nav_overlay[data-v-83d7ddae]{position:fixed;top:var(--header_height);height:calc(100% - var(--header_height));right:200px;width:calc(100% - 200px);z-index:998;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}nav[data-v-83d7ddae]{transition:.8s ease;position:fixed;top:var(--header_height);height:calc(100% - var(--header_height));right:-100%;width:200px;z-index:998;display:none;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-color:#444}nav.open[data-v-83d7ddae]{display:flex;right:0}nav.open .menu-item[data-v-83d7ddae]{color:#fff;flex:none;position:relative;width:calc(100% - 20px);padding:20px 10px;text-align:start;border-bottom:2px solid #555}nav.open .menu-item a[data-v-83d7ddae]{display:flex;justify-content:flex-start;align-items:center;column-gap:10px;color:inherit;text-decoration:none}nav.open .menu-item a.router-link-exact-active[data-v-83d7ddae]{text-decoration:underline}nav.open .menu-item a img[data-v-83d7ddae]{filter:invert(1);height:25px}}@media screen and (min-width: 768px){.toggle_button[data-v-83d7ddae]{display:none}nav[data-v-83d7ddae]{display:flex;align-items:center;justify-content:center}nav .menu-item[data-v-83d7ddae]{color:#fff;position:relative;padding:10px 20px;text-align:center;border-bottom:2px solid transparent;border-radius:3px;transition:.4s all}nav .menu-item[data-v-83d7ddae]:hover{background-color:var(--accent_color)}nav .menu-item:hover a[data-v-83d7ddae]{transform:scale(1.2);transition:.1s all}nav .menu-item a[data-v-83d7ddae]{display:flex;justify-content:flex-start;align-items:center;column-gap:10px;color:inherit;text-decoration:none}nav .menu-item a.router-link-exact-active[data-v-83d7ddae]{text-decoration:underline}nav .menu-item a img[data-v-83d7ddae]{filter:invert(1);height:25px}}.message_banner[data-v-7189a7f6]{position:fixed;top:calc(var(--header_height) + 20px);right:20px;margin-left:20px;border-radius:5px;height:60px;display:flex;align-items:center;justify-content:space-between;column-gap:10px;padding-right:10px;box-shadow:0 4px 6px #0000001a;z-index:999;transition:transform .3s ease-in-out;opacity:1;background-color:#f0f0f0}.icon_container[data-v-7189a7f6]{display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:5px;width:60px;height:100%;border-radius:5px}.icon_container.success[data-v-7189a7f6]{background-color:var(--accent_color)}.icon_container.error[data-v-7189a7f6]{background-color:var(--accent_error)}.icon[data-v-7189a7f6]{color:#fff;font-size:20px}.code[data-v-7189a7f6]{color:#fff;font-size:10px}.message[data-v-7189a7f6]{margin-left:5px;font-size:16px}.close_button[data-v-7189a7f6]{font-size:16px;border:none;background-color:#f0f0f0}.message_banner[data-v-7189a7f6]{transform:translate(100%);animation:slideIn-7189a7f6 .5s forwards}@keyframes slideIn-7189a7f6{0%{transform:translate(100%)}to{transform:translate(0)}}.loading_container[data-v-33f23454]{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.spinner[data-v-33f23454]{width:100px;height:100px;border:4px solid rgba(0,0,0,.1);border-left-color:var(--accent_color);border-radius:50%;animation:spin-33f23454 1s linear infinite}@keyframes spin-33f23454{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--header_height: 70px;--footer_height: 18px;--accent_color: #3CAA36;--accent_hover: #319C33;--accent_error: #F44336}html,body{position:relative;padding:0;margin:0;width:100%;height:100%;font-family:Arial;display:flex;flex-direction:column}header{position:fixed;top:0;left:0;right:0;height:var(--header_height);padding-inline:20px;box-sizing:border-box;background-color:#333;color:#fff;z-index:999}main{position:relative;margin-top:var(--header_height);flex:1;box-sizing:border-box}footer{background-color:#333;color:#fff;text-align:right;height:var(--footer_height)}footer a{color:inherit}.wrapper[data-v-036b34a8]{width:100%;height:100%;background-color:transparent}.wrapper h1[data-v-036b34a8]{margin:0}.game-container[data-v-5c9b179d]{text-align:center;font-family:sans-serif;margin-top:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.board[data-v-5c9b179d]{display:grid;grid-template-columns:repeat(3,100px);margin:20px auto;gap:5px}.cell[data-v-5c9b179d]{width:100px;height:100px;background:#f2f2f2;display:flex;justify-content:center;align-items:center;font-size:2rem;cursor:pointer;border:1px solid #ccc}.cell[data-v-5c9b179d]:hover{background:#e0e0e0}.info button[data-v-5c9b179d]{margin:10px;padding:8px 12px;cursor:pointer}.scrollbox[data-v-e2a930d3]{height:100%;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 5px #00000026;background-color:#fff;padding-bottom:2px;box-sizing:border-box}ul[data-v-e2a930d3]{list-style-type:none;padding:0;margin:0;overflow:scroll;scrollbar-width:none}ul[data-v-e2a930d3]::-webkit-scrollbar{display:none}li[data-v-e2a930d3]{height:50px;padding:10px;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;border-top:1px solid #ccc}li[data-v-e2a930d3]:hover{background-color:#f3f3f3}li.selected[data-v-e2a930d3]{background-color:#e0e0e0;box-shadow:inset 0 0 0 1px var(--accent_color)}.container[data-v-97f78a5e]{position:relative;width:100%;height:100%;overflow:hidden}.wrapper[data-v-97f78a5e]{position:absolute;transform-origin:top left;box-sizing:border-box}span[data-v-51e06ede]{color:var(--5e09b956);font-size:var(--f1aa1008);font-weight:700;white-space:nowrap}.popup_container[data-v-477a720d]{z-index:3;position:absolute;background-color:#fff;display:flex;flex-direction:column;align-items:center;border:1px solid #444;overflow:hidden}.window_header[data-v-477a720d]{width:100%;background-color:#eee;display:flex;flex-direction:row-reverse}.close[data-v-477a720d]{border:none;padding:5px;background-color:#eee}.close[data-v-477a720d]:hover{background-color:red}.resizer[data-v-477a720d]{position:absolute;background-color:transparent;z-index:4;cursor:pointer}.top[data-v-477a720d]{top:-5px;left:5px;width:calc(100% - 10px);height:10px;cursor:ns-resize}.top-left[data-v-477a720d]{top:-5px;left:-5px;width:10px;height:10px;cursor:nwse-resize}.top-right[data-v-477a720d]{top:-5px;right:-5px;width:10px;height:10px;cursor:nesw-resize}.bottom[data-v-477a720d]{bottom:-5px;left:5px;width:calc(100% - 10px);height:10px;cursor:ns-resize}.bottom-left[data-v-477a720d]{bottom:-5px;left:-5px;width:10px;height:10px;cursor:nesw-resize}.bottom-right[data-v-477a720d]{bottom:-5px;right:-5px;width:10px;height:10px;cursor:nwse-resize}.left[data-v-477a720d]{top:5px;left:-5px;width:10px;height:calc(100% - 10px);cursor:ew-resize}.right[data-v-477a720d]{top:5px;right:-5px;width:10px;height:calc(100% - 10px);cursor:ew-resize}.sidebar[data-v-21d77a4f]{width:200px;height:100%;position:absolute;left:0}.content[data-v-21d77a4f]{width:calc(100% - 200px);height:100%;position:absolute;left:200px;-webkit-user-select:none;user-select:none}.content.loading[data-v-21d77a4f],.content.no_selection[data-v-21d77a4f]{display:flex;justify-content:center;align-items:center}.top_buttons[data-v-21d77a4f]{position:absolute;z-index:2;top:0;left:0}.top_buttons button[data-v-21d77a4f]{margin:10px;padding:10px;width:110px;border-radius:5px;background-color:#ccc;cursor:pointer}.top_buttons button[data-v-21d77a4f]:hover{background-color:#ddd}.multiselect[data-v-21d77a4f]{border:1px solid #ccc;border-radius:5px;padding:5px}.zoom-image[data-v-21d77a4f]{cursor:grab;-webkit-user-select:none;user-select:none;pointer-events:none}.control-bar[data-v-21d77a4f]{position:absolute;bottom:0;height:60px;width:100%;background-color:#000000b3;color:#fff;display:flex;flex-direction:column;align-items:center}.progress-bar[data-v-21d77a4f]{width:95%;height:20px;margin-bottom:5px;background:#00ff0080;border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.progress-bar[data-v-21d77a4f]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background-color:#0f0;border-radius:5px;cursor:pointer}.controls[data-v-21d77a4f]{display:flex;justify-content:center;gap:10px}.button[data-v-21d77a4f]{background-color:#0009;color:#fff;height:30px;border:2px solid rgba(255,255,255,.3);font-size:20px;border-radius:20px;cursor:pointer;transition:color .5s,transform .1s ease;font-weight:700;text-transform:uppercase;text-align:center}.button[data-v-21d77a4f]:hover{color:#0f0;transform:scale(.95)}.controlButton[data-v-21d77a4f]{width:100px}.measure_time[data-v-21d77a4f]{display:block;position:absolute;top:10px;right:0;width:150px;font-size:25px;font-weight:700;text-align:center}.svd_wrap[data-v-21d77a4f]{display:block;cursor:pointer}form[data-v-cc3ec7f6]{border:1px solid #ccc;background-color:#f0f0f0;border-radius:10px;padding:20px 10px;display:flex;flex-direction:column;row-gap:10px}form h1[data-v-cc3ec7f6]{margin-top:0}form input[type=text][data-v-cc3ec7f6],form input[type=password][data-v-cc3ec7f6]{padding:10px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:16px}form button[data-v-cc3ec7f6]{padding:10px 20px;border:none;font-size:16px;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin-top:20px;background-color:var(--accent_color);color:#fff}form button[data-v-cc3ec7f6]:hover{background-color:var(--accent_hover)}form button[data-v-cc3ec7f6]:active{transform:translateY(1px);box-shadow:0 2px 4px #0000001a}.user_wrapper[data-v-15ac2441]{position:relative;width:100%;height:100%;top:0;padding:5px;display:flex;align-items:center;justify-content:center}.user_page[data-v-15ac2441]{width:100%;height:100%}