.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem}.auth-card{width:100%;max-width:400px;padding:2rem;border:1px solid #e4e7eb;border-radius:12px;background:#fff;box-shadow:0 8px 24px #0f172a14}.auth-card h1{margin:0 0 .5rem;font-size:1.75rem}.auth-subtitle{margin:0 0 1.5rem;color:#52606d}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form label{display:flex;flex-direction:column;gap:.375rem;font-size:.875rem;font-weight:500}.auth-form input{padding:.625rem .75rem;border:1px solid #cbd2d9;border-radius:8px;font:inherit}.auth-form input:focus{outline:2px solid #3b82f6;outline-offset:1px;border-color:#3b82f6}.auth-form button{margin-top:.5rem;padding:.75rem 1rem;border:none;border-radius:8px;background:#1d4ed8;color:#fff;font:inherit;font-weight:600;cursor:pointer}.auth-form button:disabled{opacity:.6;cursor:not-allowed}.auth-error{margin:0;color:#dc2626;font-size:.875rem}.auth-success{margin:0;color:#15803d;font-size:.875rem}.auth-footer{margin:1.5rem 0 0;text-align:center;color:#52606d;font-size:.875rem}.auth-footer a,.auth-success a{color:#1d4ed8}.auth-message{color:#52606d}.app{max-width:1200px;margin:0 auto;padding:2rem 1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1f2937}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.app h1{margin:0;font-size:2.2rem;color:#111827;font-weight:800;letter-spacing:-.025em}.header-actions{display:flex;align-items:center;gap:1rem}.user-email{color:#4b5563;font-weight:500;font-size:.95rem}.sign-out{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.sign-out:hover{background:#f3f4f6;border-color:#9ca3af}.btn-secondary{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af}.start-game-card{max-width:550px;margin:3rem auto;padding:2.5rem;border-radius:16px;background:#fff;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid #e5e7eb;text-align:center}.trophy-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.start-game-card h2{margin:0 0 1rem;font-size:1.8rem;color:#111827;font-weight:800}.start-instructions{color:#4b5563;font-size:1rem;line-height:1.6;margin-bottom:2rem!important}.start-form{text-align:left}.input-group{margin-bottom:1.5rem}.input-group label{display:block;font-weight:700;margin-bottom:.5rem;color:#374151}.input-with-button{display:flex;gap:.5rem}.input-with-button input{flex:1;padding:.75rem 1rem;border:2px solid #d1d5db;border-radius:10px;font-size:1rem;font-weight:500;transition:border-color .2s}.input-with-button input:focus{outline:none;border-color:#10b981}.btn-randomize{padding:.75rem 1.25rem;border:2px solid #3b82f6;border-radius:10px;background:#eff6ff;color:#2563eb;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s}.btn-randomize:hover{background:#dbeafe}.error-message{display:block;color:#dc2626;font-size:.85rem;font-weight:600;margin-top:.5rem}.btn-start{width:100%;padding:1rem;border:none;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:1.2rem;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #10b98166;transition:all .2s;text-align:center}.btn-start:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.squad-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.team-title{margin:0;font-size:2rem;font-weight:800;color:#111827}.squad-subtitle{margin:.25rem 0 0;color:#4b5563;font-weight:500}.squad-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:.75rem;background:#f3f4f6;border-radius:12px}.filter-buttons{display:flex;gap:.35rem;flex-wrap:wrap}.filter-btn{padding:.45rem 1rem;border:none;border-radius:8px;background:transparent;color:#4b5563;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#e5e7eb}.filter-btn.active{background:#111827;color:#fff}.view-toggle{display:flex;background:#e5e7eb;border-radius:8px;padding:.2rem}.toggle-btn{padding:.4rem .8rem;border:none;border-radius:6px;background:transparent;color:#374151;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.toggle-btn.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.player-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem}.player-card{background:#fff;border-radius:14px;border:3px solid #e5e7eb;padding:1rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.player-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a}.player-card.badge-gk{border-color:#f59e0b;background:linear-gradient(135deg,#fef3c7,#fff)}.player-card.badge-def{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#fff)}.player-card.badge-mid{border-color:#10b981;background:linear-gradient(135deg,#d1fae5,#fff)}.player-card.badge-att{border-color:#ef4444;background:linear-gradient(135deg,#fee2e2,#fff)}.card-top{display:flex;justify-content:space-between;width:100%;align-items:center;margin-bottom:.75rem}.card-rating{font-size:1.7rem;font-weight:900;line-height:1;color:#111827}.card-pos{font-weight:800;font-size:.85rem;padding:.2rem .5rem;background:#00000014;border-radius:6px;color:#1f2937}.card-name{font-weight:700;font-size:.95rem;text-align:center;margin-bottom:.75rem;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.card-stats{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:.25rem;margin-bottom:.75rem;font-size:.75rem;border-top:1px dashed rgba(0,0,0,.1);padding-top:.5rem}.card-stats .stat{display:flex;justify-content:space-between;font-weight:600;color:#4b5563}.card-stats .stat span:last-child{font-weight:800;color:#111827}.card-price{font-weight:800;font-size:.85rem;color:#047857;background:#10b9811a;padding:.25rem .6rem;border-radius:20px}.table-wrapper{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow-x:auto;box-shadow:0 4px 6px -1px #0000000d}.player-table{width:100%;border-collapse:collapse;text-align:left}.player-table th{background:#f9fafb;padding:.85rem 1rem;font-size:.8rem;font-weight:700;text-transform:uppercase;color:#6b7280;border-bottom:1px solid #e5e7eb}.player-table td{padding:.85rem 1rem;font-size:.95rem;color:#374151;border-bottom:1px solid #f3f4f6}.table-row-clickable{cursor:pointer;transition:background .15s}.table-row-clickable:hover{background:#f9fafb}.pos-badge{font-weight:800;font-size:.75rem;padding:.15rem .45rem;border-radius:4px;color:#111827}.pos-badge.badge-gk{background:#fef3c7;color:#d97706}.pos-badge.badge-def{background:#dbeafe;color:#2563eb}.pos-badge.badge-mid{background:#d1fae5;color:#059669}.pos-badge.badge-att{background:#fee2e2;color:#dc2626}.text-skill{color:#111827;font-size:1.05rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;overflow:hidden;position:relative;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000026;animation:modal-open .25s ease-out}@keyframes modal-open{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-close{position:absolute;top:.75rem;right:.75rem;background:#00000026;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;cursor:pointer;z-index:10;transition:background .2s}.modal-close:hover{background:#0000004d}.modal-header-banner{padding:1.5rem;color:#111827;display:flex;align-items:center;gap:1.25rem}.modal-header-banner.badge-gk{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.modal-header-banner.badge-def{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.modal-header-banner.badge-mid{background:linear-gradient(135deg,#10b981,#34d399)}.modal-header-banner.badge-att{background:linear-gradient(135deg,#ef4444,#f87171)}.modal-header-banner h3{margin:0;font-size:1.6rem;font-weight:800}.modal-header-banner p{margin:.2rem 0 0;font-size:.95rem;font-weight:600;opacity:.9}.modal-rating-large{font-size:2.5rem;font-weight:900;background:#ffffff40;padding:.5rem .75rem;border-radius:12px;min-width:70px;text-align:center;box-shadow:inset 0 2px 4px #0000000f}.modal-body{padding:1.5rem}.modal-value-box{display:flex;justify-content:space-between;align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:.75rem 1rem;margin-bottom:1.5rem}.modal-value-box span{font-weight:600;color:#166534}.modal-value-box strong{font-size:1.2rem;font-weight:800;color:#15803d}.stats-section-title{margin:0 0 1rem;font-size:1.1rem;color:#374151;font-weight:700}.attributes-grid{display:grid;grid-template-columns:1fr;gap:.75rem;max-height:280px;overflow-y:auto;padding-right:.5rem}.attributes-grid::-webkit-scrollbar{width:6px}.attributes-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.attributes-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.attr-item{display:flex;flex-direction:column;gap:.25rem}.attr-label{font-size:.85rem;font-weight:600;color:#4b5563}.attr-bar-wrapper{display:flex;align-items:center;gap:.75rem}.attr-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;position:relative;overflow:hidden}.attr-bar:after{content:"";display:block;height:100%;width:100%;background:#3b82f6;transform-origin:left}.attr-bar,.attr-bar-gk{display:block;flex:1;background:#e5e7eb;height:10px;border-radius:5px;overflow:hidden}.attr-bar{background:linear-gradient(to right,#60a5fa,#3b82f6)}.attr-bar-gk{background:linear-gradient(to right,#fbbf24,#f59e0b)}.attr-value{font-size:.85rem;font-weight:800;color:#111827;width:25px;text-align:right}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}