@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-kAwBdRge.woff2) format("woff2"),url(/assets/material-icons-Dr0goTwe.woff) format("woff")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-outlined-DZhiGvEA.woff2) format("woff2"),url(/assets/material-icons-outlined-BpWbwl2n.woff) format("woff")}.material-icons-outlined{font-family:Material Icons Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-round-DrirKXBx.woff2) format("woff2"),url(/assets/material-icons-round-BDlwx-sv.woff) format("woff")}.material-icons-round{font-family:Material Icons Round;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Sharp;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-sharp-gidztirS.woff2) format("woff2"),url(/assets/material-icons-sharp-CH1KkVu7.woff) format("woff")}.material-icons-sharp{font-family:Material Icons Sharp;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Two Tone;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-two-tone-DuNIpaEj.woff2) format("woff2"),url(/assets/material-icons-two-tone-B7wz7mED.woff) format("woff")}.material-icons-two-tone{font-family:Material Icons Two Tone;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}:root{font-family:Inter,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}*{box-sizing:border-box}body{margin:0;padding:0;overflow:hidden;overscroll-behavior:none;font-family:Arial}h1{font-size:3.2em;line-height:1.1}#app{flex-direction:row-reverse;margin:0;padding:0;text-align:center;display:flex;height:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}.menu{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#7b7b7b99;text-align:center;padding:min(5vmin,50px);border:1vmin rgba(0,0,0,.6) solid;font-size:min(7vmin,60px);height:100%;display:flex;flex-direction:column;padding-bottom:0;padding-top:0}.full{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#7b7b7b99;text-align:center;padding:0;margin:0;height:100%;display:flex;flex-direction:column}button{font-size:min(5vmin,50px)!important;background-color:#7b92c4!important;color:#fff;cursor:pointer;transition:.3s;border:none;border-radius:1vmin}button:hover{background:orange;color:#000}button:disabled{background:#d3d3d3;color:gray;cursor:default}select{font-size:7vmin;cursor:pointer;border:none;border-radius:1vmin;outline:none}#time{position:absolute;top:0;left:50%;transform:translate(-50%)}#scoresContainer{height:43vh;overflow:auto;flex:1 1 auto}#scoreValue{background-color:#7b92c4}input{font-size:5vmin;border-radius:1vmin;text-align:left}#selectionArea{width:100%;height:100%;background-color:#f0f0f0}.selection-rectangle{position:absolute;border:2px solid red;background-color:#f006}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#mainCanvas{margin:0;padding:0;flex:1 1 auto;z-index:10;width:100%;height:100%}#helperCanvas{margin:0;padding:0;flex:1 1 auto;display:none;width:100%;height:100%}.bar{background-color:transparent;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px;z-index:10}.bar .leftSection{margin-left:20px}.bar .rightSection{margin-right:20px}.bar .left,.bar .center,.bar .right{display:flex;align-items:center}.bar button{margin:0 5px;background-color:#555;border:none;color:#fff;cursor:pointer;font-size:2vmin;border-radius:0;position:relative}.bar button i{font-size:8vmin}.bar button:hover{background-color:#777}.bar button.selected{color:green}.draggable{position:absolute;cursor:grab;border:3px red solid;background-color:#535bf2;z-index:5;display:none;top:10px;left:10px}.draggable img{width:100px;height:100px}.modelMenu{background-color:#000c;height:30px;color:#fff;padding:5px 10px;border-radius:5px;display:none;z-index:5}#pause{width:200px;height:100px;color:gray;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}#video{display:none}#timerDisplay,#scoreDisplay{font-size:5vmin}.tooltip{visibility:hidden;font-size:75%;background-color:#000;color:#fff;text-align:center;border-radius:5px;padding:5px;position:absolute;z-index:1;opacity:0;transition:opacity .3s;white-space:nowrap}.tooltip-top{bottom:125%;left:50%;transform:translate(-50%)}.tooltip-bottom{top:125%;left:50%;transform:translate(-50%)}.tooltip-left{right:100%;bottom:50%;transform:translateY(50%)}.tooltip-right{left:100%;bottom:50%;transform:translateY(50%)}button:hover .tooltip{visibility:visible;opacity:1}.barDisplay{background-color:#7b92c4;padding:5px}.responsive-title{margin:0;padding:0}.responsive-title .left{width:15%;margin:0;padding:0;vertical-align:middle;text-align:center}.responsive-title .left img{width:min(10%,80px);vertical-align:middle;text-align:center}.responsive-title .center{width:60%;display:inline-block;margin:0;padding:0;vertical-align:middle;text-align:center;font-size:min(10vmin,70px);font-weight:700;color:#000}.responsive-title .right{width:25%;display:inline-block;vertical-align:middle;text-align:right;font-size:min(7vmin,60px)}.jsy-search-game{flex:1 1 auto;display:flex;flex-direction:column;margin:0;font-size:min(6vmin,50px)}.jsy-search-game input{font-size:min(6vmin,50px)}jsy-game{flex:1 1 auto;margin:0;padding:0}#jsycreategame{flex:1 1 auto}#endScreen{display:none}.image-upload{height:100%;display:flex;flex-direction:column}.image-upload .image-upload__preview,.image_preview{flex:1 1 auto;display:flex;flex-direction:column}.headbar,jsy-headbar{position:fixed;top:20px;left:0;right:0}.footbar,jsy-footbar{position:fixed;bottom:20px;left:0;right:0}.media-container{display:flex;flex-direction:column;align-items:center;flex:1 1 auto}.media-container .title_thumbnail{display:flex}.media-container .title_thumbnail .thumbnail{margin:20px;width:64px;height:64px}.media-container textarea{flex:1 1 20%;width:100%}#jsymenu{display:grid;margin:auto}#jsymenu .form-container{max-width:800px;margin:auto;display:grid;grid-template-columns:1fr auto;gap:10px}#jsymenu .input-group{display:contents}#jsymenu label{text-align:left;white-space:nowrap}#jsymenu select{width:100%}.menu-buttons{display:flex;justify-content:space-between;align-content:center;align-items:center;flex-wrap:wrap}.menu-buttons button{margin:min(1vmin,10px);padding:min(2vmin,20px);font-size:min(5vmin,50px)}.title{font-size:min(4,5vmin,50px)}.description{font-size:min(4vmin,40px);text-align:left}.container{overflow-y:auto}.flag{margin:min(1vmin,5px);padding:0}.active{border-bottom:.5vmin solid grey}#drop-zone{flex:1 1 auto;border:2px dashed #0087F7;border-radius:5px;display:flex;align-items:center;justify-content:center;text-align:center;color:#0087f7;font-size:16px;font-family:Arial,sans-serif}.full-page{height:100%;width:100%;display:flex;flex-direction:column}.media-image,.media-video{display:flex;background-color:#7f7f7f;justify-content:center;align-items:center;overflow:hidden;position:relative;width:100%;height:100%}.media-image img,.media-image video,.media-video img,.media-video video{position:absolute;max-width:100%;max-height:100%;object-fit:contain;top:50%;left:50%;transform:translate(-50%,-50%)}.icon-button{display:inline-flex;align-items:center;padding:0}.checkbox-label{display:flex;align-items:center;font-size:min(4vmin,40px)}.checkbox-label input[type=checkbox]{width:min(4vmin,40px);height:min(4vmin,40px);cursor:pointer}.image-wrapper{position:relative;display:inline-block}.image-wrapper img:hover{filter:brightness(80%);border-bottom:2px solid #007BFF}.icon-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:red;pointer-events:none}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(.7)}}img.pulsing{display:block;margin:auto;animation:pulse 2s infinite}.floating-menu_menu{position:absolute;background-color:#fff;box-shadow:0 8px 16px #0000001a;border-radius:4px;width:min(30vmin,350px);top:100%;left:0;z-index:1000;cursor:grab;font-size:min(4vmin,30px)}.floating-menu_menu>ul{list-style:none;margin:0;padding:0}.floating-menu_menu li{border-bottom:1px solid #ccc}.floating-menu_menu li:last-child{border-bottom:none}.floating-menu_menu li a,.floating-menu_menu li span{display:block;padding:10px;color:#000;text-decoration:none}.floating-menu_menu li a:hover,.floating-menu_menu li span:hover{background-color:#979191}