nav[data-v-6ef86591]{z-index:5;position:absolute;width:150px;top:30%;left:0;background-color:#ff07;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;align-items:left}ul[data-v-6ef86591]{padding:20px;margin:0}li[data-v-6ef86591]{padding:0;margin:0;font-size:14px}.router-link-active[data-v-6ef86591]{font-weight:700;color:#42b983}p[data-v-6ef86591]{font-size:12px;color:#fff;text-align:center}#game-container[data-v-fc816fd2]{width:100%}.button-container[data-v-c47723ec]{display:flex;gap:10px}.button[data-v-c47723ec]{padding:10px 20px;cursor:pointer}#phaserContainer[data-v-c47723ec]{width:100%}.spritePosition[data-v-c47723ec]{margin-top:20px}body[data-v-36afb283]{color:#fff}[data-v-773c9e8f]{box-sizing:border-box;margin:0;padding:0}.container[data-v-773c9e8f]{position:relative}.background-image[data-v-773c9e8f]{width:auto;height:80vh}.overlay[data-v-773c9e8f]{position:absolute;width:50%;height:50%;background-color:#fff0;transition:background-color .3s ease}.overlay[data-v-773c9e8f]:hover{background-color:#0006}.top-left[data-v-773c9e8f]{top:0;left:0}.top-right[data-v-773c9e8f]{top:0;right:0}.bottom-left[data-v-773c9e8f]{bottom:0;left:0}.bottom-right[data-v-773c9e8f]{bottom:0;right:0}#image[data-v-9ecedec9]{width:1080px;margin-top:10%;height:80vh;overflow:hidden;position:relative}.image-container[data-v-9ecedec9]{width:150%;height:200%;background-image:url(../assets/village.png);background-repeat:no-repeat;background-size:contain;position:absolute}.currentComponent[data-v-569d084e]{margin-top:10%}button[data-v-569d084e]{color:#fff;padding:30px;background-color:red;position:absolute;right:2%;top:30%}.button-wrapper[data-v-2239b0ac]{display:flex;flex-direction:column;gap:10px}button[data-v-2239b0ac]{background-color:#363;color:#fff;border:none;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;border-radius:5px}body[data-v-733d674e],body[data-v-8a67f9eb]{color:#fff}nav[data-v-baee9231]{position:absolute;top:2%;left:10%;width:80%}ul[data-v-baee9231]{display:table;padding:0;margin:0;list-style-type:none;width:100%;table-layout:fixed;text-align:center}li[data-v-baee9231]{padding:2%}ul li[data-v-baee9231]{display:table-cell;text-align:center;cursor:pointer}.active[data-v-baee9231]{color:#88f;border-bottom:.3% solid #00f}.loading-container[data-v-ad369252]{position:relative;display:inline-block;width:100%;height:auto}.loading-image[data-v-ad369252]{width:100%;height:auto;display:block;margin:0 auto}.loading-text[data-v-ad369252]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5em;color:#fff;font-weight:700;text-align:center}#create[data-v-a155ad16]{font-size:2em;float:left;list-style:none;border:1px solid #fff;padding:50% 500%}#char-menu[data-v-a155ad16]{position:absolute;right:25%;top:50%}table[data-v-221ef730]{display:table;table-layout:fixed;border-collapse:collapse;margin:auto;text-align:center;height:100%;width:50%}td[data-v-221ef730]{border:1px solid #fff;height:100px}.image-container[data-v-221ef730]{text-align:center}.image-wrapper[data-v-221ef730]{position:relative;display:inline-block;width:20%}#imgdc[data-v-221ef730]{display:block;width:100%}.overlay-text[data-v-221ef730]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#0f0;padding:5px 10px;border-radius:5px;white-space:nowrap;pointer-events:none}