:root{--color-black: #1A1A1A;--color-red: #DC2F3E;--color-white: #FFFFFF;--color-gray: #F5F5F5;--color-gray-dark: #333333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;min-height:100vh;background:var(--color-white);color:var(--color-black);overflow-x:hidden}html{overflow-x:hidden;scroll-behavior:smooth}#app{width:100%;max-width:100vw;min-height:100vh}.main-nav{position:sticky;top:0;z-index:1000;background:var(--color-black);box-shadow:0 2px 10px #0003}.nav-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem}.nav-logo{display:flex;align-items:center;gap:1rem}.nav-logo img{height:50px;width:auto}.nav-logo-text h2{color:var(--color-white);font-size:1.2rem;font-weight:700}.nav-logo-text p{color:var(--color-red);font-size:.85rem;font-weight:500}.nav-links{display:flex;gap:2rem;list-style:none}.nav-link{color:var(--color-white);text-decoration:none;font-weight:600;font-size:1rem;padding:.5rem 1rem;transition:all .3s ease;position:relative;cursor:pointer}.nav-link:hover,.nav-link.active{color:var(--color-red)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-red)}.hero-section{background:linear-gradient(135deg,var(--color-black) 0%,var(--color-gray-dark) 100%);color:var(--color-white);padding:6rem 2rem;text-align:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(220,47,62,.03) 50px,rgba(220,47,62,.03) 100px);pointer-events:none}.hero-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.hero-logo{width:200px;height:auto;margin-bottom:2rem;filter:drop-shadow(0 4px 20px rgba(220,47,62,.3))}.hero-section h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem;text-shadow:2px 2px 8px rgba(0,0,0,.5)}.hero-subtitle{font-size:1.3rem;color:var(--color-red);margin-bottom:3rem;font-weight:600}.hero-cta{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.cta-button{position:relative;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;border:none;cursor:pointer;overflow:hidden;transition:all .3s ease;clip-path:polygon(10% 0%,90% 0%,100% 50%,90% 100%,10% 100%,0% 50%)}.cta-button.primary{background:var(--color-red);color:var(--color-white)}.cta-button.primary:hover{background:#B8263 2;transform:translateY(-2px);box-shadow:0 10px 30px #dc2f3e66}.cta-button.secondary{background:var(--color-white);color:var(--color-black)}.cta-button.secondary:hover{background:var(--color-gray);transform:translateY(-2px);box-shadow:0 10px 30px #0003}.button-text{position:relative;z-index:1}section{padding:4rem 2rem;max-width:1400px;margin:0 auto}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:3rem;text-align:center;color:var(--color-black);display:flex;align-items:center;justify-content:center;gap:1rem}.section-title:before,.section-title:after{content:"";width:60px;height:3px;background:var(--color-red)}.hexagon-icon{width:30px;height:30px;background:var(--color-red);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.upcoming-baraz-section{background:linear-gradient(135deg,var(--color-red) 0%,#B82632 100%);color:var(--color-white);padding:4rem 2rem}.upcoming-baraz-section .section-title{color:var(--color-white)}.upcoming-baraz-section .section-title:before,.upcoming-baraz-section .section-title:after{background:var(--color-white)}.upcoming-baraz-section .hexagon-icon{background:var(--color-white)}.baraz-card{max-width:600px;margin:0 auto;background:var(--color-white);border-radius:15px;padding:2rem;box-shadow:0 8px 30px #0000004d;border:3px solid var(--color-white)}.baraz-date{text-align:center;font-size:1.3rem;font-weight:800;color:var(--color-red);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.baraz-teams{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.baraz-info{text-align:center;font-size:1.1rem;font-weight:700;color:var(--color-black);padding:1rem;background:#dc2f3e1a;border-radius:8px;border:2px solid var(--color-red)}.playoff-section{background:var(--color-gray)}.league-table-section{background:var(--color-white)}.table-container{background:var(--color-white);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.league-table{width:100%;border-collapse:collapse}.league-table thead{background:var(--color-black);color:var(--color-white)}.league-table th{padding:1.2rem 1rem;text-align:left;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.league-table td{padding:1rem;border-bottom:1px solid var(--color-gray);font-size:1rem}.league-table tbody tr{transition:background .3s ease}.league-table tbody tr:hover{background:#dc2f3e0d}.league-table tbody tr.our-team{background:#dc2f3e1a;font-weight:700}.league-table tbody tr.our-team:hover{background:#dc2f3e26}.league-table .position{font-weight:800;color:var(--color-red);width:60px}.league-table .team-name{font-weight:600}.league-table .points{color:var(--color-red);font-size:1.2rem}.matches-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.match-card{background:var(--color-white);border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;border:2px solid transparent}.match-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026;border-color:var(--color-red)}.match-card.upcoming{border-left:4px solid var(--color-red)}.match-card.past{border-left:4px solid var(--color-gray-dark)}.match-date{font-size:.9rem;color:var(--color-gray-dark);margin-bottom:1rem;font-weight:600;text-transform:uppercase}.match-teams{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}.team{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.team img{width:50px;height:50px;object-fit:contain}.placeholder-logo{width:50px;height:50px;background:var(--color-gray-dark);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.team span{font-weight:700;font-size:1rem;text-align:center}.vs{font-size:.9rem;font-weight:800;color:var(--color-gray-dark)}.result{font-size:1.8rem;font-weight:800;padding:.5rem 1rem;border-radius:8px}.result.win{background:#22c55e1a;color:#16a34a}.result.loss{background:#ef44441a;color:#dc2626}.match-location{text-align:center;font-size:.9rem;color:var(--color-gray-dark);margin-top:1rem}.match-gallery{display:flex;gap:1rem;margin-top:1rem;justify-content:center}.gallery-btn{padding:.5rem 1rem;background:var(--color-gray);border:1px solid var(--color-gray-dark);border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s ease}.gallery-btn:hover{background:var(--color-red);color:var(--color-white);border-color:var(--color-red)}.media-grid,.sponsors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.media-card,.sponsor-card{background:var(--color-white);border-radius:12px;padding:2rem;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;border-top:4px solid var(--color-red)}.media-card:hover,.sponsor-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.media-source{font-size:.9rem;color:var(--color-red);font-weight:700;margin-bottom:.5rem}.media-card h3{font-size:1.3rem;color:var(--color-black);margin-bottom:.5rem}.media-date{font-size:.85rem;color:var(--color-gray-dark)}.sponsor-placeholder{height:100px;background:var(--color-gray);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--color-gray-dark);border-radius:8px}.recruitment-section{background:linear-gradient(135deg,var(--color-black) 0%,var(--color-gray-dark) 100%);color:var(--color-white)}.recruitment-section .section-title{color:var(--color-white)}.recruitment-section .section-title:before,.recruitment-section .section-title:after{background:var(--color-red)}.recruitment-content{max-width:800px;margin:0 auto;text-align:center}.recruitment-content p{font-size:1.2rem;margin-bottom:2rem;line-height:1.8}.recruitment-benefits{list-style:none;margin-bottom:2rem}.recruitment-benefits li{font-size:1.1rem;margin-bottom:1rem;padding-left:2rem;position:relative}.facebook-link{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--color-white);border-radius:12px;text-decoration:none;color:var(--color-black);margin-bottom:2rem;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.facebook-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.facebook-link img{width:60px;height:60px;border-radius:50%}.facebook-info h3{font-size:1.3rem;margin-bottom:.3rem}.facebook-info p{font-size:.95rem;color:var(--color-gray-dark)}.facebook-posts{padding:2rem;background:var(--color-white);border-radius:12px;box-shadow:0 4px 15px #0000001a}.facebook-placeholder{text-align:center;color:var(--color-gray-dark);font-style:italic}.team-container{padding:2rem;max-width:1400px;margin:0 auto}.team-header{display:flex;align-items:center;gap:2rem;padding:3rem 0;border-bottom:3px solid var(--color-red);margin-bottom:3rem}.team-logo{width:150px;height:auto}.team-header-text h1{font-size:3rem;color:var(--color-black);margin-bottom:.5rem}.team-subtitle{font-size:1.2rem;color:var(--color-red);font-weight:600}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem;padding:2rem 0}.hexagon-card{position:relative;aspect-ratio:2/3;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #0000004d,0 0 0 1px #ffffff1a inset}.hexagon-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--team-primary, #DC2F3E) 85%,transparent),color-mix(in srgb,var(--team-accent, #000000) 75%,transparent));z-index:1;transition:opacity .4s ease}.hexagon-card:hover:before{opacity:.85}.hexagon-card:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 20px 60px color-mix(in srgb,var(--team-primary, #DC2F3E) 40%,transparent),0 0 0 2px var(--team-primary, #DC2F3E) inset}.player-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.player-image img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:brightness(1.1) contrast(1.1)}.hexagon-card[data-player-id="1"] .player-image img{object-fit:cover;object-position:60% 35%;transform:scale(1.8);filter:brightness(1.15) contrast(1.15)}.hexagon-card[data-player-id="9"] .player-image img,.hexagon-card.coach-card[data-player-id="11"] .player-image img{object-fit:cover;object-position:center top}.card-badge{position:absolute;top:1.5rem;left:1.5rem;z-index:10;display:flex;flex-direction:column;align-items:center;gap:.3rem}.card-badge-rating{font-size:3.5rem;font-weight:900;color:gold;line-height:1;text-shadow:3px 3px 0px rgba(0,0,0,.8),-1px -1px 0px rgba(0,0,0,.8),1px -1px 0px rgba(0,0,0,.8),-1px 1px 0px rgba(0,0,0,.8);filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.card-badge-position{font-size:.9rem;font-weight:800;color:gold;text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.player-number{position:absolute;top:1.5rem;right:1.5rem;z-index:10;font-size:2.5rem;font-weight:900;color:#ffffffe6;text-shadow:3px 3px 0px rgba(0,0,0,.8),-1px -1px 0px rgba(0,0,0,.8);filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.player-info{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:2rem 1.5rem 1.5rem;background:linear-gradient(to top,#000000f2,#000000d9 60%,#0000)}.player-name{font-size:1.5rem;font-weight:900;color:var(--color-white);margin-bottom:.3rem;text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px 6px rgba(0,0,0,.9);line-height:1.2}.player-position{font-size:.85rem;font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1rem;text-shadow:1px 1px 3px rgba(0,0,0,.9)}.player-stats-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;background:#00000080;padding:1rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.player-stats-mini .stat{display:flex;flex-direction:column;align-items:center;gap:.3rem}.stat-value{font-size:1.4rem;font-weight:900;color:gold;line-height:1;text-shadow:2px 2px 4px rgba(0,0,0,.9)}.stat-label{font-size:.65rem;font-weight:800;color:#ffffffe6;text-transform:uppercase;letter-spacing:.3px;text-shadow:1px 1px 2px rgba(0,0,0,.9);line-height:1.1}.hexagon-card.coach-card:before{background:linear-gradient(135deg,color-mix(in srgb,var(--team-secondary, #FFD700) 85%,transparent),color-mix(in srgb,var(--team-accent, #000000) 75%,transparent))}.hexagon-card.coach-card:hover{box-shadow:0 20px 60px color-mix(in srgb,var(--team-secondary, #FFD700) 40%,transparent),0 0 0 2px var(--team-secondary, #FFD700) inset}.coach-card .card-badge-rating{font-size:2.5rem;color:gold}.coach-card .player-stats-mini{grid-template-columns:1fr}.coach-card .stat-value{font-size:2rem}.hexagon-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(45deg);z-index:15;opacity:0;transition:opacity .6s ease;pointer-events:none}.hexagon-card:hover:after{opacity:1;animation:shine 1.5s ease-in-out infinite}.modal{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:2000;padding:2rem;animation:fadeIn .3s ease}.modal-content{background:var(--color-white);border-radius:20px;padding:2rem;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:3px solid var(--color-red);box-shadow:0 20px 60px #dc2f3e66;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:var(--color-red);border:none;color:var(--color-white);font-size:1.5rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:50%;line-height:1}.modal-close:hover{background:#b82632;transform:rotate(90deg)}.modal-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:3px solid var(--color-red)}.modal-header h2{font-size:2.5rem;font-weight:800;color:var(--color-black);margin:0 0 .5rem;text-transform:uppercase}.modal-position{font-size:1.1rem;color:var(--color-gray-dark);margin:0;font-weight:600}.season-stats-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--color-gray)}.season-stats-section h3{font-size:1.5rem;font-weight:700;color:var(--color-black);margin-bottom:1rem}.stats-table{overflow-x:auto}.stats-table table{width:100%;border-collapse:collapse;background:var(--color-white)}.stats-table th{background:var(--color-red);color:var(--color-white);padding:.75rem;text-align:left;font-weight:700;text-transform:uppercase;font-size:.85rem}.stats-table td{padding:.75rem;border-bottom:1px solid var(--color-gray);color:var(--color-gray-dark)}.stats-table tbody tr:hover{background:var(--color-gray)}.stats-table .wins{color:#22c55e;font-weight:700}.stats-table .losses{color:#ef4444;font-weight:700}.stats-table .win-rate{color:var(--color-red);font-size:1.1rem}.skills-videos{display:grid;gap:1.5rem}.skill-video-item{background:var(--color-gray);border-radius:12px;padding:1.5rem;border:2px solid var(--color-gray-dark);transition:all .3s ease}.skill-video-item.offensive{border-left:5px solid var(--color-red)}.skill-video-item.defensive{border-left:5px solid var(--color-black)}.skill-video-item.nonsense{border-left:5px solid #FFD700}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.skill-video-title{font-size:1.3rem;font-weight:700;color:var(--color-black)}.skill-success-rate{display:flex;flex-direction:column;align-items:flex-end}.success-percentage{font-size:1.5rem;font-weight:800;color:var(--color-red)}.success-label{font-size:.85rem;color:var(--color-gray-dark);text-transform:uppercase}.animation-box,.video-placeholder{background:var(--color-white);border-radius:8px;overflow:hidden;min-height:200px;display:flex;align-items:center;justify-content:center;position:relative}.animation-box video,.animation-box .skill-video{max-width:100%;max-height:600px;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto}.animation-box .skill-animation-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.animation-box .video-animation{display:flex;align-items:center;justify-content:center;width:100%}.animation-box .skill-image-title{position:static;margin-top:1rem;padding:.5rem 1rem;background:var(--color-black);color:var(--color-red);border-radius:6px;font-size:.9rem;font-weight:700;text-align:center}.animation-box-dual{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.video-placeholder{flex-direction:column;gap:1rem;color:var(--color-gray-dark)}.video-icon{font-size:3rem}.coach-quotes-section{padding:2rem;background:var(--color-gray);border-radius:12px}.coach-quotes-section h3{font-size:1.8rem;color:var(--color-black);margin-bottom:1.5rem;text-align:center}.quote-category h4{font-size:1.3rem;color:var(--color-red);margin-bottom:1rem}.quote-category ul{list-style:none;padding:0}.quote-category li{padding:.8rem;background:var(--color-white);border-left:4px solid var(--color-red);margin-bottom:.5rem;border-radius:4px;font-size:1.1rem;color:var(--color-black)}@media (max-width: 768px){.nav-container{flex-direction:column;gap:1rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.hero-section h1{font-size:2.5rem}.section-title{font-size:2rem}.matches-grid,.media-grid,.sponsors-grid{grid-template-columns:1fr}.team-header{flex-direction:column;text-align:center}.players-grid,.animation-box-dual{grid-template-columns:1fr}}.player-detail-container{max-width:1400px;margin:0 auto;padding:2rem}.back-button{background:var(--color-red);color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;margin-bottom:2rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.back-button:hover{background:#b82632;transform:translate(-5px)}.player-detail-header{display:grid;grid-template-columns:300px 1fr;gap:3rem;margin-bottom:3rem;background:var(--color-gray);border-radius:20px;padding:2rem;border:3px solid var(--color-red)}.player-detail-photo{width:100%;aspect-ratio:2/3;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.player-detail-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}.player-detail-info-wrapper{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:2}.player-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;height:100%;align-items:stretch}.player-stats-column{display:flex;flex-direction:column;gap:1.5rem}.player-header-section{display:flex;align-items:flex-start;gap:1.5rem;justify-content:space-between}.player-rating-badge{background:var(--color-red);color:var(--color-white);font-size:2.5rem;font-weight:900;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px #dc2f3e66;z-index:2;flex-shrink:0}.player-rating-tooltip{cursor:help;transition:transform .2s ease}.player-rating-tooltip:hover{transform:scale(1.05)}.player-rating-tooltip:after{content:attr(data-tooltip);position:absolute;top:100%;right:0;transform:translateY(10px);background:var(--color-black);color:var(--color-white);padding:1rem 1.25rem;border-radius:8px;font-size:.9rem;line-height:1.6;white-space:normal;width:350px;max-width:90vw;text-align:left;opacity:0;visibility:hidden;transition:all .3s ease;z-index:10000;box-shadow:0 10px 30px #0000004d;pointer-events:none;font-weight:400}.player-rating-tooltip:before{content:"";position:absolute;top:100%;right:40px;transform:translateY(-2px);border:8px solid transparent;border-bottom-color:var(--color-black);opacity:0;visibility:hidden;transition:all .3s ease;z-index:10001}.player-rating-tooltip:hover:after,.player-rating-tooltip:hover:before{opacity:1;visibility:visible;transform:translateY(0)}.player-header-section h1{font-size:3rem;font-weight:900;color:var(--color-black);margin:0 0 .5rem;text-transform:uppercase}.player-detail-position{font-size:1.1rem;color:var(--color-gray-dark);margin:0;font-weight:600}.player-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;position:relative;z-index:1;align-content:start}.stat-item{text-align:center;position:relative;z-index:1}.stat-item-tooltip{cursor:help;transition:transform .2s ease}.stat-item-tooltip:hover{transform:translateY(-2px)}.stat-item-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-10px);background:var(--color-black);color:var(--color-white);padding:1rem 1.25rem;border-radius:8px;font-size:.9rem;line-height:1.6;white-space:normal;width:350px;max-width:90vw;text-align:left;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;box-shadow:0 10px 30px #0000004d;pointer-events:none;font-weight:400;text-transform:none}.stat-item-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(2px);border:8px solid transparent;border-top-color:var(--color-black);opacity:0;visibility:hidden;transition:all .3s ease;z-index:1001}.stat-item-tooltip:hover:after,.stat-item-tooltip:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.stat-value{display:block;font-size:2rem;font-weight:900;color:var(--color-red);margin-bottom:.25rem}.stat-name{display:block;font-size:.85rem;color:var(--color-gray-dark);text-transform:uppercase;font-weight:600}.player-extra-info{background:var(--color-white);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;height:100%;align-content:start}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-label{font-size:.9rem;font-weight:700;color:var(--color-gray-dark)}.info-value{font-size:1.2rem;font-weight:700;color:var(--color-black)}.discipline-success-rates{display:flex;gap:1.5rem;flex-wrap:wrap}.discipline-stat{font-size:1.1rem;font-weight:700;color:var(--color-red);background:var(--color-gray);padding:.5rem 1rem;border-radius:8px}.player-section{margin-bottom:3rem}.player-section h2{font-size:2rem;font-weight:800;color:var(--color-black);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:3px solid var(--color-red)}.stats-table-wrapper{overflow-x:auto;background:var(--color-white);border-radius:12px;box-shadow:0 5px 20px #0000001a}.player-stats-table{width:100%;border-collapse:collapse}.player-stats-table thead{background:var(--color-red);color:var(--color-white)}.player-stats-table th{padding:1rem;text-align:left;font-weight:700;text-transform:uppercase;font-size:.9rem}.player-stats-table td{padding:1rem;border-bottom:1px solid var(--color-gray)}.player-stats-table tbody tr:hover{background:var(--color-gray)}.player-stats-table tbody tr:last-child td{border-bottom:none}.stat-wins{color:#22c55e;font-weight:700}.stat-losses{color:#ef4444;font-weight:700}.stat-winrate{color:var(--color-red);font-size:1.2rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.skill-detail-card{background:var(--color-gray);border-radius:12px;padding:1.5rem;border:2px solid var(--color-gray-dark);transition:all .3s ease}.skill-detail-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.skill-detail-card.offensive{border-left:5px solid var(--color-red)}.skill-detail-card.defensive{border-left:5px solid var(--color-black)}.skill-detail-card.nonsense{border-left:5px solid #FFD700}.skill-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.skill-detail-header h3{font-size:1.2rem;font-weight:700;color:var(--color-black);margin:0;flex:1}.rate-number{font-size:1.8rem;font-weight:900;color:var(--color-red);line-height:1}.rate-label{font-size:.75rem;color:var(--color-gray-dark);text-transform:uppercase;font-weight:600}.skill-video-placeholder{background:var(--color-white);border-radius:8px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--color-gray-dark)}.skill-video-placeholder .video-icon{font-size:3rem}.skill-video-placeholder p{margin:0;font-weight:600}.coach-quotes-section{background:var(--color-gray);border-radius:20px;padding:2rem;margin-top:2rem}.coach-quotes-section h2{font-size:2rem;font-weight:800;color:var(--color-black);margin-bottom:1.5rem}.quote-category{margin-bottom:2rem}.quote-category:last-child{margin-bottom:0}.quote-category h3{font-size:1.3rem;font-weight:700;color:var(--color-red);margin-bottom:1rem}.quote-category ul{list-style:none;padding:0;margin:0}.quote-category li{background:var(--color-white);padding:1rem;margin-bottom:.5rem;border-radius:8px;font-style:italic;color:var(--color-gray-dark)}.quote-category li:last-child{margin-bottom:0}.season-stats-block{background:var(--color-gray);border-radius:12px;padding:2rem;margin-bottom:2rem;border:2px solid var(--color-red)}.season-title{font-size:1.5rem;font-weight:700;color:var(--color-black);margin:0 0 1.5rem}.stats-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.stat-box{background:var(--color-white);border-radius:8px;padding:1.5rem;text-align:center;border:2px solid transparent}.stat-box.total{border-color:var(--color-red)}.stat-box.wins{border-color:#22c55e}.stat-box.losses{border-color:#ef4444}.stat-label{display:block;font-size:.9rem;color:var(--color-gray-dark);text-transform:uppercase;font-weight:600;margin-bottom:.5rem}.stat-number{display:block;font-size:2.5rem;font-weight:900;color:var(--color-black);margin-bottom:.25rem}.stat-desc{display:block;font-size:.85rem;color:var(--color-gray-dark)}.stat-winrate{display:block;font-size:1.5rem;font-weight:900;color:var(--color-red);margin-top:.5rem}.disciplines-stats h4{font-size:1.2rem;font-weight:700;color:var(--color-black);margin-bottom:1rem}.disciplines-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.discipline-card{background:var(--color-white);border-radius:8px;padding:1rem;display:flex;flex-direction:column;align-items:center;border:2px solid var(--color-gray)}.discipline-name{font-size:1rem;font-weight:700;color:var(--color-black);margin-bottom:.5rem}.discipline-matches{font-size:.85rem;color:var(--color-gray-dark);margin-bottom:.5rem}.discipline-winrate{font-size:1.5rem;font-weight:900;color:var(--color-red)}.section-header-with-link{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header-with-link h2{margin:0;padding:0;border:none}.simulation-link{background:var(--color-red);color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.simulation-link:hover{background:#b82632;transform:translate(5px)}.skills-main-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:3px solid var(--color-gray)}.skill-main-tab{background:none;border:none;padding:1rem 2rem;font-size:1.2rem;font-weight:700;color:var(--color-gray-dark);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-3px;transition:all .3s ease}.skill-main-tab:hover{color:var(--color-red)}.skill-main-tab.active{color:var(--color-red);border-bottom-color:var(--color-red)}.skill-main-content{display:none}.skill-main-content.active{display:block}.skill-category-title{font-size:1.5rem;font-weight:700;color:var(--color-black);margin:2rem 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-gray)}.skill-category-title:first-child{margin-top:0}@media (max-width: 768px){.player-detail-header{grid-template-columns:1fr;gap:2rem}.player-detail-photo{max-width:300px;margin:0 auto}.player-header-section{flex-direction:column;align-items:center;gap:1rem}.player-header-section h1{font-size:2rem;text-align:center}.player-detail-position{text-align:center}.player-rating-tooltip:after{right:auto;left:50%;transform:translate(-50%) translateY(10px);width:280px}.player-rating-tooltip:before{right:auto;left:50%;transform:translate(-50%) translateY(-2px)}.player-rating-tooltip:hover:after{transform:translate(-50%) translateY(0)}.player-rating-tooltip:hover:before{transform:translate(-50%) translateY(0)}.player-rating-tooltip:active:after,.player-rating-tooltip:active:before{opacity:1;visibility:visible}.player-rating-tooltip:active:after{transform:translate(-50%) translateY(0)}.player-rating-tooltip:active:before{transform:translate(-50%) translateY(0)}.player-content-grid{grid-template-columns:1fr;gap:1.5rem}.player-detail-stats{grid-template-columns:repeat(2,1fr)}.discipline-success-rates{gap:1rem}.discipline-stat{font-size:1rem;padding:.4rem .8rem}.stat-item-tooltip:after{width:280px;font-size:.85rem;padding:.875rem 1rem}.stat-item-tooltip:active:after,.stat-item-tooltip:active:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.skills-grid,.stats-overview,.disciplines-grid{grid-template-columns:1fr}.section-header-with-link{flex-direction:column;align-items:flex-start;gap:1rem}.simulation-link{width:100%}.skills-main-tabs{flex-direction:column;gap:0}.skill-main-tab{border-bottom:2px solid var(--color-gray);border-left:3px solid transparent;margin-bottom:0;margin-left:-3px;padding:.75rem 1rem}.skill-main-tab.active{border-left-color:var(--color-red);border-bottom-color:var(--color-gray)}.skill-category-title{font-size:1.2rem}}.skill-clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative}.skill-clickable:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea4d}.skill-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease-out;overflow-y:auto}.skill-modal-content{background:#0f1419;border:1px solid #30363d;border-radius:8px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0009;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.skill-modal-header{background:linear-gradient(135deg,#1f2937,#111827);border-bottom:1px solid #30363d;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.skill-modal-header h2{margin:0;color:#f0f6fc;font-size:1.4rem;font-weight:600}.skill-modal-close{background:transparent;border:none;color:#8b949e;font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.skill-modal-close:hover{background:#f851491a;color:#f85149}.skill-modal-body{padding:1.5rem}.skill-detail-section{margin-bottom:1.25rem;padding:1rem;background:#1e1e1e80;border-radius:6px;border-left:3px solid #58a6ff}.skill-detail-section:last-child{margin-bottom:0}.skill-detail-section h3{margin:0 0 .75rem;color:#58a6ff;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.skill-detail-section p{margin:0;color:#c9d1d9;line-height:1.6;font-size:.95rem}.skill-detail-section p strong{color:#ffa657;font-weight:600}.skill-detail-hint{margin-top:.5rem!important;font-size:.85rem;color:#8b949e;font-style:italic}.priority-section{border-left-color:#ffa657}.priority-section h3{color:#ffa657}.effect-section{border-left-color:#a371f7;background:#a371f70d}.effect-section h3{color:#a371f7}.skill-modal-content::-webkit-scrollbar{width:10px}.skill-modal-content::-webkit-scrollbar-track{background:#161b22;border-radius:5px}.skill-modal-content::-webkit-scrollbar-thumb{background:#30363d;border-radius:5px}.skill-modal-content::-webkit-scrollbar-thumb:hover{background:#484f58}.skill-animation-large{border-left-color:#f0f6fc!important;background:#1e1e1ecc!important;padding:0!important;overflow:hidden}.animation-box-large{width:100%;height:auto;min-height:300px;max-height:500px;display:flex;align-items:center;justify-content:center;background:#000;border-radius:6px;overflow:hidden}.animation-box-large video,.animation-box-large canvas,.animation-box-large img{width:100%;height:100%;object-fit:contain}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.simulation-mode-container{min-height:100vh;background:linear-gradient(135deg,var(--color-gray) 0%,var(--color-white) 100%);display:flex;align-items:center;justify-content:center;padding:2rem}.mode-selection-wrapper{max-width:1200px;width:100%}.league-selector-top{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.league-selector-btn{padding:.75rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.league-btn-red{background:var(--color-red);color:var(--color-white)}.league-btn-red:hover{background:#c91f27;transform:scale(1.05)}.league-btn-black{background:var(--color-black);color:var(--color-white)}.league-btn-black:hover{background:#333;transform:scale(1.05)}.mode-title{font-size:3rem;font-weight:700;color:var(--color-black);text-align:center;margin-bottom:3rem}.mode-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.mode-card{background:var(--color-white);border-radius:16px;padding:2.5rem;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.mode-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.mode-icon{font-size:4rem;margin-bottom:1rem}.mode-card h2{font-size:2rem;font-weight:700;color:var(--color-black);margin-bottom:.5rem}.mode-card>p{font-size:1.1rem;color:var(--color-gray-dark);margin-bottom:1rem}.mode-description{font-size:1rem;color:var(--color-gray-dark);line-height:1.6;margin-bottom:2rem;min-height:60px}.opponent-selection{width:100%;margin:1.5rem 0}.opponent-selection label{display:block;font-size:1.1rem;font-weight:600;color:var(--color-black);margin-bottom:.75rem;text-align:left}.opponent-dropdown{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--color-gray);border-radius:8px;background:var(--color-white);color:var(--color-black);cursor:pointer;transition:all .3s ease}.opponent-dropdown:hover{border-color:var(--color-red)}.opponent-dropdown:focus{outline:none;border-color:var(--color-red);box-shadow:0 0 0 3px #ed1c241a}.mode-button{padding:1rem 2.5rem;font-size:1.2rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-top:auto;width:100%}.training-button{background:var(--color-red);color:var(--color-white)}.training-button:hover{background:#c91f27;transform:scale(1.05)}.league-button{background:var(--color-red);color:var(--color-white)}.league-button:hover:not(:disabled){background:#c91f27;transform:scale(1.05)}.league-button:disabled{background:var(--color-gray);color:var(--color-gray-dark);cursor:not-allowed;opacity:.6}.extraliga-button{background:var(--color-red);color:var(--color-white)}.extraliga-button:hover:not(:disabled){background:#c91f27;transform:scale(1.05)}.extraliga-button:disabled{background:var(--color-gray);color:var(--color-gray-dark);cursor:not-allowed;opacity:.6}.training-mode{border:3px solid transparent}.training-mode:hover{border-color:var(--color-red)}.league-mode{border:3px solid transparent}.league-mode:hover{border-color:var(--color-red)}.extraliga-mode{border:3px solid transparent}.extraliga-mode:hover{border-color:var(--color-red)}.teams-logos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:2rem;padding:0 2rem}.team-logo-card{background:var(--color-white);border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center}.team-logo-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.team-logo-img{width:100%;height:auto;max-width:150px;object-fit:contain;margin-bottom:1rem}.team-logo-name{font-size:1.1rem;font-weight:600;color:var(--color-black);margin:0}@media (max-width: 768px){.mode-cards{grid-template-columns:1fr}.mode-title{font-size:2rem}.mode-card h2{font-size:1.5rem}.mode-icon{font-size:3rem}.teams-logos-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 1rem}}@media (max-width: 1024px){.teams-logos-grid{grid-template-columns:repeat(3,1fr)}}.league-match-setup{min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);padding:2rem}.match-info-header{text-align:center;margin-bottom:2rem;background:var(--color-white);padding:2rem;border-radius:16px;box-shadow:0 4px 20px #0000004d;border-top:4px solid var(--color-red)}.match-info-header h1{font-size:2.5rem;color:var(--color-black);margin-bottom:.5rem;font-weight:800;text-transform:uppercase}.match-type{font-size:1.3rem;color:var(--color-red);font-weight:700}.discipline-selection{margin:1.5rem 0;text-align:center}.discipline-selection label{display:block;font-size:1.2rem;font-weight:700;color:var(--color-black);margin-bottom:.75rem}.discipline-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.discipline-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:700;background:#fff;border:2px solid var(--color-red);color:var(--color-red);border-radius:8px;cursor:pointer;transition:all .3s ease}.discipline-btn:hover{background:#dc2f3e1a;transform:translateY(-2px)}.discipline-btn.active{background:var(--color-red);color:#fff}.teams-setup{display:flex;flex-direction:column;gap:3rem;margin-bottom:2rem}.team-setup{background:var(--color-white);border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000004d}.team-setup h2{font-size:2rem;color:var(--color-black);margin-bottom:1.5rem;text-align:center;padding-bottom:1rem;border-bottom:3px solid var(--color-red);font-weight:800;text-transform:uppercase}.lineup-bench-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.lineup-section,.bench-section,.available-section{margin-bottom:0}.lineup-players.drag-over,.bench-players.drag-over{border-color:var(--color-red)!important;background:#dc2f3e0d!important}.lineup-section h3,.bench-section h3,.available-section h3{font-size:1.3rem;color:var(--color-black);margin-bottom:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.lineup-players{display:flex;flex-wrap:wrap;gap:2.5rem;min-height:300px;justify-content:flex-start;border:2px dashed transparent;border-radius:12px;padding:1rem;transition:all .3s ease}.bench-players{display:flex;flex-wrap:nowrap;gap:2.5rem;min-height:300px;justify-content:flex-start;border:2px dashed transparent;border-radius:12px;padding:1rem;transition:all .3s ease;overflow-x:auto}.lineup-players>.setup-hexagon-card,.bench-players>.setup-hexagon-card{width:192px!important;height:288px!important;min-width:192px;max-width:192px;flex:0 0 auto}.available-section{width:100%;margin-bottom:0;overflow:visible}.available-players{display:grid;grid-template-columns:repeat(auto-fill,140px);gap:2.5rem;justify-content:center;width:100%;padding:0;margin:0;min-height:60px}.available-players>.setup-hexagon-card{width:140px!important;height:210px!important;min-width:140px!important;min-height:210px!important;max-width:140px!important;max-height:210px!important;flex-shrink:0;box-sizing:border-box;transform:scale(1);position:relative;z-index:1}.available-players>.setup-hexagon-card:hover{width:192px!important;height:288px!important;z-index:100;transform:scale(1)}.available-players .setup-card-badge{top:.65rem;left:.65rem}.available-players .setup-card-badge-rating{font-size:1.5rem}.available-players .setup-player-number{top:.65rem;right:.65rem;font-size:1.1rem}.available-players .setup-player-info{padding:.9rem .65rem .65rem}.available-players .setup-player-name{font-size:.65rem;margin-bottom:.12rem;color:#fff!important}.available-players .setup-player-position{font-size:.37rem;margin-bottom:.45rem}.available-players .setup-player-stats-mini{gap:.35rem;padding:.45rem;border-radius:5.2px}.available-players .setup-stat-value{font-size:.61rem}.available-players .setup-stat-label{font-size:.28rem}.setup-hexagon-card{position:relative;width:192px;height:288px;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 18px #0000004d,0 0 0 1px #ffffff1a inset}.setup-hexagon-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#dc2f3ed9,#1a1a1abf,#000000e6);z-index:1;transition:opacity .4s ease}.setup-hexagon-card.opponent-card:before{background:linear-gradient(135deg,#0066ccd9,#003366bf,#000000e6)}.setup-hexagon-card:hover:before{opacity:.85}.setup-hexagon-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 36px #dc2f3e66,0 0 0 1px var(--color-red) inset}.setup-hexagon-card.opponent-card:hover{box-shadow:0 12px 36px #06c6,0 0 0 1px #06c inset}.setup-player-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.setup-player-image img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:brightness(1.1) contrast(1.1)}.setup-card-badge{position:absolute;top:.9rem;left:.9rem;z-index:10;display:flex;flex-direction:column;align-items:center;gap:.18rem}.setup-card-badge-rating{font-size:2.1rem;font-weight:900;color:gold;line-height:1;text-shadow:1.8px 1.8px 0px rgba(0,0,0,.8),-.6px -.6px 0px rgba(0,0,0,.8),.6px -.6px 0px rgba(0,0,0,.8),-.6px .6px 0px rgba(0,0,0,.8);filter:drop-shadow(0 2.4px 6px rgba(0,0,0,.5))}.setup-player-number{position:absolute;top:.9rem;right:.9rem;z-index:10;font-size:1.5rem;font-weight:900;color:#ffffffe6;text-shadow:1.8px 1.8px 0px rgba(0,0,0,.8),-.6px -.6px 0px rgba(0,0,0,.8);filter:drop-shadow(0 2.4px 6px rgba(0,0,0,.5))}.setup-player-info{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:1.2rem .9rem .9rem;background:linear-gradient(to top,#000000f2,#000000d9 60%,#0000)}.setup-player-name{font-size:.9rem!important;font-weight:900!important;color:#fff!important;margin-bottom:.18rem!important;text-transform:uppercase!important;letter-spacing:.6px!important;text-shadow:1.2px 1.2px 3.6px rgba(0,0,0,.9)!important;line-height:1.2!important}.setup-player-position{font-size:.51rem;font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:.9px;margin-bottom:.6rem;text-shadow:.6px .6px 1.8px rgba(0,0,0,.9)}.setup-player-stats-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:.48rem;background:#00000080;padding:.6rem;border-radius:7.2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.setup-stat{display:flex;flex-direction:column;align-items:center;gap:.18rem}.setup-stat-value{font-size:.84rem;font-weight:900;color:gold;line-height:1;text-shadow:1.2px 1.2px 2.4px rgba(0,0,0,.9)}.setup-stat-label{font-size:.39rem;font-weight:800;color:#ffffffe6;text-transform:uppercase;letter-spacing:.18px;text-shadow:.6px .6px 1.2px rgba(0,0,0,.9);line-height:1.1;text-align:center}.setup-status-badge{display:none!important}.setup-hexagon-card.available:hover{transform:translateY(-12px) scale(1.03)}.setup-hexagon-card.available:hover:before{opacity:.75}.setup-hexagon-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:rotate(45deg);z-index:15;opacity:0;transition:opacity .6s ease;pointer-events:none}.setup-hexagon-card:hover:after{opacity:1;animation:shine 1.5s ease-in-out infinite}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.setup-hexagon-card.grayed-out{cursor:not-allowed;pointer-events:none;filter:brightness(.3)}.setup-hexagon-card.grayed-out:before{background:linear-gradient(135deg,#000000f2,#141414e6,#000000f2)!important}.setup-hexagon-card.grayed-out:hover{transform:none;box-shadow:0 6px 18px #0000004d}.setup-hexagon-card.grayed-out:after{display:none}.coach-mode-selection{background:var(--color-white);padding:2rem;border-radius:16px;box-shadow:0 4px 20px #0000004d;margin-bottom:2rem}.coach-mode-selection h2{font-size:2rem;color:var(--color-black);margin-bottom:1.5rem;text-align:center;font-weight:800;text-transform:uppercase}.coach-mode-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.coach-mode-btn{flex:1;min-width:200px;max-width:300px;padding:2rem 1.5rem;background:#fff;border:3px solid #E5E5E5;border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:center}.coach-mode-btn:hover{border-color:var(--color-red);background:#dc2f3e0d;transform:translateY(-4px);box-shadow:0 8px 24px #dc2f3e33}.coach-mode-btn.active{border-color:var(--color-red);background:linear-gradient(135deg,var(--color-red) 0%,#B82632 100%);box-shadow:0 8px 30px #dc2f3e66}.coach-mode-btn .coach-mode-icon{font-size:3rem;margin-bottom:1rem;filter:grayscale(100%);opacity:.6;transition:all .3s ease}.coach-mode-btn.active .coach-mode-icon{filter:grayscale(0%);opacity:1}.coach-mode-btn h3{font-size:1.4rem;font-weight:800;color:var(--color-black);margin-bottom:.5rem;text-transform:uppercase;transition:all .3s ease}.coach-mode-btn.active h3{color:#fff}.coach-mode-btn p{font-size:1rem;font-weight:600;color:var(--color-gray-dark);margin:0;transition:all .3s ease}.coach-mode-btn.active p{color:#ffffffe6}.setup-actions{text-align:center;background:var(--color-white);padding:2rem;border-radius:16px;box-shadow:0 4px 20px #0000004d;border-bottom:4px solid var(--color-red)}.confirm-lineup-btn{padding:1.5rem 4rem;font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,var(--color-red) 0%,#B82632 100%);color:var(--color-white);border:none;border-radius:16px;cursor:pointer;transition:all .4s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 30px #dc2f3e66}.confirm-lineup-btn:hover:not(:disabled){background:linear-gradient(135deg,#b82632,#a01f2a);transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #dc2f3e99}.confirm-lineup-btn:disabled{background:var(--color-gray);color:var(--color-gray-dark);cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}@media (max-width: 1200px){.teams-setup{grid-template-columns:1fr}}@media (max-width: 768px){.league-match-setup{padding:1rem}.match-info-header h1{font-size:1.8rem}.match-type{font-size:1.1rem}.team-setup{padding:1.5rem}.coach-mode-buttons{flex-direction:column}.coach-mode-btn{max-width:100%}.confirm-lineup-btn{padding:1.25rem 2.5rem;font-size:1.2rem}}.skill-selection-modal{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}.skill-selection-content{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:24px;max-width:1600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #000c;border:3px solid var(--color-red)}.skill-selection-header{background:var(--color-white);padding:2rem 3rem;border-bottom:4px solid var(--color-red);border-radius:24px 24px 0 0;text-align:center}.skill-selection-header h2{font-size:2.5rem;font-weight:900;color:var(--color-black);margin:0 0 .5rem;text-transform:uppercase}.skill-selection-instructions{font-size:1.1rem;color:var(--color-gray-dark);margin:0;font-weight:600}.players-skill-selection{padding:2rem 3rem}.player-skill-section{margin-bottom:4rem;background:#ffffff08;border-radius:20px;padding:2rem;border:2px solid rgba(255,255,255,.1)}.player-skill-section:last-child{margin-bottom:0}.player-skill-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:3px solid var(--color-red)}.player-skill-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:4px solid var(--color-red);box-shadow:0 4px 12px #dc2f3e66}.player-skill-header h3{font-size:2rem;font-weight:900;color:#fff;margin:0;text-transform:uppercase}.skill-category{margin-bottom:2.5rem}.skill-category:last-child{margin-bottom:0}.skill-category h4{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 1.25rem;text-transform:uppercase;letter-spacing:.5px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.skill-card-selectable{position:relative;cursor:pointer;display:block}.skill-card-selectable input{position:absolute;opacity:0;pointer-events:none}.skill-card-content{background:var(--color-white);border-radius:12px;overflow:hidden;transition:all .3s ease;border:3px solid transparent;box-shadow:0 4px 12px #0000004d}.skill-card-selectable.offensive:not(.ultimate) .skill-card-content{border-left:5px solid var(--color-red)}.skill-card-selectable.defensive:not(.ultimate) .skill-card-content{border-left:5px solid #000000}.skill-card-selectable.ultimate .skill-card-content{border-left:5px solid #FFD700!important}.skill-card-selectable:hover .skill-card-content{transform:translateY(-4px);box-shadow:0 8px 20px #0006;border-color:#ffffff4d}.skill-card-selectable input:checked+.skill-card-content{border-color:var(--color-red);box-shadow:0 0 0 3px var(--color-red),0 8px 24px #dc2f3e80;background:linear-gradient(135deg,#fff,#ffe5e7)}.skill-card-header{padding:1rem 1.25rem;background:var(--color-gray);display:flex;justify-content:space-between;align-items:center;gap:.75rem}.skill-card-header h5{font-size:1rem;font-weight:800;color:var(--color-black);margin:0;flex:1;line-height:1.2}.skill-rate{display:flex;flex-direction:column;align-items:flex-end}.rate-number{font-size:1.4rem;font-weight:900;color:var(--color-red);line-height:1}.animation-box-small{background:var(--color-white);min-height:140px;display:flex;align-items:center;justify-content:center;overflow:hidden}.animation-box-small svg{max-width:100%;height:auto}.skill-video-placeholder-small{background:var(--color-gray);min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--color-gray-dark)}.skill-video-placeholder-small .video-icon{font-size:2.5rem;opacity:.5}.skill-card-checkmark{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;background:var(--color-red);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:900;opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #dc2f3e66;z-index:10}.skill-card-selectable input:checked~.skill-card-checkmark{opacity:1;transform:scale(1)}.player-skill-status{margin-top:1.5rem;padding:1rem 1.5rem;background:#ffc10733;border-left:4px solid #FFC107;border-radius:8px;font-size:1rem;font-weight:700;color:#ffc107;text-align:center;transition:all .3s ease}.player-skill-status.valid{background:#22c55e33;border-left-color:#22c55e;color:#22c55e}.skill-selection-actions{display:flex;gap:1.5rem;justify-content:center;padding:2rem 3rem;background:#0000004d;border-top:2px solid rgba(255,255,255,.1);border-radius:0 0 24px 24px}.skill-selection-cancel,.skill-selection-confirm{padding:1.25rem 3rem;font-size:1.2rem;font-weight:800;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;border:none}.skill-selection-cancel{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3)}.skill-selection-cancel:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.skill-selection-confirm{background:linear-gradient(135deg,var(--color-red) 0%,#B82632 100%);color:#fff;box-shadow:0 4px 20px #dc2f3e66}.skill-selection-confirm:hover:not(:disabled){background:linear-gradient(135deg,#b82632,#a01f2a);transform:translateY(-2px);box-shadow:0 6px 28px #dc2f3e99}.skill-selection-confirm:disabled{background:var(--color-gray);color:var(--color-gray-dark);cursor:not-allowed;opacity:.6;box-shadow:none}@media (max-width: 768px){.skill-selection-modal{padding:1rem}.skill-selection-content{max-height:95vh}.skill-selection-header{padding:1.5rem}.skill-selection-header h2{font-size:1.8rem}.skill-selection-instructions{font-size:.95rem}.players-skill-selection{padding:1.5rem 1rem}.player-skill-section{padding:1.5rem;margin-bottom:3rem}.player-skill-header{flex-direction:column;text-align:center;align-items:center}.player-skill-photo{width:60px;height:60px}.player-skill-header h3{font-size:1.5rem}.skill-category h4{font-size:1.2rem}.skills-grid{grid-template-columns:1fr;gap:1rem}.skill-selection-actions{flex-direction:column;padding:1.5rem 1rem;gap:1rem}.skill-selection-cancel,.skill-selection-confirm{width:100%;padding:1rem 2rem;font-size:1.1rem}}