.base[data-v-93872a27]{height:30px;outline:none;border:solid 1px lightgray;border-radius:6px;background-color:#fff;cursor:pointer;transition:.2s}.enabled[data-v-93872a27]:hover{box-shadow:0 1px 4px #d3d3d3}.enabled[data-v-93872a27]:active{box-shadow:0 0 #d3d3d3}.disabled[data-v-93872a27]{background-color:#d3d3d3;border-radius:4px;cursor:default}.invisible-disabled[data-v-93872a27]{cursor:default}.my-checkbox-container[data-v-8f73f141]{position:relative;height:20px;display:flex;flex-direction:row;gap:8px}input[data-v-8f73f141]{width:20px;border-radius:8px}.label[data-v-8f73f141]{font-size:14px}.my-input-container[data-v-6fa659cc]{position:relative;height:30px}input[data-v-6fa659cc]{height:100%;width:100%;padding:4px;border:solid 1px lightgray;font-size:14px;border-radius:8px;outline:none}.error[data-v-6fa659cc]{border:solid 1px var(--error-color)}span[data-v-6fa659cc]{position:absolute;top:0;left:8px;transform:translateY(-50%);padding:0 2px;background-color:#fff;border-radius:4px;font-size:12px;line-height:13px;pointer-events:none}.my-modal-background[data-v-9c51cfee]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#d3d3d333;display:flex;justify-content:center;align-items:center}.container[data-v-9c51cfee]{min-width:100px;padding:8px;background-color:#fff;border-radius:16px;box-shadow:2px 2px 10px #d3d3d3;display:flex;flex-direction:column}.header[data-v-9c51cfee]{width:100%;height:30px;padding-left:8px;border-bottom:1px solid lightgray;display:flex;flex-direction:row;justify-content:space-between}.header span[data-v-9c51cfee]{font-size:18px;font-weight:600}.header div[data-v-9c51cfee]{width:30px;height:30px;cursor:pointer;display:flex;justify-content:center;align-items:center}.content[data-v-9c51cfee]{position:relative;flex-grow:1;display:flex;flex-direction:column}.step-container[data-v-fd9112c1]{--size: 30px;width:var(--size);aspect-ratio:1;display:flex;justify-content:center;align-items:center;border-radius:50%}.tip-container[data-v-5b66dd50]{position:relative;width:30px;height:30px}.tooltip[data-v-5b66dd50]{position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:999;background-color:#fff;box-shadow:0 0 16px #d3d3d3;border-radius:8px}.unit-container[data-v-8d45faab]{--size: 30px;width:var(--size);aspect-ratio:1;display:flex;justify-content:center;align-items:center;border-radius:50%}.modal-content[data-v-9d10cfbb]{display:flex;flex-direction:column;justify-content:center;align-items:center}.direction-grid-container[data-v-183275bb]{position:relative;width:150px;aspect-ratio:1;display:flex;justify-content:center;align-items:center}.cell[data-v-183275bb]{--x-offset: 0;--y-offset: 0;--side: calc(100% / 3);--border: 1px solid lightgray;position:absolute;transform:translate(calc(100% * var(--x-offset)),calc(100% * var(--y-offset)));width:var(--side);height:var(--side);border:none}input.cell[data-v-183275bb]{text-align:center;outline:none;font-size:12px}.cell[data-v-183275bb]:nth-child(4n+2){border-left:var(--border);border-right:var(--border)}.cell[data-v-183275bb]:nth-child(4n+4){border-top:var(--border);border-bottom:var(--border)}.cell.center[data-v-183275bb]{border:var(--border);display:flex;justify-content:center;align-items:center}.input.cell[data-v-183275bb]:active{border-width:1px;border-color:gray;border-style:solid}.move-settings-container[data-v-c4a8d565]{width:100%;display:flex;flex-direction:column;gap:16px}.units-group[data-v-c4a8d565]{width:100%;display:flex;flex-direction:column}.side-title[data-v-c4a8d565]{font-weight:500}.symmetry-row[data-v-c4a8d565]{margin-top:8px;display:flex;flex-direction:row;align-items:center;gap:8px}.symmetry-button[data-v-c4a8d565]{max-width:180px}.tip[data-v-c4a8d565]{width:200px;padding:8px}.directions-group[data-v-c4a8d565]{width:100%;padding:8px 0;display:flex;flex-direction:row;align-items:center;gap:16px}.directions-group[data-v-c4a8d565]:nth-child(even){border-bottom:1px solid lightgray}.player-card[data-v-c8bb5f1f]{position:relative;width:120px;height:50px;display:flex;justify-content:center;align-items:center}.icon[data-v-c8bb5f1f]{position:absolute;left:0%;transform:translate(-105%);width:24px;height:24px;min-width:24px;min-height:24px}.you-mark[data-v-c8bb5f1f]{position:absolute;top:0;right:0;transform:translate(40%,-15%);padding:2px 6px;background-color:#4caf50;color:#fff;border-radius:50%}.room-control[data-v-2cf9429d]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:8px;display:flex;flex-direction:row;border-radius:16px;background-color:#fff;box-shadow:0 0 32px #787878}.control-button[data-v-2cf9429d]{width:40px;height:40px;padding:0;display:flex;justify-content:center;align-items:center}.start-button[data-v-2cf9429d]{margin-left:8px}.active-cell-container[data-v-81626a50]{--x-pos: 0;--y-pos: 0;position:absolute;left:calc(var(--side) * var(--x-pos));top:calc(var(--side) * var(--y-pos));width:var(--side);height:var(--side);display:flex;justify-content:center;align-items:center;transition:all .2s;cursor:pointer}.unavailable[data-v-81626a50]{cursor:not-allowed;opacity:.8}.game-table[data-v-418ff606]{position:relative;--columns-count: 1;--side: calc(100% / var(--columns-count));width:100%;min-width:calc(30px * var(--columns-count));max-width:calc(50px * var(--columns-count));aspect-ratio:1;display:grid;grid-template-columns:repeat(var(--columns-count),var(--side));grid-auto-rows:var(--side)}.light-cell[data-v-418ff606]{background-color:#f8f8f8}.dark-cell[data-v-418ff606]{background-color:#ccc}.lock-overlay[data-v-418ff606]{position:absolute;top:0;right:0;bottom:0;left:0}.selected-room-form[data-v-62541d20]{display:flex;flex-direction:column}.password-input[data-v-62541d20],.join-button[data-v-62541d20]{margin-top:8px}.create-room[data-v-eee45dd1]{overflow-x:hidden}.wrapper[data-v-eee45dd1]{width:100%;max-width:400px;padding:16px;display:flex;flex-direction:column;gap:16px}#game-room[data-v-00740b9d]{display:flex;flex-direction:column;align-items:center}.room-header[data-v-00740b9d]{width:100%;max-width:360px;padding:0 8px;display:flex;flex-direction:row;justify-content:space-between}.room-title[data-v-00740b9d]{font-weight:500}.room-content[data-v-00740b9d]{width:100%;display:flex;flex-direction:column;align-items:center}.modal-leave-button[data-v-00740b9d]{margin-top:8px}#play-button[data-v-bc1e454e]{margin-left:8px}.list-container[data-v-c69a150f]{width:100%;max-width:400px;height:100%}.control-panel[data-v-c69a150f]{width:100%;height:30px;padding:0 8px;display:flex;flex-direction:row;justify-content:flex-end;gap:8px}.page-label[data-v-c69a150f]{font-weight:600;margin-right:auto}.table[data-v-c69a150f]{width:100%;display:table;empty-cells:show;border-radius:16px}.colgroup[data-v-c69a150f]{display:table-column-group}.col[data-v-c69a150f]{display:table-column}.thead[data-v-c69a150f]{display:table-header-group}.tbody[data-v-c69a150f]{display:table-row-group}.row[data-v-c69a150f]{display:table-row}.th[data-v-c69a150f]{display:table-cell;font-weight:500;padding:8px}.td[data-v-c69a150f]{display:table-cell;padding:4px 8px;font-size:14px;text-overflow:ellipsis}.thead .row .th[data-v-c69a150f]{border-bottom:solid 1px lightgray}.tbody .row[data-v-c69a150f]:hover{cursor:pointer;background-color:#f1f1f1}@media (max-width: 290px){.page-label[data-v-c69a150f]{display:none}}header[data-v-e652c516]{width:100%;height:50px;padding:0 8px;border-bottom:solid 1px lightgray;display:flex;flex-direction:row;align-items:center;gap:8px;justify-content:flex-end}header span[data-v-e652c516]{margin-right:8px}#router-wrapper[data-v-e652c516]{flex-grow:1}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}:root{--error-color: #f44336}body{width:100vw;height:100vh;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;scrollbar-width:none}body::-webkit-scrollbar{display:none}#app{width:100%;height:100%;display:flex;flex-direction:column}main{width:100%;height:100%;padding-top:16px;display:flex;align-items:center;justify-content:center}.single-line-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}