*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:#0f0f1a;color:#ecf0f1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}#app{min-height:100vh}.home[data-v-7670de8c]{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;gap:24px}.logo[data-v-7670de8c]{text-align:center}.logo h1[data-v-7670de8c]{font-size:40px;color:#f1c40f;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.subtitle[data-v-7670de8c]{color:#95a5a6;margin:4px 0 0;font-size:16px}.menu[data-v-7670de8c]{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}.menu-btn[data-v-7670de8c]{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#1a1a2e;border:2px solid #2c3e50;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.menu-btn[data-v-7670de8c]:hover{border-color:#f1c40f;transform:translate(4px)}.menu-btn[data-v-7670de8c]:active{transform:scale(.98)}.menu-btn.primary[data-v-7670de8c]{background:linear-gradient(135deg,#8e44ad,#9b59b6);border-color:#8e44ad}.menu-btn.primary[data-v-7670de8c]:hover{border-color:#a569bd}.menu-btn.continue[data-v-7670de8c]{background:linear-gradient(135deg,#27ae60,#229954);border-color:#27ae60}.menu-btn.continue[data-v-7670de8c]:hover{border-color:#2ecc71}.menu-btn.online[data-v-7670de8c]{background:linear-gradient(135deg,#2980b9,#3498db);border-color:#2980b9}.menu-btn.online[data-v-7670de8c]:hover:not(:disabled){border-color:#5dade2}.menu-btn.online[data-v-7670de8c]:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-icon[data-v-7670de8c]{font-size:24px;width:32px;text-align:center;flex-shrink:0}.btn-text[data-v-7670de8c]{display:flex;flex-direction:column;min-width:0}.btn-title[data-v-7670de8c]{color:#ecf0f1;font-size:15px;font-weight:700}.btn-desc[data-v-7670de8c]{color:#ecf0f1b3;font-size:11px}.difficulty-select[data-v-7670de8c]{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:320px}.difficulty-select h2[data-v-7670de8c]{color:#ecf0f1;margin:0;font-size:20px}.difficulty-options[data-v-7670de8c]{display:flex;flex-direction:column;gap:10px;width:100%}.difficulty-btn[data-v-7670de8c]{display:flex;flex-direction:column;padding:14px 16px;background:#1a1a2e;border:2px solid #2c3e50;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.difficulty-btn[data-v-7670de8c]:hover{transform:translate(4px)}.difficulty-btn[data-v-7670de8c]:active{transform:scale(.98)}.difficulty-btn.easy[data-v-7670de8c]{border-left:4px solid #27ae60}.difficulty-btn.easy[data-v-7670de8c]:hover{border-color:#27ae60}.difficulty-btn.medium[data-v-7670de8c]{border-left:4px solid #f39c12}.difficulty-btn.medium[data-v-7670de8c]:hover{border-color:#f39c12}.difficulty-btn.hard[data-v-7670de8c]{border-left:4px solid #e74c3c}.difficulty-btn.hard[data-v-7670de8c]:hover{border-color:#e74c3c}.diff-name[data-v-7670de8c]{color:#ecf0f1;font-size:16px;font-weight:700;margin-bottom:2px}.diff-desc[data-v-7670de8c]{color:#95a5a6;font-size:12px}.back-link[data-v-7670de8c]{background:transparent;border:none;color:#7f8c8d;font-size:14px;cursor:pointer;padding:8px 16px;transition:color .2s ease}.back-link[data-v-7670de8c]:hover{color:#ecf0f1}.board-select[data-v-7670de8c]{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:320px}.board-select h2[data-v-7670de8c]{color:#ecf0f1;margin:0;font-size:20px}.board-options[data-v-7670de8c]{display:flex;flex-direction:column;gap:10px;width:100%}.board-btn[data-v-7670de8c]{display:flex;flex-direction:column;padding:14px 16px;background:#1a1a2e;border:2px solid #2c3e50;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.board-btn[data-v-7670de8c]:hover{border-color:#3498db;transform:translate(4px)}.board-btn.active[data-v-7670de8c]{border-color:#f1c40f;background:#f1c40f1a}.board-btn[data-v-7670de8c]:active{transform:scale(.98)}.board-name[data-v-7670de8c]{color:#ecf0f1;font-size:16px;font-weight:700;margin-bottom:2px}.board-desc[data-v-7670de8c]{color:#95a5a6;font-size:12px}.board-actions[data-v-7670de8c]{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}.start-btn[data-v-7670de8c]{padding:12px 24px;background:linear-gradient(135deg,#27ae60,#229954);border:2px solid #27ae60;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s ease}.start-btn[data-v-7670de8c]:hover{border-color:#2ecc71;transform:translate(4px)}.start-btn[data-v-7670de8c]:active{transform:scale(.98)}.online-section[data-v-7670de8c]{margin-top:16px;padding-top:16px;border-top:1px solid #2c3e50;width:100%}.section-title[data-v-7670de8c]{color:#7f8c8d;font-size:12px;font-weight:400;margin:0 0 12px;text-transform:uppercase;letter-spacing:1px}.server-input-group[data-v-7670de8c]{display:flex;gap:8px;margin-bottom:8px}.server-input[data-v-7670de8c]{flex:1;padding:10px 12px;background:#1a1a2e;border:1px solid #2c3e50;border-radius:8px;color:#ecf0f1;font-size:14px}.server-input[data-v-7670de8c]:focus{outline:none;border-color:#3498db}.server-input[data-v-7670de8c]:disabled{background:#0f0f1a;color:#7f8c8d}.check-btn[data-v-7670de8c]{padding:10px 16px;background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;transition:background .2s ease;white-space:nowrap}.check-btn[data-v-7670de8c]:hover:not(:disabled){background:#2980b9}.check-btn[data-v-7670de8c]:disabled{opacity:.5;cursor:not-allowed}.disconnect-btn[data-v-7670de8c]{width:40px;padding:0;background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;transition:background .2s ease}.disconnect-btn[data-v-7670de8c]:hover{background:#c0392b}.server-status[data-v-7670de8c]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:13px;margin-bottom:12px}.server-status.connected[data-v-7670de8c]{background:#27ae6026;color:#27ae60}.server-status.error[data-v-7670de8c]{background:#e74c3c26;color:#e74c3c}.status-icon[data-v-7670de8c]{font-size:14px}.name-input-group[data-v-7670de8c]{margin-bottom:12px}.name-input[data-v-7670de8c]{width:100%;padding:10px 12px;background:#1a1a2e;border:1px solid #2c3e50;border-radius:8px;color:#ecf0f1;font-size:14px;box-sizing:border-box}.name-input[data-v-7670de8c]:focus{outline:none;border-color:#3498db}.name-error[data-v-7670de8c]{display:block;color:#e74c3c;font-size:12px;margin-top:4px}.auto-restore[data-v-7670de8c]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;color:#95a5a6;font-size:14px}.loading-spinner[data-v-7670de8c]{width:32px;height:32px;border:3px solid #2c3e50;border-top-color:#3498db;border-radius:50%;animation:spin-7670de8c 1s linear infinite}@keyframes spin-7670de8c{to{transform:rotate(360deg)}}.rules[data-v-7670de8c]{max-width:340px;background:#1a1a2e;padding:16px;border-radius:12px}.rules h3[data-v-7670de8c]{color:#ecf0f1;margin:0 0 10px;font-size:14px}.rules ul[data-v-7670de8c]{margin:0;padding-left:18px;color:#95a5a6;font-size:12px;line-height:1.5}.rules li[data-v-7670de8c]{margin-bottom:3px}@media(max-width:380px){.logo h1[data-v-7670de8c]{font-size:32px}.rules[data-v-7670de8c]{padding:12px}.rules ul[data-v-7670de8c]{font-size:11px}}