body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--black:#242424;--grey:#a9a9a9;--light-grey:#d7d7d7;--white:#fff;--green:#77c679;--yellow:#fff956;--red:#f36359;--dark-grey:#4d4d4d;--locked-grey:#616161}body,html{color:#242424;color:var(--black);font-family:Open Sans,sans-serif;overflow-x:hidden}.App,body,html{background-color:#fff;background-color:var(--white);height:100vh}.App{text-align:center}.App,.App-header{position:relative}.App-header{background-color:#fff;background-color:var(--white);box-shadow:0 0 10px #00000080;padding:6px 0 10px}.game-title{font-size:4rem;font-weight:800;margin:0}.author-title{font-size:2rem;font-weight:100;margin:-1rem 0 0;opacity:.5}.drag-drop-container{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;justify-items:center;margin:0 auto;padding:0;position:relative;width:100%}.word-container{border:5px dashed #d7d7d7;border:5px dashed var(--light-grey);border-radius:8px;margin:0 2rem;padding:1.5rem;position:relative}.container-title{font-size:2rem;margin:1rem 0;pointer-events:none}.items-row{align-items:center;display:flex;flex-wrap:wrap;gap:2px;justify-content:center;min-height:80px;position:relative;row-gap:6px}.sortable-item{-webkit-touch-callout:none;border:2px solid #242424;border:2px solid var(--black);border-radius:8px;box-shadow:0 1px 0 0,0 2px 0 0,0 3px 0 0;color:#242424;color:var(--black);cursor:grab;font-size:16px;font-weight:800;letter-spacing:-.01cap;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 5px;position:relative;text-shadow:1px 1px 2px #0000001a;text-transform:uppercase;touch-action:none;transition:none;-webkit-user-select:none;user-select:none}.sortable-item:hover{box-shadow:0 1px 0 0,0 2px 0 0,0 3px 0 0,0 4px 0 0;top:-1px}.sortable-item:active{box-shadow:0 1px 0 0;cursor:grabbing;top:2px}.sortable-item.correct{background-color:#77c679;background-color:var(--green)}.sortable-item.wrong-position{background-color:#fff956;background-color:var(--yellow)}.sortable-item.wrong-word{background-color:#f36359;background-color:var(--red)}.sortable-item.default{background-color:#d7d7d7;background-color:var(--light-grey)}.sortable-item.locked{background-color:#fff;background-color:var(--white);border-color:#4d4d4d;border-color:var(--dark-grey);cursor:not-allowed;opacity:.8}.sortable-item.locked:active,.sortable-item.locked:hover{box-shadow:0 1px 0 0,0 2px 0 0,0 3px 0 0;top:0}.sortable-item.locked:active{cursor:not-allowed}.sortable-item.drag-placeholder:active{box-shadow:none;top:0}.sortable-item.animating{pointer-events:none}.submit-button{border:3px solid;border-radius:8px;box-shadow:0 1px 0 0,0 2px 0 0,0 3px 0 0,0 4px 0 0,0 5px 0 0;color:#242424;color:var(--black);cursor:pointer;font-size:16px;letter-spacing:2px;margin-bottom:2rem;margin-top:2rem;padding:1rem;text-decoration:none;text-transform:uppercase;touch-action:manipulation;user-select:none;-webkit-user-select:none}.submit-button:active{box-shadow:0 0 0 0}.submit-button.green{background-color:#77c679;background-color:var(--green)}.submit-button.yellow{background-color:#fff956;background-color:var(--yellow)}.submit-button.disabled{background-color:inherit;box-shadow:0 0 0 0;color:#242424;color:var(--black);cursor:not-allowed;opacity:.7}.share-button{background-color:#77c679;background-color:var(--green);border:3px solid;border-radius:8px;box-shadow:0 1px 0 0,0 2px 0 0,0 3px 0 0,0 4px 0 0,0 5px 0 0;color:#242424;color:var(--black);cursor:pointer;font-size:16px;letter-spacing:2px;padding:.25em .5em;position:relative;text-decoration:none;text-transform:uppercase;touch-action:manipulation;user-select:none;-webkit-user-select:none;z-index:100}.share-button:hover{box-shadow:0 1px 0 0,0 2px 0 0,0 3px 0 0,0 4px 0 0;top:-1px}.share-button:active{box-shadow:0 0 0 0;left:0;top:5px}.date-dropdown-container{float:left;margin-left:1rem;z-index:100}.date-dropdown-select{background-color:#fff;background-color:var(--white);border:2px solid #333;border-radius:6px;box-shadow:0 1px 0 0,0 3px 0 0;color:#333;cursor:pointer;font-size:16px;font-weight:600;margin-top:.5rem;outline:none;padding:8px 0}.date-dropdown-select:focus,.date-dropdown-select:hover{box-shadow:0 1px 0 0,0 2px 0 0,0 4px 0 0;transform:translateY(-1px)}.date-dropdown-option{background-color:#fff;background-color:var(--white);color:#333}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;background-color:var(--white);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;position:relative;width:90%}.rules-modal{max-width:600px}.modal-header{align-items:center;border-bottom:1px solid #d7d7d7;border-bottom:1px solid var(--light-grey);display:flex;justify-content:space-between;padding:20px 20px 10px}.modal-header h2{color:#242424;color:var(--black);font-size:1.5rem;font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#a9a9a9;color:var(--grey);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.modal-close:hover{background-color:#d7d7d7;background-color:var(--light-grey);color:#242424;color:var(--black)}.modal-body{padding:20px 20px 6px;text-align:left}.modal-body p{color:#a9a9a9;color:var(--grey);font-size:1.1rem;margin:0 0 20px}.modal-results{background-color:#fff;background-color:var(--white);border-radius:8px;margin:20px 0;padding:20px}.modal-submission-group{margin-bottom:2rem}.modal-submission-group:last-child{margin-bottom:0}.modal-submission-row{font-size:1.5rem;letter-spacing:-.4rem;margin:.1rem 0}.modal-totals{border-top:1px solid #d7d7d7;border-top:1px solid var(--light-grey);color:#242424;color:var(--black);margin-top:15px;padding-top:15px}.modal-counts{font-size:1.2rem;font-weight:600}.modal-footer{padding:40px;text-align:center}.rules-content h3{color:#242424;color:var(--black);font-size:1.3rem;font-weight:800;margin:1.5rem 0 .5rem}.rules-content h3:first-child{margin-top:0}.rules-content p{color:#242424;color:var(--black);font-size:1rem;line-height:1.5;margin:0 0 1rem}.color-guide{background-color:#d7d7d71a;border:2px solid #d7d7d7;border:2px solid var(--light-grey);border-radius:8px;display:flex;flex-direction:column;gap:0;margin:20px 0;padding:8px}.color-item{align-items:center;border-radius:6px;display:flex;gap:15px;padding:4px}.color-item span{color:#242424;color:var(--black);font-size:.95rem;font-weight:600}.hard-mode-section{background-color:#d7d7d71a;border-top:2px solid #d7d7d7;border-top:2px solid var(--light-grey);padding:6px}.hard-mode-toggle{flex-direction:column}.hard-mode-toggle,.toggle-container{align-items:center;display:flex;gap:12px}.toggle-container{cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-container input[type=checkbox]{display:none}.toggle-slider{background-color:#d7d7d7;background-color:var(--light-grey);border:2px solid #242424;border:2px solid var(--black);border-radius:26px;box-shadow:0 1px 0 0,0 2px 0 0;height:26px;position:relative;transition:all .3s ease;width:50px}.toggle-slider:before{background-color:#fff;background-color:var(--white);border:2px solid #242424;border:2px solid var(--black);border-radius:50%;box-shadow:0 1px 0 0;content:"";height:18px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:18px}.toggle-container input[type=checkbox]:checked+.toggle-slider{background-color:#f36359;background-color:var(--red)}.toggle-container input[type=checkbox]:checked+.toggle-slider:before{transform:translateX(22px)}.toggle-label{color:#242424;color:var(--black);font-size:1.1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.hard-mode-description{color:#a9a9a9;color:var(--grey);font-size:.9rem;font-style:italic;line-height:1.4;margin:0;max-width:300px;text-align:center}@keyframes bounce{0%{box-shadow:0 1px 0 0,0 2px 0 0,0 3px 0 0;transform:translateY(0)}10%{box-shadow:0 1px 0 0,0 2px 0 0,0 1px 0 0;transform:translateY(3px)}40%{box-shadow:0 1px 0 0,0 2px 0 0,0 14px 0 0;transform:translateY(-14px)}60%{box-shadow:0 1px 0 0,0 2px 0 0,0 12px 0 0;transform:translateY(-12px)}80%{box-shadow:0 1px 0 0,0 2px 0 0,0 2px 0 0;transform:translateY(2px)}to{box-shadow:0 1px 0 0,0 2px 0 0,0 3px 0 0;transform:translateY(0)}}.sortable-item.bouncing{animation:bounce .4s ease-out}@keyframes pulse{0%,to{opacity:.8}50%{opacity:.4}}@media (max-width:768px){.game-title{font-size:3rem}.author-title{font-size:1.5rem;margin-top:-.5rem}.word-container{margin:0 .75rem;padding:2rem .5rem}.sortable-item{font-size:10px;transition:background-color .3s ease}.modal-content{margin:10px;width:95%}.rules-modal{max-width:95%}.modal-header h2{font-size:1.3rem}.modal-submission-row{font-size:1.3rem;letter-spacing:1px}.modal-counts{font-size:1.1rem}.items-row{justify-content:left}.rules-content h3{font-size:1.1rem;margin:1rem 0 .3rem}.rules-content p{font-size:.9rem}.color-guide{gap:10px;margin:15px 0;padding:15px}.color-item{gap:10px;padding:8px}.color-item span{font-size:.85rem}.hard-mode-section{padding:15px}.toggle-container{gap:8px}.toggle-slider{height:24px;width:45px}.toggle-slider:before{height:16px;width:16px}.toggle-container input[type=checkbox]:checked+.toggle-slider:before{transform:translateX(19px)}.toggle-label{font-size:1rem}.hard-mode-description{font-size:.8rem;max-width:250px}.squink-popup{maxWidth:150px!important;font-size:10px!important;padding:6px 8px!important;right:0!important}}.overflow-line{align-self:center;animation:pulse 1.5s infinite;background:none;border:3.5px dashed #f36359;border:3.5px dashed var(--red);border-radius:100px;height:40px;margin:0 4px;opacity:.8;position:relative}.overflow-word{text-wrap:none;color:red;font-weight:thin;left:50%;margin:.4rem 0;position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap}.noto-color-emoji-regular{font-family:Noto Color Emoji,sans-serif;font-style:normal;font-weight:400}.hard-word{text-wrap:none;background-color:#242424;background-color:var(--black);border-radius:4px;color:#242424;color:var(--black);overflow:hidden;text-shadow:none;-webkit-user-select:none;user-select:none;width:10rem}.submit-button.default{background-color:#d7d7d7;background-color:var(--light-grey);color:#242424;color:var(--black)}.squink-popup{transition:all .2s ease}.squink-popup:hover{background-color:#77c679!important;background-color:var(--green)!important;box-shadow:0 3px 0 0 #242424,0 6px 0 0 #242424!important;box-shadow:0 3px 0 0 var(--black),0 6px 0 0 var(--black)!important;transform:translateY(-2px)!important}.squink-popup:active{box-shadow:0 1px 0 0 #242424!important;box-shadow:0 1px 0 0 var(--black)!important;transform:translateY(1px)!important}@keyframes popupBounce{0%{opacity:0;transform:scale(.3) translateY(10px)}50%{opacity:1;transform:scale(1.1) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}
/*# sourceMappingURL=main.6dd9775a.css.map*/