:root{--dark-green: #588317;--light-green: #75b11c;--board-light: #f0d9b5;--board-dark: #b58863}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--light-green);color:#eee;overflow:hidden}.auth-container[data-v-42b9efa0]{max-width:350px;width:100%;padding:2.5rem;border-radius:16px;background-color:#fff;box-shadow:0 10px 25px #0000001a;text-align:center}h2[data-v-42b9efa0]{margin-top:0;margin-bottom:1.5rem;color:#333;font-size:1.8rem}.form-group[data-v-42b9efa0]{margin-bottom:1.2rem;text-align:left}label[data-v-42b9efa0]{display:block;margin-bottom:.5rem;font-weight:600;color:#555;font-size:.9rem}input[data-v-42b9efa0]{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s;box-sizing:border-box}input[data-v-42b9efa0]:focus{outline:none;border-color:#588317}button[type=submit][data-v-42b9efa0]{width:100%;padding:.8rem;background-color:#588317;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s,transform .1s;margin-top:.5rem}button[type=submit][data-v-42b9efa0]:hover{background-color:#4a6e13}button[type=submit][data-v-42b9efa0]:active{transform:scale(.98)}.toggle-text[data-v-42b9efa0]{margin-top:1.5rem;font-size:.9rem;color:#666}.link-btn[data-v-42b9efa0]{background:none;border:none;color:#588317;font-weight:700;cursor:pointer;padding:0;margin-left:5px;font-size:.9rem}.link-btn[data-v-42b9efa0]:hover{text-decoration:underline}.message[data-v-42b9efa0]{margin-top:1rem;padding:.5rem;border-radius:4px;background-color:#ffebee;color:#c62828;font-size:.9rem}.light[data-v-871df203]{background-color:var(--board-light)}.dark[data-v-871df203]{background-color:var(--board-dark)}.board-container[data-v-871df203]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.board-row[data-v-871df203]{display:flex;align-items:center;justify-content:center;gap:4px}.board[data-v-871df203]{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:0;width:min(72vmin,60vh,680px);aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;box-shadow:0 8px 18px #10182814}.square[data-v-871df203]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.piece[data-v-871df203]{width:75%;height:75%;border-radius:50%;box-shadow:0 4px 6px #0006,inset -3px -3px 5px #0003,inset 3px 3px 5px #ffffff4d;transition:transform .2s}.piece[data-v-871df203]:hover{transform:scale(1.05);cursor:pointer}.piece.captured[data-v-871df203]{transform:none;cursor:default}.piece.white[data-v-871df203]{background-color:#f0f0f0;border:2px solid #ccc}.piece.white.captured[data-v-871df203]{opacity:.5}.piece.red[data-v-871df203]{background-color:#800020;border:2px solid #500014}.piece.red.captured[data-v-871df203]{opacity:.4}.piece.dame[data-v-871df203]{box-shadow:0 0 10px 3px gold,0 4px 6px #0006,inset -3px -3px 5px #0003,inset 3px 3px 5px #ffffff4d}.board-labels.top[data-v-871df203],.board-labels.bottom[data-v-871df203]{display:grid;grid-template-columns:repeat(8,1fr);width:min(72vmin,60vh,680px);text-align:center;font-weight:600;color:#ddd;font-size:.9rem;margin:5px 0}.board-labels.left[data-v-871df203],.board-labels.right[data-v-871df203]{display:grid;grid-template-rows:repeat(8,1fr);height:min(72vmin,60vh,680px);align-items:center;justify-items:center;font-weight:600;color:#ddd;font-size:.9rem;margin:0 10px}.board-labels span[data-v-871df203]{-webkit-user-select:none;user-select:none}.controls-card[data-v-bb47b2dd]{width:100%;padding:1.5rem;border-radius:12px;background-color:#fff;box-shadow:0 8px 20px #0000001a;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.input-group[data-v-bb47b2dd]{display:flex;gap:10px;width:100%}@media(max-width:600px){.controls-card[data-v-bb47b2dd]{padding:1rem;margin-top:10px}.input-group[data-v-bb47b2dd]{flex-direction:column}button[data-v-bb47b2dd]{width:100%}}input[data-v-bb47b2dd]{flex:1;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s;box-sizing:border-box}input[data-v-bb47b2dd]:focus{outline:none;border-color:#588317}input.error[data-v-bb47b2dd]{border-color:#c62828}button[data-v-bb47b2dd]{padding:.75rem 1.5rem;background-color:#588317;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s,transform .1s;white-space:nowrap}button[data-v-bb47b2dd]:disabled{background-color:#a5a5a5;cursor:not-allowed}button[data-v-bb47b2dd]:disabled:hover{background-color:#c62828}button[data-v-bb47b2dd]:hover{background-color:#4a6e13}button[data-v-bb47b2dd]:active{transform:scale(.98)}.ranking-card[data-v-6766f73f]{width:100%;max-width:600px;padding:2rem;border-radius:12px;background-color:#fff;box-shadow:0 10px 25px #0000001a;text-align:center}h2[data-v-6766f73f]{margin-top:0;margin-bottom:1.5rem;color:#333}.status[data-v-6766f73f]{padding:1rem;color:#666}.error[data-v-6766f73f]{color:#c62828}.ranking-table[data-v-6766f73f]{width:100%;border-collapse:collapse}.ranking-table th[data-v-6766f73f],.ranking-table td[data-v-6766f73f]{padding:12px;border-bottom:1px solid #eee;text-align:left}.ranking-table th[data-v-6766f73f]{background-color:#f8f9fa;color:#555;font-weight:600}.ranking-table tr:last-child td[data-v-6766f73f]{border-bottom:none}.rank-col[data-v-6766f73f]{width:50px;font-weight:700;color:#588317}.player-col[data-v-6766f73f]{font-weight:500}.wins-col[data-v-6766f73f]{text-align:right;font-weight:700}.empty-msg[data-v-6766f73f]{text-align:center;color:#999;font-style:italic}.lobby-card[data-v-fe74a464]{width:100%;max-width:600px;padding:2rem;border-radius:12px;background-color:#fff;box-shadow:0 10px 25px #0000001a}.header[data-v-fe74a464]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}h2[data-v-fe74a464]{margin:0;color:#333}.refresh-btn[data-v-fe74a464]{background:none;border:1px solid #ccc;padding:5px 10px;border-radius:4px;cursor:pointer;color:#555;font-size:.9rem}.refresh-btn[data-v-fe74a464]:hover{background-color:#f0f0f0}.status[data-v-fe74a464]{padding:1rem;text-align:center;color:#666}.error[data-v-fe74a464]{color:#c62828}.lobby-table[data-v-fe74a464]{width:100%;border-collapse:collapse}.lobby-table th[data-v-fe74a464],.lobby-table td[data-v-fe74a464]{padding:12px;border-bottom:1px solid #eee;text-align:left}.lobby-table th[data-v-fe74a464]{background-color:#f8f9fa;color:#555;font-weight:600}.lobby-table tr:last-child td[data-v-fe74a464]{border-bottom:none}.id-col[data-v-fe74a464]{width:80px;color:#888;font-family:monospace}.player-col[data-v-fe74a464]{font-weight:700;color:#333}.action-col[data-v-fe74a464]{text-align:right;width:100px}.join-btn[data-v-fe74a464]{background-color:#588317;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s}.join-btn[data-v-fe74a464]:hover{background-color:#4a6e13}.empty-msg[data-v-fe74a464]{text-align:center;color:#999;font-style:italic;padding:2rem 0}.my-games-card[data-v-918a1502]{width:100%;max-width:800px;padding:2rem;border-radius:12px;background-color:#fff;box-shadow:0 10px 25px #0000001a;box-sizing:border-box;min-width:0}@media(max-width:600px){.my-games-card[data-v-918a1502]{padding:1rem}}.header[data-v-918a1502]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}h2[data-v-918a1502]{margin:0;color:#333}.refresh-btn[data-v-918a1502]{background:none;border:1px solid #ccc;padding:5px 10px;border-radius:4px;cursor:pointer;color:#555;font-size:.9rem}.refresh-btn[data-v-918a1502]:hover{background-color:#f0f0f0}.status[data-v-918a1502]{padding:1rem;text-align:center;color:#666}.error[data-v-918a1502]{color:#c62828}.table-wrapper[data-v-918a1502]{overflow-x:auto;-webkit-overflow-scrolling:touch}.games-table[data-v-918a1502]{width:100%;border-collapse:collapse;min-width:600px}.games-table th[data-v-918a1502],.games-table td[data-v-918a1502]{padding:12px;border-bottom:1px solid #eee;text-align:left}.games-table th[data-v-918a1502]{background-color:#f8f9fa;color:#555;font-weight:600}.games-table tr:last-child td[data-v-918a1502]{border-bottom:none}.my-turn-row[data-v-918a1502]{background-color:#e8f5e9}.my-turn-row[data-v-918a1502]:hover{background-color:#c8e6c9}.turn-badge[data-v-918a1502]{display:inline-block;background-color:#ff8000;color:#fff;font-size:.7em;padding:2px 6px;border-radius:10px;vertical-align:middle;font-weight:800;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.id-col[data-v-918a1502]{width:60px;color:#888;font-family:monospace}.opponent-col[data-v-918a1502]{font-weight:500;color:#333}.color-col[data-v-918a1502]{text-transform:capitalize}.color-col span[data-v-918a1502]{display:inline-block;padding:4px 10px;border-radius:5px;margin:auto}.color-col.Biały span[data-v-918a1502]{color:var(--board-dark);font-weight:700;background-color:var(--board-light)}.color-col.Czarny span[data-v-918a1502]{color:var(--board-light);font-weight:700;background-color:var(--board-dark)}.status-col[data-v-918a1502]{color:#666}.result-col[data-v-918a1502]{color:#888}.action-col[data-v-918a1502]{text-align:right;width:120px}.rejoin-btn[data-v-918a1502]{background-color:#588317;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s;font-size:.85rem}.rejoin-btn[data-v-918a1502]:hover{background-color:#4a6e13}.empty-msg[data-v-918a1502]{text-align:center;color:#999;font-style:italic;padding:2rem 0}.page-root[data-v-6cf593f2]{height:100vh;display:flex;flex-direction:column;overflow:hidden}.center-wrapper[data-v-6cf593f2]{flex:1;height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;gap:24px;overflow:hidden;min-height:0}.sidebar[data-v-6cf593f2]{width:220px;height:calc(100vh - 80px);background:var(--dark-green);border-radius:12px;box-shadow:0 8px 20px #1018280f;padding:18px;color:#fff;overflow-y:auto;display:flex;flex-direction:column;flex-shrink:0;transition:all .3s ease}.mobile-header[data-v-6cf593f2]{display:none;justify-content:space-between;align-items:center;width:100%}.menu-toggle[data-v-6cf593f2]{display:none;background:none;border:none;cursor:pointer;padding:5px;flex-direction:column;gap:4px}.bar[data-v-6cf593f2]{display:block;width:25px;height:3px;background-color:#fff;border-radius:2px}.sidebar nav[data-v-6cf593f2]{display:flex;flex-direction:column;height:100%;width:100%}.sidebar h1.desktop-title[data-v-6cf593f2]{margin-top:0;text-align:center;margin-bottom:2rem;font-size:1.5rem}.sidebar h1[data-v-6cf593f2]{margin:0}.sidebar nav ul[data-v-6cf593f2]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.sidebar nav a[data-v-6cf593f2]{display:block;color:#eee;text-decoration:none;font-weight:600;font-size:1.05rem;padding:12px 16px;border-radius:8px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.sidebar nav a[data-v-6cf593f2]:hover,.sidebar nav a.active[data-v-6cf593f2]{background-color:#ffffff26;color:#fff;transform:translate(4px);text-decoration:none}.create-game[data-v-6cf593f2]{background-color:var(--board-dark);color:#fff!important}.logout-btn[data-v-6cf593f2]{margin-top:auto;margin-bottom:10px;color:#fcc!important}.logout-btn[data-v-6cf593f2]:hover{background-color:#ff000026!important;color:#f88!important}.user-info[data-v-6cf593f2]{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2);font-size:.9rem}.content[data-v-6cf593f2]{flex:1;max-width:1144px;height:calc(100vh - 104px);background:var(--dark-green);border-radius:12px;box-shadow:0 12px 30px #1018280f;padding:30px;display:flex;flex-direction:column;align-items:center;overflow-y:auto;transition:all .3s ease}.auth-wrapper[data-v-6cf593f2]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.main-title[data-v-6cf593f2]{font-size:3rem;color:#fff;text-shadow:0 4px 6px rgba(0,0,0,.2);margin:0;font-weight:800;letter-spacing:1px}.game-area[data-v-6cf593f2]{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.view-placeholder h2[data-v-6cf593f2]{font-size:2rem;margin-bottom:1rem}.view-container[data-v-6cf593f2]{width:100%;display:flex;justify-content:center}.game-container[data-v-6cf593f2]{display:flex;gap:20px;width:100%;justify-content:center;align-items:center;flex-direction:column;position:relative}.game-error-overlay[data-v-6cf593f2]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000a6;display:flex;justify-content:center;align-items:flex-start;padding-top:20%;z-index:999;border-radius:8px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.game-error-box[data-v-6cf593f2]{background:#fff;padding:24px;border-radius:12px;text-align:center;box-shadow:0 10px 25px #00000080;max-width:90%;width:400px;animation:slideIn-6cf593f2 .3s ease-out}@keyframes slideIn-6cf593f2{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.game-error-box p[data-v-6cf593f2]{color:#d32f2f;font-weight:600;margin-bottom:24px;font-size:1.1rem}.game-error-buttons[data-v-6cf593f2]{display:flex;gap:12px;justify-content:center}.game-error-buttons button[data-v-6cf593f2]{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.95rem;transition:background-color .2s}.game-error-buttons button[data-v-6cf593f2]:first-child{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.game-error-buttons button[data-v-6cf593f2]:first-child:hover{background-color:#e0e0e0}.game-error-buttons .danger-btn[data-v-6cf593f2]{background-color:#d32f2f;color:#fff}.game-error-buttons .danger-btn[data-v-6cf593f2]:hover{background-color:#b71c1c}.controls-wrapper[data-v-6cf593f2]{width:min(72vmin,60vh,680px)}@media(max-width:800px){.center-wrapper[data-v-6cf593f2]{flex-direction:column;padding:10px;gap:10px}.sidebar[data-v-6cf593f2]{width:100%;height:auto;min-height:60px;padding:10px 20px;overflow:hidden}.mobile-header[data-v-6cf593f2],.menu-toggle[data-v-6cf593f2]{display:flex}.desktop-title[data-v-6cf593f2]{display:none}.sidebar nav[data-v-6cf593f2]{display:none;margin-top:1rem;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.sidebar.menu-open nav[data-v-6cf593f2]{display:flex}.sidebar.menu-open[data-v-6cf593f2]{height:auto}.content[data-v-6cf593f2]{width:100%;height:auto;flex:1;padding:15px}.page-root[data-v-6cf593f2]{overflow-y:auto}.center-wrapper[data-v-6cf593f2]{height:auto;min-height:100vh}}