[data-v-4db915a3]:root{--cell-size: 27px}.hibbem[data-v-4db915a3]{opacity:0}canvas[data-v-4db915a3]{left:0;top:0;position:fixed;z-index:-1;opacity:.5;transition:opacity 1s}[data-v-743d3f56]:root{--cell-size: 27px}.horizontal-thing[data-v-743d3f56]{position:absolute}.playfield-container[data-v-743d3f56]{background:#c0c8cc;position:relative;padding:2px;border-radius:2px;display:inline-grid}.playfield-container.cleared[data-v-743d3f56]{background:none;transition:background-color 1s 1s}.legend .cell[data-v-743d3f56]{display:flex;justify-content:flex-end;background:#ebf1f4;font-weight:700;font-size:13px}.legend .cell[data-v-743d3f56]:hover{box-shadow:none}.legend .cell.highlighted[data-v-743d3f56]{background:#d8f7ff}.legend.horizontal[data-v-743d3f56]{grid-column:span 10;display:flex}.legend.horizontal .cell[data-v-743d3f56]{flex-direction:column;height:auto;align-items:center}.legend.vertical[data-v-743d3f56]{display:flex;flex-direction:column;grid-row:span 10}.legend.vertical .cell[data-v-743d3f56]{display:flex;width:auto;align-items:center}.corner[data-v-743d3f56]{background:#c0c8cc;border-radius:2px;margin:1px}.cleared .optical-guide[data-v-743d3f56],.cleared .corner[data-v-743d3f56],.cleared .legend[data-v-743d3f56]{opacity:0;transition:1s 1s}.cleared .optical-guide[data-v-743d3f56]{transition-delay:0s}.optical-guide[data-v-743d3f56]{background:#000;position:absolute}.optical-guide.horizontal[data-v-743d3f56]{height:1px;width:279px;right:2.5px}.optical-guide.vertical[data-v-743d3f56]{width:1px;bottom:2px;height:279px;transform:translate(-50%)}.cell.cursor[data-v-743d3f56]{z-index:5!important}.row[data-v-743d3f56]{display:flex}.cleared .cell[data-v-743d3f56]{margin:0;border-radius:0;transition:background-color .1s,margin 1s 1s,border-radius 1s 1s;box-shadow:none!important}.cleared .cell.filled[data-v-743d3f56]{background:#444;position:relative}.cleared .cell.filled[data-v-743d3f56]:before{transition:opacity 1s 1s;opacity:0}.cleared .cell .cell-x[data-v-743d3f56]{transition:opacity 1s 1s!important;transition-delay:1s;opacity:0}.x-enter-active[data-v-743d3f56],.x-leave-active[data-v-743d3f56]{transition:opacity .2s ease,transform .2s}.x-enter-from[data-v-743d3f56],.x-leave-to[data-v-743d3f56]{opacity:0;transform:rotate(90deg)}.cell[data-v-743d3f56]{width:var(--cell-size);height:var(--cell-size);line-height:var(--cell-size);background:#fff;transition:background-color .1s;color:#000;-webkit-user-select:none;user-select:none;margin:.5px;border-radius:0;box-shadow:0 1px 1px #0000001a;position:relative}.cell[data-v-743d3f56]:before{opacity:0;background:#fff;z-index:2;content:"";position:absolute;left:0;right:0;bottom:0;top:0}.cell .cell-x[data-v-743d3f56]{display:block}.cell>div[data-v-743d3f56]{width:20px;height:20px;line-height:20px;text-align:center}.cell.filled[data-v-743d3f56]:before{background:linear-gradient(0deg,#555,#666);animation:pop-743d3f56 .2s;opacity:1}.cell.filled .cell-x[data-v-743d3f56]{transition:none}@keyframes pop-743d3f56{0%{transform:scale(.8)}30%{transform:scale(1.2)}to{transform:scale(1)}}[data-v-dfe92d8e]:root{--cell-size: 27px}.sidebar[data-v-dfe92d8e]{display:flex;position:fixed;top:0;left:0;width:100%;z-index:100;height:50px;background:#ebf1f4;justify-content:center;align-items:center;padding:5px;border-bottom:2px solid #dbe6eb}.link[data-v-dfe92d8e]{padding:10px;text-decoration:none;color:#000;border-radius:4px}.link[data-v-dfe92d8e]:hover{background:#0000000d}.v-enter-active[data-v-dfe92d8e],.v-leave-active[data-v-dfe92d8e]{transition:opacity .2s,transform .2s}.v-enter-from[data-v-dfe92d8e],.v-leave-to[data-v-dfe92d8e]{transform:translateY(-5px);opacity:0}.dropdown[data-v-dfe92d8e]{margin-top:5px;position:absolute;background:#fff;width:auto;right:0;padding:15px;border-radius:4px;box-shadow:0 1px 1px #0000001a;z-index:20}.online-toggle[data-v-dfe92d8e]{cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px;border-radius:4px;transition:background .1s;background:#0000000d}.online-toggle.open[data-v-dfe92d8e],.online-toggle[data-v-dfe92d8e]:hover{background:#0000001a}.online-toggle .dot[data-v-dfe92d8e]{border:1px solid #2db92d}.split[data-v-dfe92d8e]{position:relative;display:flex;justify-content:space-between;align-items:baseline;width:100%;max-width:500px}input[data-v-dfe92d8e]{position:absolute;top:60px}.dot[data-v-dfe92d8e]{background:#32cd32;width:10px;height:10px;border-radius:10px}ul[data-v-dfe92d8e]{margin:0;padding:0}ul li[data-v-dfe92d8e]{list-style-type:none;display:flex;align-items:center;gap:10px}ul li.current-player[data-v-dfe92d8e]{font-weight:700}.toggle{margin-bottom:30px}[data-v-e85fcbf7]:root{--cell-size: 27px}header[data-v-e85fcbf7]{display:flex;margin-bottom:10px;justify-content:space-between}.container[data-v-e85fcbf7]{display:flex;gap:20px;margin:60px 10px 10px;-webkit-user-select:none;user-select:none}.disable-tap-zoom[data-v-e85fcbf7]{touch-action:manipulation}.now-playing[data-v-e85fcbf7]{color:gray}ul[data-v-e85fcbf7]{display:flex;flex-direction:column;padding:0;margin:10px 0;text-align:left}ul li[data-v-e85fcbf7]{list-style-type:none;border-radius:3px}.online-indicator[data-v-e85fcbf7]{margin-right:5px;position:relative;top:-1px;display:inline-block;width:7px;height:7px;border-radius:7px;background:#32cd32;border:1px solid #2db92d}.link[data-v-e85fcbf7]{text-decoration:none}.puzzle-title[data-v-e85fcbf7]{margin-top:10px;-webkit-user-select:none;user-select:none;font-size:20px;font-weight:700;letter-spacing:0px}[data-v-5182fbce]:root{--cell-size: 27px}.modal[data-v-5182fbce]{background:#fff;width:230px;border-radius:4px;box-shadow:0 2px 5px #0003;padding:20px}.backdrop[data-v-5182fbce]{display:flex;justify-content:center;align-items:center;position:fixed;width:100%;height:100%;top:0;left:0;background:#0000004d;z-index:100}[data-v-a65a5e38]:root{--cell-size: 27px}.create[data-v-a65a5e38]{display:flex;justify-content:center;align-items:center;flex-direction:column}.back[data-v-a65a5e38]{text-decoration:none}header[data-v-a65a5e38]{display:flex;margin-bottom:10px;align-items:center;justify-content:space-between;width:100%}.btns-container[data-v-a65a5e38]{display:flex;width:100%;justify-content:space-between;margin-top:10px}[data-v-cdaae3d1]:root{--cell-size: 27px}h1[data-v-cdaae3d1]{line-height:1;margin-bottom:40px}input[data-v-cdaae3d1]{background:#fff;color:#2c3e50;text-align:left;padding-left:20px;padding-right:20px;border:1.5px solid #c0c8cc;border-top-left-radius:.5em;border-bottom-left-radius:.5em;border-right:none;width:100%}.input-with-button[data-v-cdaae3d1]{display:flex}.input-with-button .btn[data-v-cdaae3d1]{border-radius:0 .5em .5em 0}.input-with-button .btn.disabled[data-v-cdaae3d1]{cursor:not-allowed}.main-menu-wrapper[data-v-cdaae3d1]{max-width:250px;margin:0 auto}.nickname-label[data-v-cdaae3d1]{display:block;font-weight:700;padding-right:20px;text-transform:uppercase;font-size:12px}.menu-btn[data-v-cdaae3d1]{display:block;margin-top:10px;text-align:center;text-decoration:none;color:#2c3e50;border:1.5px solid #c0c8cc;border-radius:.5em;background-color:#fff;padding:.5em}.menu-btn[data-v-cdaae3d1]:hover{background-color:#ebf1f4}small[data-v-cdaae3d1]{font-size:.6em;font-weight:400}[data-v-3490f858]:root{--cell-size: 27px}.header[data-v-3490f858]{display:grid;align-items:center;margin-bottom:20px;justify-content:start;grid-template-columns:repeat(3,1fr)}.header .btn[data-v-3490f858]{width:fit-content}.header h2[data-v-3490f858]{justify-self:center;text-align:center;margin:0}.all-puzzles-container[data-v-3490f858]{padding:0 10px;margin-top:20px;text-align:left}.all-puzzles[data-v-3490f858]{width:100%;max-width:700px;margin:20px auto;gap:10px;display:flex;flex-wrap:wrap}.all-puzzles .puzzle[data-v-3490f858]{line-height:0}.all-puzzles .puzzle-preview[data-v-3490f858]{border:1px solid #e1e1e1;padding:10px;background:#fff}[data-v-c515de46]:root{--cell-size: 27px}p[data-v-c515de46]{max-width:400px;text-align:left;margin:40px 0}table[data-v-c515de46]{text-align:left;border-spacing:0}th[data-v-c515de46]{top:0;background:#fff;position:sticky;padding:10px 5px}td[data-v-c515de46]{padding:5px}tr[data-v-c515de46]{background:#fff}tr[data-v-c515de46]:nth-child(odd){background:#f8f8f8}thead td[data-v-c515de46]{font-weight:700}html,body{min-height:100vh}body{display:flex;margin:0}*{box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin:auto}label{display:flex;flex-direction:column}input{background:none;border:1px solid gray;padding:10px;text-align:center}.btn{border:none;text-decoration:none;background:#ff8c00;color:#fff;padding:10px;border-radius:2px;font-weight:700;cursor:pointer;transition:background-color .2s}.btn:hover:not(.disabled){background:#cc7000}.btn.disabled{opacity:.5;cursor:not-allowed}.btn.outline{text-align:center;text-decoration:none;color:#2c3e50;border:1.5px solid #c0c8cc;background-color:#fff;padding:.5em 1em;border-radius:.5em}.btn.outline:hover{background-color:#ebf1f4}.btn.btn-link{color:#000;background:none}.btn.btn-link:hover:not(.disabled){background:none}.btn.secondary{background:gray}.btn.secondary:hover:not(.disabled){background:#676767}.input-with-button{display:flex}.input-with-button .btn{border-top-left-radius:0;border-bottom-left-radius:0;z-index:2}:root{--cell-size: 27px}.toggle span span{display:none}.toggle{display:inline-block;position:relative;overflow:visible;padding:0;cursor:pointer;width:78px;background-color:#ebf1f4;border:1px solid #c0c8cc;border-radius:100px;height:34px}.toggle label,.toggle>span{line-height:20px;height:20px;vertical-align:middle}.toggle input:focus~a,.toggle input:focus+label{outline:none}.toggle label{position:relative;z-index:3;display:block;width:100%}.toggle input{position:absolute;opacity:0;z-index:5}.toggle>span{position:absolute;left:0;width:calc(100% - 6px);text-align:left;white-space:nowrap;margin:0 3px}.toggle>span span{position:absolute;left:0;z-index:5;display:block;margin-left:50px;top:-1px;opacity:1;width:40%;text-align:center;line-height:34px;transition:opacity .2s;-webkit-user-select:none;user-select:none}.toggle a{position:absolute;right:50%;z-index:4;display:block;top:3px;bottom:3px;padding:0;left:3px;width:50%;background-color:#fff;border-radius:100px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;box-shadow:0 0 10px #0003}.toggle>span span:first-of-type{opacity:1;left:0;margin:0;width:50%}.toggle>span span:last-of-type{left:auto;right:0;color:#000;opacity:.5;margin:0;width:50%}.toggle>span:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:-2px;border-radius:30px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}.toggle.checked a{left:calc(50% - 3px)}.toggle.checked span span:first-of-type{left:0;opacity:.5}.toggle.checked span span:last-of-type{opacity:1;color:#000}.toggle .cell{width:14px;height:14px;left:12px;top:10px;position:absolute;background:linear-gradient(0deg,#555,#666);border-radius:1px}