.mc-server-page[data-v-02839e2e]{width:100%;height:100vh;background-image:url(../img/GameBackgroud.3176ddb3.png);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;align-items:center;padding:0;box-sizing:border-box}.title[data-v-02839e2e]{font-size:24px;margin-top:5px;text-shadow:2px 2px 4px rgba(0,0,0,.7);text-align:center}.server-container[data-v-02839e2e]{width:100%;display:flex;justify-content:center;margin-top:60px;height:calc(100vh - 300px)}.server-list[data-v-02839e2e]{width:80%;max-width:800px;background-color:rgba(0,0,0,.8);border:1px solid #444;padding:0;overflow-y:auto;overflow-x:hidden;height:100%;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#666 #333}.server-list[data-v-02839e2e]::-webkit-scrollbar{width:8px}.server-list[data-v-02839e2e]::-webkit-scrollbar-track{background:#333}.server-list[data-v-02839e2e]::-webkit-scrollbar-thumb{background:#666;border-radius:4px}.server-list[data-v-02839e2e]::-webkit-scrollbar-thumb:hover{background:#888}.server-entry[data-v-02839e2e]{display:flex;align-items:center;padding:10px;border-bottom:1px solid #444;cursor:pointer;height:70px}.server-entry[data-v-02839e2e]:last-child{border-bottom:none}.server-entry.selected[data-v-02839e2e]{background-color:hsla(0,0%,100%,.1)}.server-icon[data-v-02839e2e]{width:64px;height:64px;margin-right:15px;overflow:hidden}.server-icon img[data-v-02839e2e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.server-info[data-v-02839e2e]{flex:1;display:flex;flex-direction:column;justify-content:center}.server-name[data-v-02839e2e]{font-size:18px;margin-bottom:5px;color:#ff5;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.server-status-container[data-v-02839e2e]{display:flex;align-items:center}.server-status[data-v-02839e2e]{font-size:14px;color:#aaa;margin-right:10px;cursor:help}.status-text[data-v-02839e2e]{color:#5f5}.player-count[data-v-02839e2e]{color:#55f}.player-text[data-v-02839e2e]{color:#aaa}.ping-indicator[data-v-02839e2e]{display:flex;align-items:center;cursor:help}.signal-bar[data-v-02839e2e]{width:12px;height:12px;border-radius:50%}.signal-excellent[data-v-02839e2e]{background-color:#43b581}.signal-good[data-v-02839e2e]{background-color:#faa61a}.signal-fair[data-v-02839e2e]{background-color:#f04747}.signal-poor[data-v-02839e2e]{background-color:#747f8d}.button-container[data-v-02839e2e]{margin-top:200px;padding-bottom:0;width:100%;display:flex;flex-direction:column;align-items:center;position:absolute;bottom:0}.button-row[data-v-02839e2e]{display:flex;justify-content:center;margin-bottom:8px;width:80%;max-width:800px}.mc-button[data-v-02839e2e]{background-color:rgba(60,60,60,.8);border:2px solid #333;color:#fff;padding:8px 16px;margin:0 4px;cursor:pointer;font-size:16px;min-width:140px;transition:background-color .2s}.mc-button[data-v-02839e2e]:hover{background-color:rgba(80,80,80,.8)}.error-container[data-v-02839e2e],.loading-container[data-v-02839e2e]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;width:100%}.loading-spinner[data-v-02839e2e]{width:40px;height:40px;border:4px solid hsla(0,0%,100%,.2);border-radius:50%;border-top-color:#ff5;-webkit-animation:spin-data-v-02839e2e 1s linear infinite;animation:spin-data-v-02839e2e 1s linear infinite}@-webkit-keyframes spin-data-v-02839e2e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-data-v-02839e2e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-text[data-v-02839e2e],.loading-text[data-v-02839e2e]{color:#aaa;margin-top:16px;font-size:16px}.error-text[data-v-02839e2e]{color:#f04747}.retry-button[data-v-02839e2e]{margin-top:16px;background-color:#4d4d4d}body{margin:0;padding:0;overflow:hidden}#app{width:100%;height:100vh}