@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-button{cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:4px;justify-content:center;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.refresh-button svg{transition:transform .3s}.refresh-button:hover{background:#ffffff1a;border-color:#fff}.refresh-button:hover svg{transform:scale(1.05)}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.refresh-button.spinning svg{animation:.8s linear infinite spin}.sl-page{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);min-height:100vh}.sl-page .page-container{max-width:1400px;margin:0 auto;padding:0 2rem}.sl-hero{border-radius:2rem;margin-bottom:2rem;padding:4rem 0;position:relative;overflow:hidden}.sl-hero .hero-content{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex;position:relative}.sl-hero .hero-content .hero-text .sl-badge{backdrop-filter:blur(10px);letter-spacing:1px;color:#fbbf24;background:#ffffff1a;border-radius:20px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.sl-hero .hero-content .hero-text h1{background:linear-gradient(135deg,#fff,#fbbf24);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:800}.sl-hero .hero-content .hero-text p{color:#94a3b8;margin-bottom:1.5rem;font-size:1.1rem}.sl-hero .hero-content .hero-text .watch-intro-btn{color:#0f172a;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:40px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.sl-hero .hero-content .hero-text .watch-intro-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #fbbf244d}.sl-hero .hero-content .hero-text .watch-intro-btn .play-icon{font-size:.8rem}.sl-hero .hero-content .hero-stats{backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;gap:2rem;padding:1.5rem 2rem;display:flex}.sl-hero .hero-content .hero-stats .stat{text-align:center}.sl-hero .hero-content .hero-stats .stat .number{color:#fbbf24;font-size:2rem;font-weight:800;display:block}.sl-hero .hero-content .hero-stats .stat .label{color:#94a3b8;font-size:.8rem}.sl-hero .hero-background{z-index:1;position:absolute;inset:0}.sl-hero .hero-background:before{content:"";background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" opacity=\"0.05\"><path fill=\"white\" d=\"M50,10 L70,30 L30,30 Z M50,90 L30,70 L70,70 Z M10,50 L30,30 L30,70 Z M90,50 L70,70 L70,30 Z\"/></svg>") 0 0/30px;position:absolute;inset:0}.sl-hero .hero-background .hero-overlay{background:radial-gradient(circle at 30%,#3b82f626,#0000);position:absolute;inset:0}.location-bar{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:.75rem 1rem;display:flex}.location-bar .location-info{align-items:center;gap:.5rem;display:flex}.location-bar .location-info .location-icon{font-size:1.1rem}.location-bar .location-info .location-name{color:#e2e8f0;font-size:.9rem}.location-bar .change-location-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:.5rem;padding:.4rem 1rem;font-size:.8rem;transition:all .2s}.location-bar .change-location-btn:hover{background:#ffffff0d;border-color:#ffffff4d}.watch-intro-btn:disabled{opacity:.5;cursor:not-allowed}.watch-intro-btn:disabled:hover{box-shadow:none;transform:none}.sl-tabs{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex}.sl-tabs .tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s}.sl-tabs .tab:hover{color:#e2e8f0;background:#ffffff0d}.sl-tabs .tab.active{color:#0f172a;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.tab-content{min-height:400px}.register-section,.create-team-section,.join-team-section,.my-team-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:1rem;padding:2rem}.register-section h2,.create-team-section h2,.join-team-section h2,.my-team-section h2{margin-bottom:.5rem;font-size:1.5rem}.register-section .section-desc,.create-team-section .section-desc,.join-team-section .section-desc,.my-team-section .section-desc{color:#94a3b8;margin-bottom:2rem;font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#cbd5e1;margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.form-group input,.form-group select{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;width:100%;padding:.75rem;font-size:.9rem;transition:all .2s}.form-group input:focus,.form-group select:focus{background:#ffffff14;border-color:#fbbf24;outline:none}.form-group input option,.form-group select option{background:#1e293b}.form-group .hint{color:#64748b;margin-top:.25rem;font-size:.7rem}.info-card{background:#fbbf240d;border:1px solid #fbbf2433;border-radius:.75rem;margin-bottom:1.5rem;padding:1rem}.info-card h4{color:#fbbf24;margin-bottom:.75rem;font-size:.9rem}.info-card ul{padding:0;list-style:none}.info-card ul li{color:#94a3b8;padding:.25rem 0 .25rem 1rem;font-size:.8rem;position:relative}.info-card ul li:before{content:"•";color:#fbbf24;position:absolute;left:0}.submit-btn{color:#0f172a;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:.5rem;width:100%;padding:.875rem;font-size:1rem;font-weight:600;transition:transform .2s}.submit-btn:hover{transform:translateY(-1px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.features-grid .feature-card{text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:1rem;padding:1.5rem;transition:all .2s}.features-grid .feature-card:hover{background:#ffffff0d;border-color:#fbbf244d;transform:translateY(-4px)}.features-grid .feature-card .feature-icon{margin-bottom:1rem;font-size:2.5rem}.features-grid .feature-card h3{margin-bottom:.5rem;font-size:1.1rem}.features-grid .feature-card p{color:#94a3b8;margin-bottom:1rem;font-size:.8rem}.features-grid .feature-card button{color:#fbbf24;cursor:pointer;background:0 0;border:1px solid #fbbf2480;border-radius:2rem;padding:.5rem 1rem;font-size:.8rem;transition:all .2s}.features-grid .feature-card button:hover{background:#fbbf241a}.team-card .team-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.team-card .team-header h3{font-size:1.3rem}.team-card .team-header .team-code{color:#fbbf24;background:#0000004d;border-radius:20px;padding:.25rem .75rem;font-family:monospace;font-size:.7rem}.team-card .team-info{border-bottom:1px solid #ffffff1a;gap:2rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.team-card .team-info p{color:#94a3b8;font-size:.9rem}.team-card .team-info p strong{color:#e2e8f0}.team-card .team-actions{flex-wrap:wrap;gap:1rem;display:flex}.team-card .team-actions .action-btn{color:#e2e8f0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;padding:.5rem 1rem;font-size:.8rem;transition:all .2s}.team-card .team-actions .action-btn:hover{background:#ffffff1a;border-color:#fff3}.empty-state{text-align:center;padding:3rem}.empty-state p{color:#94a3b8;margin-bottom:1.5rem}.empty-state .empty-actions{justify-content:center;gap:1rem;display:flex}.empty-state .empty-actions button{color:#fbbf24;cursor:pointer;background:#ffffff0d;border:1px solid #fbbf244d;border-radius:2rem;padding:.6rem 1.2rem;font-size:.85rem}.empty-state .empty-actions button:hover{background:#fbbf241a}.pending-status{background:#fbbf241a;border:1px solid #fbbf2433;border-radius:.5rem;align-items:center;gap:.75rem;margin:1rem 0;padding:.75rem 1rem;display:flex}.pending-status .spinner{border:2px solid #fbbf244d;border-top-color:#fbbf24;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.pending-status p{color:#fbbf24;margin:0;font-size:.85rem}.error-message{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:.5rem;margin:1rem 0;padding:.75rem;font-size:.8rem}.video-modal-overlay,.location-modal-overlay{z-index:1000;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.video-modal-content{background:#000;border-radius:12px;width:80%;max-width:900px;overflow:hidden}.video-modal-content iframe{border:none;width:100%;height:450px}.video-modal-content .video-modal-close{color:#fff;cursor:pointer;background:#000c;border:none;border-radius:50%;width:32px;height:32px;position:absolute;top:10px;right:10px}.video-modal-content .video-modal-info{color:#fff;background:#111;padding:15px}.location-modal-content{background:#1e293b;border-radius:1rem;width:90%;max-width:500px;padding:1.5rem}.location-modal-content h3{margin-bottom:1.5rem}.location-modal-content .modal-actions{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.location-modal-content .modal-actions .cancel-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:.5rem;padding:.5rem 1rem}.location-modal-content .modal-actions .save-btn{color:#0f172a;cursor:pointer;background:#fbbf24;border:none;border-radius:.5rem;padding:.5rem 1rem;font-weight:600}@media (width<=768px){.sl-page .page-container{padding:0 1rem}.sl-hero .hero-content{text-align:center;flex-direction:column}.sl-hero .hero-content .hero-text h1{font-size:2rem}.form-row,.features-grid{grid-template-columns:1fr}.video-modal-content iframe{height:250px}}.pending-requests-section{border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1rem}.pending-requests-section h4{color:#fbbf24;margin-bottom:1rem;font-size:1rem}.pending-requests-section .no-requests{color:#64748b;text-align:center;background:#ffffff08;border-radius:.5rem;padding:1rem;font-size:.85rem}.pending-requests-section .requests-list{flex-direction:column;gap:.75rem;display:flex}.pending-requests-section .requests-list .request-card{background:#ffffff0d;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.pending-requests-section .requests-list .request-card .request-info{flex-direction:column;gap:.25rem;display:flex}.pending-requests-section .requests-list .request-card .request-info .player-name{color:#e2e8f0;font-weight:600}.pending-requests-section .requests-list .request-card .request-info .player-email{color:#94a3b8;font-size:.75rem}.pending-requests-section .requests-list .request-card .request-actions{gap:.5rem;display:flex}.pending-requests-section .requests-list .request-card .request-actions .approve-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:.375rem;padding:.4rem .75rem;font-size:.75rem;font-weight:600;transition:transform .2s}.pending-requests-section .requests-list .request-card .request-actions .approve-btn:hover{transform:scale(1.05)}.pending-requests-section .requests-list .request-card .request-actions .reject-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:.375rem;padding:.4rem .75rem;font-size:.75rem;font-weight:600;transition:transform .2s}.pending-requests-section .requests-list .request-card .request-actions .reject-btn:hover{transform:scale(1.05)}.share-code-btn{background:#3b82f633!important;border:1px solid #3b82f64d!important}.share-code-btn:hover{background:#3b82f64d!important}.user-actions{justify-content:flex-end;margin-bottom:1rem;display:flex}.user-actions .user-info{background:#ffffff0d;border-radius:2rem;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.user-actions .user-info .user-name{color:#e2e8f0;font-size:.85rem}.user-actions .user-info .logout-btn,.user-actions .user-info .login-nav-btn{color:#0f172a;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:2rem;padding:.4rem 1rem;font-size:.75rem;font-weight:600;transition:transform .2s}.user-actions .user-info .logout-btn:hover,.user-actions .user-info .login-nav-btn:hover{transform:scale(1.02)}.user-actions .user-info .login-nav-btn{color:#fbbf24;background:#ffffff1a}.auth-container{justify-content:center;align-items:center;min-height:500px;display:flex}.auth-container .auth-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;width:100%;max-width:500px;padding:2rem}.auth-container .auth-card .auth-header{border-bottom:1px solid #ffffff1a;gap:1rem;margin-bottom:2rem;display:flex}.auth-container .auth-card .auth-header .auth-switch{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.75rem 1rem;font-size:1rem;font-weight:600;transition:all .2s}.auth-container .auth-card .auth-header .auth-switch.active{color:#fbbf24;border-bottom:2px solid #fbbf24}.auth-container .auth-card .auth-header .auth-switch:hover{color:#e2e8f0}.team-members-section{border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1rem}.team-members-section h4{color:#fbbf24;margin-bottom:1rem;font-size:1rem}.team-members-section .members-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.team-members-section .members-grid .member-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:.5rem;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.team-members-section .members-grid .member-card .member-avatar{font-size:1.5rem}.team-members-section .members-grid .member-card .member-info{flex-direction:column;display:flex}.team-members-section .members-grid .member-card .member-info .member-name{color:#e2e8f0;font-size:.85rem;font-weight:500}.team-members-section .members-grid .member-card .member-info .member-role{color:#94a3b8;font-size:.7rem}.team-members-section .members-grid .member-card .member-info .member-role:contains("captain"){color:#fbbf24}.team-members-section .no-members{text-align:center;color:#64748b;padding:1rem}.formation-section{text-align:center;background:#f0f0f0;border-radius:8px;margin-bottom:20px;padding:10px}.formation-badge{font-size:1.2rem}.players-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:20px;display:grid}.starting-grid{border-left:4px solid #4caf50;padding-left:10px}.subs-grid{border-left:4px solid #ff9800;padding-left:10px}.player-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:12px;padding:10px;display:flex}.starting-player{background:#e8f5e9}.sub-player{background:#fff3e0}.player-avatar{flex-shrink:0}.avatar-placeholder{color:#fff;background:#4caf50;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:700;display:flex}.sub-avatar{background:#ff9800}.player-details{flex:1}.player-name-number{align-items:center;gap:8px;margin-bottom:5px;display:flex}.player-name{font-size:1rem;font-weight:700}.jersey-number{color:#666;font-size:.8rem}.player-position{color:#888;font-size:.8rem;display:block}.jersey-input-small{text-align:center;border:1px solid #ccc;border-radius:4px;width:45px;padding:4px}.position-select{border:1px solid #ccc;border-radius:4px;width:100%;margin:5px 0;padding:4px}.sub-btn,.first11-btn{cursor:pointer;border:none;border-radius:4px;margin-top:5px;padding:3px 8px;font-size:.7rem}.sub-btn{color:#fff;background:#ff9800}.first11-btn{color:#fff;background:#4caf50}.edit-btn{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:4px;padding:8px 16px}.starting-xi-section h4,.substitutes-section h4{border-bottom:2px solid #ddd;margin:15px 0 10px;padding-bottom:5px}.referee_container{color:#fff;background:#1a1a2e;border-radius:24px;max-width:800px;margin:2rem auto;padding:2rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 8px 32px #0000004d}.match_header{justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;font-size:1.5rem;display:flex}.team_name{color:#fff;font-weight:600}.team_badge{font-size:2rem}.vs{color:gold;margin:0 1rem;font-weight:700}.score_timer_row{justify-content:center;align-items:baseline;gap:3rem;margin-bottom:2rem;display:flex}.score{color:#fff;text-shadow:0 2px 4px #0000004d;font-size:4rem;font-weight:800}.timer{color:#f44;letter-spacing:2px;background:#0f0f0f;border-radius:60px;padding:.3rem 1.2rem;font-family:monospace;font-size:2.5rem;font-weight:700}.score_controls{justify-content:center;gap:4rem;margin-bottom:2rem;display:flex}.score_group{gap:1rem;display:flex}.score_btn{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #fff;border-radius:999px;width:70px;height:70px;font-size:2.2rem;font-weight:700;transition:all .2s}.score_btn:hover{background:#ffffff40;transform:scale(1.02)}.score_btn:active{transform:scale(.98)}.cards_section{justify-content:center;gap:4rem;margin-bottom:2rem;display:flex}.cards_group{gap:1rem;display:flex}.card_btn{cursor:pointer;border:none;border-radius:60px;padding:.8rem 1.5rem;font-size:1rem;font-weight:700;transition:all .2s}.card_btn.yellow{color:#1a1a2e;background:#ffd600;box-shadow:0 2px 8px #ffd6004d}.card_btn.red{color:#fff;background:#ff1744;box-shadow:0 2px 8px #ff17444d}.card_btn:hover{filter:brightness(.95);transform:translateY(-2px)}.match_controls{border-top:1px solid #ffffff26;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;padding-top:1rem;display:flex}.control_btn{cursor:pointer;border:none;border-radius:60px;padding:.7rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.control_btn.start{color:#fff;background:#00c853}.control_btn.pause{color:#1a1a2e;background:#ffb300}.control_btn.resume{color:#fff;background:#42a5f5}.control_btn.end{color:#fff;background:#ff1744}.control_btn.cancel{color:#fff;background:#ffffff26;border:1px solid #ffffff4d}.control_btn:hover{filter:brightness(1.05);transform:translateY(-2px)}.match_score{color:#fff;letter-spacing:4px;margin-bottom:.25rem;font-family:Courier New,monospace;font-size:2.25rem;font-weight:800}.match_score .score_sep{color:gold;margin:0 .35rem}.timeline_panel{backdrop-filter:blur(4px);background:#0006;border-radius:20px;margin-top:1rem;padding:1rem}.timeline_header{color:gold;letter-spacing:1px;border-bottom:1px solid #fff3;margin-bottom:.8rem;padding-bottom:.5rem;font-weight:700}.timeline{flex-direction:column;gap:.6rem;max-height:200px;display:flex;overflow-y:auto}.event_row{gap:1rem;padding:.3rem 0;font-size:.95rem;display:flex}.event_row .minute{color:#f44;min-width:50px;font-weight:700}.modal_overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal_content{color:#fff;background:#2a2a3e;border-radius:28px;min-width:340px;max-width:90%;padding:2rem;box-shadow:0 20px 40px #0006}.modal_content h3{color:gold;margin:0 0 1rem;font-weight:600}.modal_body{margin:1rem 0}.modal_body label{margin-bottom:.5rem;font-weight:500;display:block}.modal_body select{color:#fff;background:#1a1a2e;border:1px solid #fff3;border-radius:16px;width:100%;padding:.8rem;font-size:1rem}.modal_actions{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.modal_actions button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:40px;padding:.6rem 1.2rem;font-weight:500}.modal_actions button:last-child{color:#1a1a2e;background:gold;border:none}.modal_actions button:last-child:disabled{color:#aaa;cursor:not-allowed;background:#555}.timeline::-webkit-scrollbar{width:6px}.timeline::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.timeline::-webkit-scrollbar-thumb{background:gold;border-radius:3px}.teams_split_view{background:#1a1a2e;border-radius:16px;width:100%;height:620px;display:flex;overflow:hidden}.left_panel{border-right:1px solid #ffffff1a;flex-direction:column;width:320px;display:flex;overflow:hidden}.right_panel{scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow-y:auto}.right_panel::-webkit-scrollbar{display:none}.filter_row{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1rem;display:flex}.county_select{color:gold;cursor:pointer;background:0 0;border:none;padding:.25rem 0;font-size:.85rem;font-weight:500}.county_select option{color:#fff;background:#1a1a2e}.team_count_badge{color:#ffffff80;font-size:.75rem}.team_list{scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow-y:auto}.team_list::-webkit-scrollbar{display:none}.team_row{cursor:pointer;border-bottom:1px solid #ffffff0d;padding:1rem;transition:background .15s}.team_row:hover{background:#ffffff0d}.team_row.selected{background:#ffd7001a;border-left:3px solid gold}.team_row_name{color:#fff;margin-bottom:.25rem;font-size:1rem;font-weight:700}.team_row_captain{color:#ffffff80;margin-bottom:.25rem;font-size:.75rem}.team_row_members{color:gold;font-size:.7rem}.detail_content{max-width:600px;margin:0 auto;padding:2rem}.detail_header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.team_title{letter-spacing:-.5px;margin:0;font-size:2rem;font-weight:800}.view_toggle{gap:.5rem;display:flex}.toggle{color:#fff9;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:40px;padding:.4rem 1rem;font-size:.8rem;transition:all .15s}.toggle.active{color:#1a1a2e;background:gold;border-color:gold;font-weight:600}.detail_meta{border-bottom:1px solid #ffffff1a;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.meta{color:#fff9;font-size:.85rem}.lineup_section{margin-bottom:2rem}.section_title{letter-spacing:1px;color:gold;border-left:2px solid gold;margin-bottom:.75rem;padding-left:.75rem;font-size:.7rem}.player_row{border-bottom:1px solid #ffffff0d;align-items:baseline;gap:.75rem;padding:.5rem 0;display:flex}.sub_row{opacity:.7}.player_number{color:gold;min-width:45px;font-size:.7rem;font-weight:600}.player_name{flex:1;font-size:.95rem;font-weight:600}.player_position{color:#ffffff80;text-align:right;min-width:40px;font-size:.7rem}.formation_view{margin-top:1rem}.formation_badge{text-align:center;color:gold;margin-bottom:1.5rem;font-weight:600}.pitch_container{background:linear-gradient(135deg,#1f8f3b 0%,#146c2e 100%);border-radius:20px;padding:1rem}.pitch{background:#0a5c2a;border:2px solid #fff;border-radius:12px;min-height:500px;position:relative;overflow:hidden}.pitch_half_line{opacity:.3;background:#fff;width:2px;position:absolute;top:0;bottom:0;left:50%}.pitch_center_circle{opacity:.3;border:2px solid #fff;border-radius:50%;width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pitch_player{text-align:center;width:80px;position:absolute;transform:translate(-50%,-50%)}.pitch_player_name{white-space:nowrap;background:#0009;border-radius:12px;padding:2px 6px;font-size:.7rem;font-weight:600}.pitch_player_position{color:gold;font-size:.6rem}.matches_container{flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto;padding:1rem;display:flex}.glass_card{backdrop-filter:blur(12px);background:#1a1a2eb3;border:1px solid #ffffff1a;border-radius:24px;transition:all .3s;overflow:hidden}.card_header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.card_header h2{color:#fff;margin:0;font-size:1.25rem;font-weight:600}.badge{color:#1a1a2e;text-transform:uppercase;background:gold;border-radius:20px;padding:.25rem .75rem;font-size:.7rem;font-weight:600}.match_card{background:#0000004d;border-left:4px solid gold;border-radius:20px;margin:.5rem 1rem 1rem;padding:1.5rem}.match_teams{justify-content:center;align-items:center;gap:2rem;margin-bottom:1.5rem;display:flex}.team_badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:1.5rem;font-weight:800;display:flex}.vs{color:gold;font-size:1.2rem;font-weight:700}.match_details{flex-direction:column;gap:.75rem;display:flex}.detail_row{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.detail_row .label{color:gold;text-transform:uppercase;min-width:130px;font-size:.75rem;font-weight:600}.detail_row .value{color:#fffc;font-size:.85rem}.detail_row .code{letter-spacing:.5px;background:#00000080;border-radius:6px;padding:.2rem .5rem;font-family:monospace;font-size:.8rem}.detail_row.note .value{color:#ffffff80;font-size:.75rem}.detail_row .expiry{color:#f66;font-size:.75rem;font-weight:600}.captain_only{background:#ffd7001a;border-radius:12px;margin:.25rem 0;padding:.5rem}.other_matches_list{flex-direction:column;gap:.5rem;padding:.5rem 1rem 1rem;display:flex}.match_row{background:#0003;border-radius:16px;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .2s;display:flex}.match_row:hover{background:#ffffff0d}.match_teams_small{align-items:center;gap:.5rem;display:flex}.team_name{font-size:.85rem;font-weight:500}.vs_small{color:gold;font-size:.7rem;font-weight:600}.match_code_small{color:#ffffff80;font-family:monospace;font-size:.7rem}.empty_state{text-align:center;padding:3rem 2rem}.empty_state.small{padding:1.5rem}.empty_icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty_state h3{margin-bottom:.5rem;font-size:1.1rem}.empty_state p{color:#ffffff80;font-size:.85rem}.loading_state,.error_state{text-align:center;color:#fff9;padding:3rem}.error_state{color:#f66}.teams_split_view{backdrop-filter:blur(8px);background:#14141e8c;border-radius:16px;width:100%;min-height:560px;display:flex;overflow:hidden}.teams_left_panel{border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:300px;display:flex}.teams_filter_row{border-bottom:1px solid #ffffff14;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.teams_filter_label{letter-spacing:1px;text-transform:uppercase;color:gold;font-size:.7rem}.teams_county_input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:.25rem 0;font-size:.85rem}.teams_county_input::placeholder{color:#ffffff4d}.teams_count{color:#fff6;text-align:right;min-width:1.5rem;font-size:.7rem}.teams_list{scrollbar-width:none;-ms-overflow-style:none;flex:1;max-height:520px;overflow-y:auto}.teams_list::-webkit-scrollbar{display:none}.teams_row{cursor:pointer;border-bottom:1px solid #ffffff0a;border-left:3px solid #0000;padding:.7rem 1rem;transition:background .15s,border-color .15s}.teams_row:hover{background:#ffffff0a}.teams_row.selected{background:#ffd70014;border-left-color:gold}.teams_row_name{color:#fff;font-size:.95rem;font-weight:700}.teams_row_meta{color:#ffffff73;margin-top:2px;font-size:.72rem}.teams_loading,.teams_empty,.teams_error{color:#fff6;padding:1rem;font-size:.85rem}.teams_error{color:#ff6b6b}.teams_right_panel{scrollbar-width:none;-ms-overflow-style:none;flex:1;max-height:520px;overflow-y:auto}.teams_right_panel::-webkit-scrollbar{display:none}.teams_placeholder{color:#ffffff59;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100%;padding:3rem 1rem;display:flex}.teams_placeholder_icon{opacity:.4;font-size:3rem}.teams_placeholder_title{color:#fff9;font-size:1.1rem;font-weight:600}.teams_placeholder_sub{font-size:.8rem}.teams_detail{padding:1.5rem}.teams_detail_header{border-bottom:1px solid #ffffff14;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.teams_logo{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.6rem;font-weight:800;display:flex}.teams_detail_meta{flex:1;min-width:0}.teams_detail_name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:1.4rem;font-weight:800;overflow:hidden}.teams_detail_sub{color:#ffffff80;font-size:.75rem}.teams_view_toggle{gap:.4rem;margin-bottom:1rem;display:flex}.teams_toggle{color:#fff9;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:40px;padding:.35rem .9rem;font-size:.75rem;transition:all .15s}.teams_toggle.active{color:#1a1a2e;background:gold;border-color:gold;font-weight:700}.teams_section_title{letter-spacing:1px;text-transform:uppercase;color:gold;border-left:2px solid gold;margin:1.25rem 0 .5rem;padding-left:.5rem;font-size:.7rem}.teams_muted{color:#ffffff59;padding:.5rem 0;font-size:.85rem}.teams_members{flex-direction:column;display:flex}.teams_member_row{border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:.4rem 0;font-size:.85rem;display:flex}.teams_member_name{color:#fff}.teams_member_role{color:#fff6;text-transform:lowercase;font-size:.7rem}.teams_lineup_list{flex-direction:column;display:flex}.teams_lineup_row{border-bottom:1px solid #ffffff0a;grid-template-columns:45px 1fr auto;align-items:baseline;gap:.5rem;padding:.35rem 0;font-size:.85rem;display:grid}.teams_lineup_row.is_sub{opacity:.7}.teams_jersey{color:gold;font-size:.75rem;font-weight:700}.teams_lineup_name{color:#fff}.teams_lineup_pos{color:#ffffff80;font-size:.7rem}.contact_section{border-top:1px solid #ffffff14;margin-top:1rem;padding-top:1rem}.contact_btn{color:gold;cursor:pointer;background:#ffd7001a;border:1px solid #ffd7004d;border-radius:40px;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .15s}.contact_btn:hover{background:#ffd7002e;border-color:#ffd70080}.contact_panel{margin-top:.75rem}.contact_card{background:#00000040;border-radius:12px;flex-direction:column;gap:.3rem;padding:.9rem 1rem;display:flex}.contact_team{text-transform:uppercase;letter-spacing:1px;color:gold;font-size:.7rem}.contact_name{color:#fff;font-size:1rem;font-weight:700}.contact_phone{color:#4ade80;margin-top:.35rem;font-family:monospace;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}.contact_phone:hover{text-decoration:underline}.contact_phone.missing{color:#fff6;font-family:inherit;font-size:.85rem;font-weight:400}.contact_loading,.contact_error{padding:.5rem 0;font-size:.85rem}.contact_loading{color:#ffffff80}.contact_error{color:#ff6b6b}.teams_pitch{background:repeating-linear-gradient(0deg,#ffffff06 0 32px,#00000006 32px 64px),linear-gradient(90deg,#167244,#19804d);border:2px solid #fff9;border-radius:12px;width:100%;padding-bottom:130%;position:relative;overflow:hidden}.teams_pitch_boundary{pointer-events:none;border:2px solid #ffffffbf;position:absolute;inset:3%}.teams_pitch_half{pointer-events:none;border-top:2px solid #ffffffbf;position:absolute;top:50%;left:3%;right:3%}.teams_pitch_circle{aspect-ratio:1;pointer-events:none;border:2px solid #ffffffbf;border-radius:50%;width:18%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.teams_pitch_centerdot{pointer-events:none;background:#ffffffd9;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.teams_pitch_penalty_top,.teams_pitch_penalty_bottom{pointer-events:none;border:2px solid #ffffffbf;width:54%;height:15%;position:absolute;left:23%}.teams_pitch_penalty_top{border-top:none;top:3%}.teams_pitch_penalty_bottom{border-bottom:none;bottom:3%}.teams_pitch_goal_top,.teams_pitch_goal_bottom{pointer-events:none;border:2px solid #ffffffbf;width:26%;height:6%;position:absolute;left:37%}.teams_pitch_goal_top{border-top:none;top:3%}.teams_pitch_goal_bottom{border-bottom:none;bottom:3%}.teams_pitch_corner{pointer-events:none;border:2px solid #ffffffbf;border-radius:50%;width:20px;height:20px;position:absolute}.teams_corner_tl{top:3%;left:3%;transform:translate(-50%,-50%)}.teams_corner_tr{top:3%;right:3%;transform:translate(50%,-50%)}.teams_corner_bl{bottom:3%;left:3%;transform:translate(-50%,50%)}.teams_corner_br{bottom:3%;right:3%;transform:translate(50%,50%)}.teams_pitch_player{text-align:center;z-index:2;width:70px;position:absolute;transform:translate(-50%,-50%)}.teams_pitch_dot{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 4px;font-size:.95rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 3px 10px #00000040;-webkit-mask-image:radial-gradient(circle,#000 62%,#0000 100%);mask-image:radial-gradient(circle,#000 62%,#0000 100%)}.teams_pitch_dot img{object-fit:cover;border-radius:50%;width:100%;height:100%}.teams_pitch_name{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#0000008c;border-radius:10px;padding:2px 6px;font-size:.7rem;overflow:hidden}.teams_pitch_pos{color:gold;margin-top:1px;font-size:.6rem}.info-message{color:#cfe7ff;background:#42a5f51f;border-left:3px solid #42a5f5;border-radius:8px;margin-bottom:.75rem;padding:.6rem .9rem;font-size:.85rem}.otp-actions{justify-content:space-between;margin-top:.75rem;display:flex}.link-btn{color:gold;cursor:pointer;opacity:.85;background:0 0;border:none;padding:0;font-size:.8rem;text-decoration:underline}.link-btn:hover{opacity:1}.link-btn:disabled{opacity:.4;cursor:not-allowed}.auth-form input[inputmode=numeric]{letter-spacing:.5em;text-align:center;font-family:monospace;font-size:1.25rem}.teams_challenge_row{border-top:1px solid #ffffff14;margin-top:.75rem;padding-top:.75rem}.teams_challenge_btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8a00,#e52e71);border:none;border-radius:40px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .15s}.teams_challenge_btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.teams_challenge_btn:disabled{opacity:.6;cursor:not-allowed}.teams_challenge_notice{color:gold;margin-top:.5rem;font-size:.8rem}.pending-challenges-section{border-top:1px solid #ffffff14;margin-top:1rem;padding-top:1rem}.pending-challenges-section h4{color:gold;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;font-size:.9rem}.challenge-card{background:#ffffff0a;border-left:3px solid #e52e71;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem;display:flex}.challenge-info{flex-direction:column;gap:.2rem;display:flex}.challenge-from{color:#fff;font-weight:700}.challenge-message{color:#fff9;font-size:.75rem}.challenge-actions{gap:.5rem;display:flex}.challenge-actions button{cursor:pointer;border:none;border-radius:30px;padding:.35rem .75rem;font-size:.75rem;font-weight:600}.challenge-actions .approve-btn{color:#fff;background:#00c853}.challenge-actions .reject-btn{color:#ff6b6b;background:#ffffff1a}.tab_with_back{position:relative}.tab_with_back .back-btn{color:#ffffffbf;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:40px;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.4rem .9rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.tab_with_back .back-btn:hover{color:#fff;background:#ffffff0f}@media (width<=768px){.sl-page{min-height:100vh;overflow-x:hidden}.sl-page .page-container{box-sizing:border-box;width:100%;max-width:100%;padding:0 .75rem}.sl-hero{border-radius:1rem;margin-bottom:1rem;padding:2rem 1rem}.sl-hero .hero-content{text-align:center;flex-direction:column;align-items:stretch;gap:1.25rem}.sl-hero .hero-content .hero-text h1{font-size:clamp(1.8rem,8vw,2.4rem);line-height:1.1}.sl-hero .hero-content .hero-text p{font-size:.9rem;line-height:1.5}.sl-hero .hero-content .hero-text .watch-intro-btn{justify-content:center;width:100%}.sl-hero .hero-content .hero-stats{box-sizing:border-box;justify-content:space-around;gap:.5rem;width:100%;padding:1rem}.sl-hero .hero-content .hero-stats .stat .number{font-size:1.4rem}.sl-hero .hero-content .hero-stats .stat .label{font-size:.65rem}.location-bar{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem}.location-bar .location-info{justify-content:center}.location-bar .change-location-btn{width:100%}.sl-tabs{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:.35rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex;overflow:auto hidden}.sl-tabs::-webkit-scrollbar{display:none}.sl-tabs .tab{white-space:nowrap;flex:none;padding:.6rem .9rem;font-size:.78rem}.user-actions{justify-content:stretch}.user-actions .user-info{box-sizing:border-box;justify-content:space-between;width:100%}.register-section,.create-team-section,.join-team-section,.my-team-section{border-radius:.85rem;padding:1rem}.register-section h2,.create-team-section h2,.join-team-section h2,.my-team-section h2{font-size:1.2rem}.register-section .section-desc,.create-team-section .section-desc,.join-team-section .section-desc,.my-team-section .section-desc{margin-bottom:1.25rem;font-size:.8rem}.form-row{grid-template-columns:1fr;gap:0}.form-group{margin-bottom:1rem}.form-group input,.form-group select{box-sizing:border-box;font-size:16px}.features-grid{grid-template-columns:1fr;gap:.75rem}.features-grid .feature-card{padding:1.1rem}.empty-state{padding:2rem 1rem}.empty-state .empty-actions{flex-direction:column}.empty-state .empty-actions button{width:100%}.auth-container{min-height:auto;padding:1rem 0}.auth-container .auth-card{box-sizing:border-box;border-radius:.85rem;width:100%;padding:1rem}.teams_split_view{border-radius:12px;flex-direction:column;height:auto;min-height:0;max-height:none;overflow:visible}.teams_left_panel,.left_panel{border-bottom:1px solid #ffffff1a;border-right:none;flex-shrink:0;width:100%;max-width:100%}.teams_list,.team_list{max-height:220px;overflow-y:auto}.teams_right_panel,.right_panel{width:100%;max-width:100%;max-height:none;overflow:visible}.teams_filter_row,.teams_row{padding:.65rem .75rem}.teams_detail{padding:1rem}.teams_detail_header{flex-wrap:wrap;align-items:flex-start}.teams_logo{width:50px;height:50px;font-size:1.2rem}.teams_detail_meta{flex:1;min-width:0}.teams_detail_name{white-space:normal;text-overflow:initial;font-size:1.15rem;overflow:visible}.teams_view_toggle{width:100%}.teams_view_toggle .teams_toggle{flex:1}.teams_split_layout{flex-direction:column;gap:.75rem;display:flex}.detail_content{max-width:none;padding:1rem}.detail_header{flex-direction:column;align-items:stretch}.team_title{font-size:1.5rem}.detail_meta{flex-wrap:wrap;gap:.75rem}.members-grid{grid-template-columns:1fr!important}.teams_member_row{padding:.55rem 0}.players-grid{grid-template-columns:1fr}.players_list{width:100%}.player_row{gap:.5rem}.player_name{text-overflow:ellipsis;min-width:0;overflow:hidden}.teams_lineup_row{grid-template-columns:35px minmax(0,1fr) auto}.pitch_container{border-radius:12px;padding:.5rem}.teams_pitch{border-radius:10px;padding-bottom:135%}.teams_pitch_player{width:58px}.teams_pitch_dot{width:36px;height:36px;font-size:.75rem}.teams_pitch_name{max-width:65px;padding:2px 4px;font-size:.58rem}.teams_pitch_pos{font-size:.52rem}.teams_pitch_circle{width:20%}.referee_container{box-sizing:border-box;border-radius:16px;width:100%;max-width:none;margin:.75rem 0;padding:1rem .75rem}.match_header{flex-wrap:nowrap;gap:.5rem;margin-bottom:1.25rem;font-size:1rem}.team_name{text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:38%;overflow:hidden}.team_badge{font-size:1.5rem}.vs{flex-shrink:0;margin:0 .25rem}.score_timer_row{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.25rem}.score{font-size:clamp(3rem,15vw,4rem)}.timer{padding:.25rem 1rem;font-size:clamp(1.7rem,9vw,2.5rem)}.score_controls{justify-content:space-between;gap:1rem;width:100%;margin-bottom:1.25rem}.score_group{flex:1;justify-content:center;gap:.5rem}.score_btn{width:55px;height:55px;font-size:1.7rem}.cards_section{flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.cards_group{justify-content:center}.card_btn{flex:1;max-width:150px;padding:.7rem .8rem;font-size:.85rem}.match_controls{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.control_btn{width:100%;padding:.65rem .5rem;font-size:.8rem}.timeline_panel{border-radius:14px;padding:.75rem}.event_row{gap:.5rem;font-size:.8rem}.event_row .minute{min-width:40px}.modal_overlay{box-sizing:border-box;padding:.75rem}.modal_content{box-sizing:border-box;border-radius:18px;width:100%;min-width:0;max-width:100%;padding:1.25rem}.modal_actions{flex-direction:column-reverse}.modal_actions button{width:100%}.matches_container{box-sizing:border-box;gap:.75rem;width:100%;padding:.5rem 0}.glass_card{border-radius:14px}.card_header{padding:1rem}.card_header h2{font-size:1rem}.match_card{border-radius:14px;margin:.5rem;padding:1rem}.match_teams{gap:.75rem;margin-bottom:1rem}.match_card .team_badge{width:55px;height:55px;font-size:1rem}.match_details{gap:.5rem}.detail_row{flex-direction:column;align-items:flex-start;gap:.15rem}.detail_row .label{min-width:0;font-size:.65rem}.detail_row .value{font-size:.8rem}.other_matches_list{padding:.5rem}.match_row{flex-direction:column;align-items:stretch;gap:.5rem}.match_teams_small{justify-content:space-between}.request-card,.challenge-card{flex-direction:column;align-items:stretch;gap:.75rem}.request-actions,.challenge-actions{width:100%}.request-actions button,.challenge-actions button{flex:1}.otp-actions{flex-wrap:wrap;gap:1rem}.video-modal-overlay{box-sizing:border-box;padding:.5rem}.video-modal-content{border-radius:10px;width:100%;max-width:100%}.video-modal-content iframe{height:220px}.location-modal-overlay{box-sizing:border-box;padding:.75rem}.location-modal-content{box-sizing:border-box;width:100%;max-width:100%;padding:1rem}.tab_with_back .back-btn{justify-content:center;width:100%}}@media (width<=420px){.sl-page .page-container{padding:0 .5rem}.sl-hero{padding:1.5rem .75rem}.hero-stats .stat .number{font-size:1.2rem!important}.hero-stats .stat .label{font-size:.58rem!important}.score_controls{gap:.25rem}.score_btn{width:48px;height:48px;font-size:1.5rem}.match_controls{grid-template-columns:1fr}.teams_pitch_player{width:50px}.teams_pitch_dot{width:32px;height:32px;font-size:.7rem}.teams_pitch_name{max-width:55px;font-size:.52rem}}.teams_history{margin-top:.5rem}.teams_history_list{flex-direction:column;gap:.35rem;display:flex}.teams_history_row{border-bottom:1px solid #ffffff0d;grid-template-columns:32px 82px 20px 1fr auto;align-items:center;gap:.6rem;padding:.55rem .75rem;font-size:.85rem;display:grid}.teams_history_row:hover{background:#ffffff0a}.history_badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.72rem;font-weight:800;display:inline-flex}.history_win{background:#16a34a}.history_loss{background:#dc2626}.history_draw{background:#64748b}.history_date{color:#ffffff8c;font-family:monospace;font-size:.75rem}.history_home{color:gold;font-size:.7rem;font-weight:700}.history_opponent{color:#e8edf5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.history_score{color:#fff;font-family:monospace;font-size:.9rem;font-weight:700}@media (width<=600px){.teams_history_row{grid-template-columns:26px 68px 16px 1fr auto;gap:.4rem;padding:.5rem;font-size:.78rem}.history_badge{width:22px;height:22px;font-size:.65rem}.history_date{font-size:.68rem}}button,input,select{font:inherit}button{cursor:pointer}.dapash-lineup-app{flex-direction:column;min-height:100vh;display:flex}.lineup-header{background:#071525;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex}.brand-area{align-items:center;gap:12px;display:flex}.dapash-logo{color:#fff;background:#173b67;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;font-weight:900;display:flex}.brand-area h1{letter-spacing:.16em;margin:0;font-size:18px}.brand-area span{color:#718198;letter-spacing:.2em;margin-top:2px;font-size:9px;font-weight:700;display:block}.header-actions{gap:8px;display:flex}.header-button{color:#dce5f2;background:#0d1d31;border:1px solid #ffffff1a;border-radius:7px;padding:9px 16px;transition:background .15s,border .15s}.header-button:hover{background:#152c47;border-color:#ffffff2e}.lineup-toolbar{background:#0b192b;border-bottom:1px solid #ffffff0f;align-items:center;gap:20px;min-height:70px;padding:12px 28px;display:flex}.toolbar-group{align-items:center;gap:9px;display:flex}.toolbar-group label{color:#73849a;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.toolbar-group select{color:#fff;background:#101f32;border:1px solid #ffffff1a;border-radius:7px;outline:none;min-width:100px;padding:9px 12px}.toolbar-group input[type=color]{background:#101f32;border:1px solid #ffffff1f;border-radius:6px;width:38px;height:32px;padding:2px}.reset-button{color:#aab8ca;background:0 0;border:1px solid #ffffff1a;border-radius:7px;margin-left:auto;padding:9px 13px;font-size:12px}.reset-button:hover{background:#ffffff0d}.workspace{flex:1;grid-template-columns:260px minmax(420px,1fr) 280px;min-height:700px;display:grid}.players-panel{background:#091626;border-right:1px solid #ffffff0f;overflow:hidden}.panel-heading{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:76px;padding:0 18px;display:flex}.panel-heading h2{margin:0;font-size:14px}.panel-heading span{color:#65758b;margin-top:3px;font-size:10px;display:block}.add-player-button{color:#fff;background:#173b67;border:1px solid #ffffff1a;border-radius:7px;width:32px;height:32px;font-size:20px;line-height:1}.player-list{padding:10px}.player-list-item{color:#fff;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;margin-bottom:4px;padding:9px;display:flex}.player-list-item:hover{background:#ffffff0a}.player-list-item.selected{background:#2a598a47;border-color:#5389c34d}.mini-player-avatar{color:#8596ab;background:#15273b;border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex;overflow:hidden}.mini-player-avatar img{object-fit:cover;width:100%;height:100%}.player-list-information{min-width:0}.player-list-information strong{color:#e4ebf5;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.player-list-information span{color:#687b91;margin-top:2px;font-size:10px;display:block}.pitch-section{flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:35px;display:flex}.football-pitch{aspect-ratio:.68;touch-action:none;background:repeating-linear-gradient(0deg,#ffffff06 0 32px,#00000006 32px 64px),linear-gradient(90deg,#167244,#19804d);border:2px solid #ffffffbf;width:min(650px,100%);position:relative;overflow:hidden;box-shadow:0 30px 70px #00000059,inset 0 0 50px #0000001f}.pitch-lines{pointer-events:none;border:2px solid #fffc;position:absolute;inset:3%}.halfway-line{pointer-events:none;border-top:2px solid #fffc;position:absolute;top:50%;left:3%;right:3%}.center-circle{aspect-ratio:1;pointer-events:none;border:2px solid #fffc;border-radius:50%;width:18%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-dot{pointer-events:none;background:#fff;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.penalty-area{pointer-events:none;border:2px solid #fffc;width:54%;height:15%;position:absolute;left:23%}.top-penalty{top:3%}.bottom-penalty{bottom:3%}.goal-area{pointer-events:none;border:2px solid #fffc;width:26%;height:6%;position:absolute;left:37%}.top-goal{top:3%}.bottom-goal{bottom:3%}.corner{pointer-events:none;border:2px solid #fffc;border-radius:50%;width:20px;height:20px;position:absolute}.top-left{top:3%;left:3%;transform:translate(-50%,-50%)}.top-right{top:3%;right:3%;transform:translate(50%,-50%)}.bottom-left{bottom:3%;left:3%;transform:translate(-50%,50%)}.bottom-right{bottom:3%;right:3%;transform:translate(50%,50%)}.pitch-player{z-index:5;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;align-items:center;width:70px;display:flex;position:absolute;transform:translate(-50%,-50%)}.pitch-player:active{cursor:grabbing}.pitch-player.selected{z-index:20}.player-marker{background:var(--shirt-color);border:3px solid #fffffff2;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 15px #0000004d,0 0 0 2px #00000026}.pitch-player:hover .player-marker{transform:scale(1.08)}.pitch-player.selected .player-marker{box-shadow:0 5px 18px #00000059,0 0 0 3px #ffffff59,0 0 0 6px #4090e073}.player-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.default-player-icon{color:var(--number-color);font-size:21px}.player-number{background:var(--number-color);min-width:20px;height:20px;color:var(--shirt-color);border:1px solid #00000026;border-radius:50%;justify-content:center;align-items:center;padding:0 4px;font-size:9px;font-weight:900;display:flex;position:absolute;bottom:-2px;right:-2px}.pitch-player-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;backdrop-filter:blur(5px);background:#040e18bf;border-radius:5px;max-width:100px;margin-top:5px;padding:3px 7px;font-size:10px;font-weight:700;overflow:hidden}.pitch-direction{color:#ffffff80;letter-spacing:.15em;pointer-events:none;flex-direction:column;align-items:center;font-size:8px;font-weight:800;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.pitch-direction span{margin-top:4px;font-size:14px}.pitch-help{color:#63758a;margin-top:15px;font-size:11px}.editor-panel{background:#091626;border-left:1px solid #ffffff0f}.editor-content{padding:20px}.editor-title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.editor-title span{color:#5e7896;letter-spacing:.14em;font-size:9px;font-weight:900}.editor-title h2{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:190px;margin:4px 0 0;font-size:18px;overflow:hidden}.delete-player{color:#d47a7a;background:#ff46460f;border:1px solid #ff5a5a26;border-radius:6px;width:30px;height:30px;font-size:18px}.large-editor-avatar{background:#15273b;border:3px solid #29415e;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 15px;display:flex;overflow:hidden}.large-editor-avatar img{object-fit:cover;width:100%;height:100%}.large-default-avatar{font-size:34px}.photo-upload{text-align:center;margin-bottom:20px}.photo-upload label{color:#bdc9d8;cursor:pointer;background:#101f32;border:1px solid #ffffff1a;border-radius:6px;padding:8px 12px;font-size:11px;display:inline-block}.photo-upload label:hover{background:#152c47}.photo-upload input{display:none}.form-section{margin-bottom:14px}.form-section label{color:#718198;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.form-section input{color:#e8edf5;background:#101f32;border:1px solid #ffffff17;border-radius:7px;outline:none;width:100%;padding:10px 11px}.form-section input:focus{border-color:#508fcd99}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.coordinates-box{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.coordinates-box>div{background:#0e1e31;border-radius:7px;padding:10px}.coordinates-box span{color:#5f7187;letter-spacing:.08em;font-size:8px;font-weight:800;display:block}.coordinates-box strong{color:#d8e2ee;margin-top:4px;font-size:11px;display:block}.empty-editor{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:30px;display:flex}.empty-editor-icon{background:#11243a;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:14px;font-size:25px;display:flex}.empty-editor h3{margin:0;font-size:14px}.empty-editor p{color:#66778b;max-width:190px;margin-top:8px;font-size:11px;line-height:1.5}.lineup-footer{color:#52657a;background:#06111e;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;min-height:45px;padding:0 22px;font-size:10px;display:flex}.lineup-footer strong{color:#8296ae;letter-spacing:.1em}.footer-formation{color:#8099b4;font-weight:800}@media (width<=1100px){.workspace{grid-template-columns:210px minmax(350px,1fr) 240px}.pitch-section{padding:25px}.pitch-player{width:62px}.player-marker{width:48px;height:48px}}@media (width<=800px){.lineup-header{height:64px;padding:0 14px}.brand-area h1{font-size:15px}.header-button{padding:7px 10px;font-size:11px}.lineup-toolbar{white-space:nowrap;gap:15px;padding:10px 14px;overflow-x:auto}.reset-button{margin-left:0}.workspace{flex-direction:column;min-height:auto;display:flex}.pitch-section{order:1;padding:20px 12px 25px}.players-panel{border-top:1px solid #ffffff0f;border-right:0;order:2;max-height:300px}.editor-panel{border-top:1px solid #ffffff0f;border-left:0;order:3;min-height:350px}.football-pitch{width:min(94vw,470px)}.pitch-player{width:55px}.player-marker{width:43px;height:43px}.pitch-player-name{font-size:8px}.lineup-footer{padding:0 12px}}@media (width<=450px){.header-actions{gap:4px}.header-button{padding:6px 8px}.brand-area span{display:none}.pitch-section{padding-left:7px;padding-right:7px}.football-pitch{width:96vw}.pitch-player{width:48px}.player-marker{border-width:2px;width:38px;height:38px}.default-player-icon{font-size:15px}.player-number{width:16px;min-width:16px;height:16px;font-size:7px}.pitch-player-name{max-width:70px;padding:2px 4px;font-size:7px}}.lineup_save_msg{color:gold;border-left:2px solid gold;margin:0 28px;padding:.5rem 1rem;font-size:.85rem}.save-player-btn{color:#fff;cursor:pointer;background:#173b67;border:none;border-radius:8px;width:100%;margin-top:1rem;padding:10px;font-weight:600;transition:all .15s;display:block}.save-player-btn:hover{background:#1e4d85}.save-player-btn:disabled{opacity:.6;cursor:not-allowed}.slot_msg{color:gold;text-align:center;margin-top:.5rem;font-size:.75rem}.studio_overlay_backdrop{z-index:9000;backdrop-filter:blur(6px);background:#040810d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.studio_overlay_inner{background:#071525;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;width:96vw;height:94vh;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000008c}.studio_overlay_inner .dapash-lineup-app{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.studio_overlay_close{z-index:10;color:#fff;cursor:pointer;background:#0000008c;border:1px solid #ffffff26;border-radius:40px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .15s;position:absolute;top:14px;right:18px}.studio_overlay_close:hover{background:#ff4646d9;border-color:#ff4646e6}.studio_overlay_inner .workspace{flex:1;min-height:0;overflow:hidden}.studio_overlay_inner .players-panel,.studio_overlay_inner .editor-panel{scrollbar-width:none;overflow-y:auto}.studio_overlay_inner .players-panel::-webkit-scrollbar{display:none}.studio_overlay_inner .editor-panel::-webkit-scrollbar{display:none}.studio_overlay_inner .dapash-lineup-app{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.studio_overlay_inner .lineup-header,.studio_overlay_inner .lineup-toolbar,.studio_overlay_inner .lineup-footer{flex-shrink:0}.studio_overlay_inner .workspace{flex:auto;grid-template-columns:260px minmax(420px,1fr) 280px;min-height:0;display:grid;overflow:hidden}.studio_overlay_inner .players-panel,.studio_overlay_inner .editor-panel{scrollbar-width:none;-ms-overflow-style:none;height:100%;min-height:0;overflow:hidden auto}.studio_overlay_inner .players-panel::-webkit-scrollbar{display:none}.studio_overlay_inner .editor-panel::-webkit-scrollbar{display:none}.studio_overlay_inner .pitch-section{scrollbar-width:none;-ms-overflow-style:none;height:100%;min-height:0;overflow:hidden auto}.studio_overlay_inner .pitch-section::-webkit-scrollbar{display:none}@media (width<=1100px){.studio_overlay_inner .workspace{grid-template-columns:210px minmax(320px,1fr) 240px}}@media (width<=800px){.studio_overlay_inner .workspace{flex-direction:column;display:flex;overflow-y:auto}.studio_overlay_inner .pitch-section{order:1}.studio_overlay_inner .players-panel{border-top:1px solid #ffffff0f;border-right:0;order:2;max-height:280px}.studio_overlay_inner .editor-panel{border-top:1px solid #ffffff0f;border-left:0;order:3;max-height:360px}}.match_interface_modern{--ref-bg:#07111f;--ref-panel:#0d1929;--ref-panel-2:#111f32;--ref-border:#ffffff14;--ref-text:#f5f7fa;--ref-muted:#8d9aad;--ref-accent:#2dd4bf;--ref-accent-dark:#0f766e;--ref-danger:#ef4444;--ref-warning:#facc15;background:radial-gradient(circle at 50% -10%, #2dd4bf14, transparent 35%), var(--ref-bg);width:100%;min-height:100vh;color:var(--ref-text);box-sizing:border-box;padding:24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.match_container_modern{width:100%;max-width:1450px;margin:0 auto}.scoreboard{border:1px solid var(--ref-border);background:linear-gradient(135deg,#ffffff0b,#ffffff04);border-radius:22px;grid-template-columns:1fr 220px 1fr;align-items:center;gap:30px;padding:28px 36px;display:grid;box-shadow:0 20px 60px #00000047,inset 0 1px #ffffff08}.team{align-items:center;gap:18px;display:flex}.team_home{text-align:right;justify-content:flex-end}.team_away{text-align:left;justify-content:flex-start}.team_logo{background:var(--ref-panel-2);border:1px solid var(--ref-border);border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;font-size:30px;display:flex;box-shadow:0 8px 25px #00000040,inset 0 1px #ffffff0a}.team_name{letter-spacing:-.3px;font-size:20px;font-weight:750}.match_info{flex-direction:column;justify-content:center;align-items:center;display:flex}.match_clock{letter-spacing:-2px;text-align:center;color:#fff;min-width:150px;font-family:SFMono-Regular,Roboto Mono,Cascadia Code,monospace;font-size:44px;font-weight:800;line-height:1}.match_status{color:var(--ref-accent);letter-spacing:1.2px;background:#2dd4bf1a;border:1px solid #2dd4bf2e;border-radius:999px;align-items:center;gap:7px;margin-top:10px;padding:5px 11px;font-size:11px;font-weight:800;display:inline-flex}.match_status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px}.score_value{font-size:48px;font-weight:850;line-height:1}.score_separator{color:var(--ref-muted);font-size:28px}.match_controls{background:var(--ref-panel);border:1px solid var(--ref-border);border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:18px 0;padding:16px;display:flex}.control_btn{border:1px solid var(--ref-border);min-height:44px;color:var(--ref-text);cursor:pointer;background:#142238;border-radius:11px;padding:0 18px;font-size:13px;font-weight:700;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s}.control_btn:hover{background:#1a2b43;border-color:#ffffff24;transform:translateY(-1px)}.control_btn:active{transform:translateY(0)}.start_match_btn{background:var(--ref-accent);border-color:var(--ref-accent);color:#03201c;padding:0 25px}.start_match_btn:hover{background:#5eead4;border-color:#5eead4}.end_match_btn{color:#f87171;background:#ef44441a;border-color:#ef44444d;margin-left:auto}.end_match_btn:hover{background:#ef44442e;border-color:#ef444473}.success-message,.error-message{border-radius:12px;margin:12px 0;padding:13px 16px;font-size:13px;font-weight:650}.success-message{color:#5eead4;background:#2dd4bf14;border:1px solid #2dd4bf2e}.error-message{color:#f87171;background:#ef444414;border:1px solid #ef444433}.loading{text-align:center;color:var(--ref-muted);padding:30px}.players_pitch{grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);gap:18px;margin-top:18px;display:grid}.team_column{border:1px solid var(--ref-border);background:linear-gradient(#ffffff09,#ffffff04);border-radius:20px;min-width:0;padding:18px}.team_header{border-bottom:1px solid var(--ref-border);justify-content:space-between;align-items:center;margin-bottom:5px;padding:5px 5px 16px;font-size:15px;font-weight:800;display:flex}.players_list{flex-direction:column;gap:8px;display:flex}.player_card_modern{background:#ffffff06;border:1px solid #0000;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:8px 10px;transition:background .15s,border-color .15s,transform .15s;display:flex}.player_card_modern:hover{border-color:var(--ref-border);background:#ffffff0d;transform:translateY(-1px)}.player_info_modern{align-items:center;gap:8px;min-width:0;display:flex}.player_name_modern{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.captain_badge_modern{color:var(--ref-muted);background:#ffffff12;border-radius:5px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:800}.match_setup{background:#0d1a2bb8;border:1px solid #ffffff12;border-radius:15px;justify-content:center;align-items:center;gap:14px;padding:14px 18px;display:flex}.setup_group{align-items:center;gap:9px;display:flex}.setup_group label{color:#71869d;letter-spacing:.1em;font-size:10px;font-weight:800}.match_duration_select{color:#f2f6fa;cursor:pointer;background:#15263b;border:1px solid #ffffff17;border-radius:9px;outline:none;min-width:110px;height:38px;padding:0 12px;font-size:12px;font-weight:750}.match_duration_select:focus{border-color:#3b82f68c}.match_duration_select:disabled{opacity:.55;cursor:not-allowed}.period_badge{color:#8dbbff;letter-spacing:.08em;background:#3b82f614;border:1px solid #3b82f629;border-radius:9px;justify-content:center;align-items:center;min-width:88px;height:38px;padding:0 12px;font-size:10px;font-weight:850;display:flex}.pause_btn{color:#f5d76e;background:#f5c54217;border-color:#f5c54233}.pause_btn:hover{background:#f5c54226;border-color:#f5c54259}.full_time_badge{color:#dce5ee;letter-spacing:.12em;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:11px;justify-content:center;align-items:center;min-height:46px;padding:0 25px;font-size:12px;font-weight:850;display:flex}@media (width<=650px){.match_setup{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.setup_group{justify-content:space-between}.match_duration_select,.period_badge{flex:1}}.player_actions_modern{flex-shrink:0;align-items:center;gap:5px;display:flex}.action_icon{cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:15px;transition:transform .12s,background .12s,border-color .12s;display:flex}.action_icon:hover{transform:scale(1.08)}.action_icon:active{transform:scale(.96)}.action_icon.yellow{background:#facc1512;border-color:#facc152e}.action_icon.yellow:hover{background:#facc1529;border-color:#facc1566}.action_icon.red{background:#ef444412;border-color:#ef44442e}.action_icon.red:hover{background:#ef444429;border-color:#ef444466}.action_icon.goal{background:#2dd4bf12;border-color:#2dd4bf2e}.action_icon.goal:hover{background:#2dd4bf29;border-color:#2dd4bf66}.vs_divider{justify-content:center;align-items:center;display:flex}.vs_divider span{background:var(--ref-panel);border:1px solid var(--ref-border);width:48px;height:48px;color:var(--ref-muted);letter-spacing:1px;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:850;display:flex;box-shadow:0 8px 25px #0003}.no_match{min-height:400px;color:var(--ref-muted);justify-content:center;align-items:center;font-size:15px;display:flex}@media (width<=900px){.match_interface_modern{padding:15px}.scoreboard{grid-template-columns:1fr 160px 1fr;gap:15px;padding:22px}.team_name{font-size:16px}.team_logo{width:54px;height:54px;font-size:24px}.match_clock{font-size:36px}.players_pitch{grid-template-columns:1fr}.vs_divider{display:none}}@media (width<=600px){.match_interface_modern{padding:10px}.scoreboard{border-radius:17px;grid-template-columns:1fr;gap:15px;padding:18px}.team{text-align:center;justify-content:center}.team_home{order:1}.match_info{order:2}.team_away{order:3}.match_clock{font-size:40px}.match_controls{gap:7px;padding:12px}.control_btn{flex:1;min-width:90px;padding:0 12px;font-size:12px}.end_match_btn{flex-basis:100%;margin-left:0}.team_column{padding:13px}.player_card_modern{min-height:58px}.action_icon{width:38px;height:38px}}@media (width<=380px){.team_logo{width:46px;height:46px;font-size:20px}.team_name{font-size:14px}.match_clock{font-size:34px}.player_name_modern{font-size:12px}.action_icon{width:34px;height:34px;font-size:13px}}.avatar-circle{transition:transform .2s}.avatar-circle:hover{transform:scale(1.05)}.account-menu-popup{z-index:1000;background:#fff;border-radius:8px;min-width:250px;padding:12px 0;position:absolute;top:50px;right:0;box-shadow:0 2px 10px #0000001a}.account-info{padding:0 16px 8px}.account-name{margin-bottom:4px;font-weight:700}.account-email{color:#666;font-size:12px}.menu-item{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 16px}.menu-item:hover{background-color:#f5f5f5}.sign-out{color:#d32f2f}.account-selection{max-width:400px;margin:0 auto;padding:20px}.accounts-list{margin:20px 0}.account-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.account-item:hover{background-color:#f5f5f5}.account-details{flex:1}.use-account-btn{color:#fff;cursor:pointer;background-color:#1a73e8;border:none;border-radius:4px;padding:6px 12px}.sign-in-form{max-width:300px;margin:0 auto;padding:20px}.sign-in-form input{border:1px solid #ddd;border-radius:4px;width:100%;margin:8px 0;padding:8px}.sign-in-form button{color:#fff;cursor:pointer;background-color:#1a73e8;border:none;border-radius:4px;width:100%;margin:8px 0;padding:10px}.google-signin{color:#333!important;background-color:#fff!important;border:1px solid #ddd!important}.error{color:#d32f2f;margin-top:8px}.navbar{background-color:#fff;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;box-shadow:0 2px 4px #0000001a}.nav-actions,.user-menu{position:relative}.avatar-wrapper{cursor:pointer}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0;padding:0}body{color:#333;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-y:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ecf0f1}::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#95a5a6}.app-layout{flex-direction:column;min-height:100vh;display:flex}.header{color:#fff;z-index:2000;background:#2c3e50;border-bottom:1px solid #34495e;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}@media (width<=767px){.header{height:60px;padding:1rem}}.header-left{align-item:center;flex-shrink:0;display:flex}.header-center .title{font-size:1.8rem}.codemeter{color:#3498db;font-weight:800}.webadmin{opacity:.9;font-weight:300}.single-name{color:#60a5fa;letter-spacing:-.02em;text-shadow:0 2px 5px #0000001a;font-weight:700}.refresh-button{color:#fff;cursor:pointer;background:#34495e;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.refresh-button:hover{background:#3d566e}.nav-menu{z-index:1500;-webkit-overflow-scrolling:touch;white-space:nowrap;scrollbar-width:thin;scrollbar-color:#ffffff4d #ffffff1a;background:#34495e;border-bottom:1px solid #2c3e50;flex-shrink:0;height:50px;position:fixed;top:70px;left:0;right:0;overflow:auto hidden}@media (width<=767px){.nav-menu{height:45px;top:60px}}.nav-menu::-webkit-scrollbar{height:4px}.nav-menu::-webkit-scrollbar-track{background:#ffffff1a}.nav-menu::-webkit-scrollbar-thumb{background:#ffffff4d}.nav-menu::-webkit-scrollbar-thumb:hover{background:#ffffff80}.nav-container{align-items:center;min-width:max-content;height:100%;padding:0 1rem;display:inline-flex}.nav-tab{color:#ecf0f1;cursor:pointer;white-space:nowrap;border-bottom:3px solid #0000;flex-shrink:0;align-items:center;gap:.3rem;min-height:44px;padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:flex}@media (width<=767px){.nav-tab{padding:.75rem .8rem;font-size:.9rem}}.nav-tab:hover{color:#fff;background:#3d566e}.nav-tab.active{color:#fff;background:#2c3e50;border-bottom-color:#3498db}.dropdown-arrow{opacity:.7;font-size:.7rem}@media (width<=767px){.dropdown-arrow{display:none}}.nav-right{flex-shrink:0;align-items:center;margin-left:auto;display:flex}.language-selector{color:#ecf0f1;cursor:pointer;white-space:nowrap;flex-shrink:0;padding:.5rem .8rem}.breadcrumb{color:#7f8c8d;z-index:1000;background:#ecf0f1;flex-shrink:0;align-items:center;gap:.5rem;height:45px;padding:.75rem 2rem;font-size:.9rem;display:flex;position:fixed;top:120px;left:0;right:0}@media (width<=767px){.breadcrumb{height:40px;padding:.5rem 1rem;font-size:.8rem;top:105px}}.breadcrumb-item{align-items:center;gap:.5rem;display:flex}.breadcrumb-item.active{color:#2c3e50;font-weight:500}.breadcrumb-separator{opacity:.5}.main-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;background:linear-gradient(135deg,#e8f5e8 0%,#d0ebd0 100%);margin:0;padding:0 0 80px;position:absolute;inset:165px 0 60px;overflow-y:auto}@media (width<=767px){.main-container{top:145px;bottom:50px}}@media (height<=500px) and (orientation:landscape){.main-container{top:105px;bottom:50px}}.content-container{max-width:1200px;margin:0 auto}.footer{color:#ecf0f1;z-index:1000;background:#2c3e50;justify-content:space-between;height:60px;padding:1rem 2rem;font-size:.9rem;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width<=767px){.footer{height:50px;padding:.8rem 1rem;font-size:.8rem}}.server-highlight{color:#3498db;font-weight:600}.address-highlight{color:#e74c3c;font-weight:600}.page-container{padding:1rem}@media (width>=1024px){.page-container{padding:2rem 3rem}}.section{margin-bottom:2.5rem}.hero-grid{gap:1rem;display:grid}@media (width>=768px){.hero-grid{grid-template-columns:2fr 1fr}}.main-video{border-radius:1rem;position:relative;overflow:hidden}.main-video iframe{border:none;width:100%;height:420px}.main-video .video-overlay{background:linear-gradient(#0000,#000000e6);width:100%;padding:1.5rem;position:absolute;bottom:0}.main-video .video-overlay .tag{border-radius:999px;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.main-video .video-overlay h1{margin:.5rem 0;font-size:1.8rem;font-weight:800}.main-video .video-overlay p{opacity:.8;font-size:.9rem}.side-highlights{flex-direction:column;gap:1rem;display:flex}.stat-card{border:1px solid #ffffff1a;border-radius:1rem;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}.stat-card .stat-icon{font-size:2rem}.stat-card .stat-info{flex:1}.stat-card .stat-label{opacity:.7;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.75rem}.stat-card .stat-value{font-size:1.5rem;font-weight:700;line-height:1}.stat-card .stat-detail{opacity:.6;margin-top:.25rem;font-size:.7rem}.stat-card:hover{transform:translateY(-4px)}.highlights-grid-section .section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.highlights-grid-section .section-header h2{margin:0;font-size:1.6rem;font-weight:800}.highlights-grid-section .section-header .sport-badge{letter-spacing:1px;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:700;animation:2s infinite pulse}.highlights-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width>=768px){.highlights-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.highlights-grid{grid-template-columns:repeat(4,1fr)}}.more-highlights-section{border-top:1px solid #ffffff1a;margin-top:2rem;margin-bottom:2rem;padding-top:1rem}.more-highlights-section h3{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.2rem;font-weight:600;display:flex}.more-highlights-section h3:before{content:"🎬";font-size:1.1rem}.more-highlights-section .horizontal-scroll{scroll-behavior:smooth;scrollbar-width:thin;gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.more-highlights-section .horizontal-scroll::-webkit-scrollbar{height:6px}.more-highlights-section .horizontal-scroll::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.more-highlights-section .horizontal-scroll::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.more-highlights-section .horizontal-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff80}.more-highlights-section .horizontal-scroll .highlight-item{aspect-ratio:3/4;flex:0 0 240px}@media (width>=768px){.more-highlights-section .horizontal-scroll .highlight-item{flex:0 0 200px}}@media (width>=480px){.more-highlights-section .horizontal-scroll .highlight-item{flex:0 0 180px}}.highlight-item{aspect-ratio:3/4;cursor:pointer;border-radius:.8rem;position:relative;overflow:hidden}.highlight-item img{object-fit:cover;width:100%;height:100%;transition:all .4s}.highlight-item:hover img{transform:scale(1.1)}.highlight-item .highlight-overlay{opacity:0;background:linear-gradient(#0000,#000c);justify-content:space-between;align-items:flex-end;padding:.8rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.highlight-item .highlight-overlay p{margin:0;font-size:.8rem;font-weight:600;transition:transform .3s;transform:translateY(20px)}.highlight-item .highlight-overlay .play-icon{border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;transition:transform .3s;display:flex;transform:translateY(20px)}.highlight-item .highlight-tag{backdrop-filter:blur(4px);z-index:2;letter-spacing:.5px;background:#000c;border-left:2px solid;border-radius:20px;padding:.25rem .75rem;font-size:.65rem;font-weight:700;position:absolute;top:.75rem;left:.75rem}.highlight-item:hover .highlight-overlay{opacity:1}.highlight-item:hover .highlight-overlay p,.highlight-item:hover .highlight-overlay .play-icon{transform:translateY(0)}.mixed-content-section{gap:1rem;display:grid}@media (width>=768px){.mixed-content-section{grid-template-columns:2fr 1fr}}.analysis-card{border-left:4px solid;border-radius:1rem;padding:1.2rem}.analysis-card h3{margin-bottom:.5rem;font-size:1.2rem}.analysis-card p{opacity:.8;line-height:1.5}.analysis-card .stats-container{margin-top:1rem}.analysis-card .stats-container .stat-row{align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.875rem;display:flex}.analysis-card .stats-container .stat-row span:first-child{width:110px;font-weight:600}.analysis-card .stats-container .stat-row .stat-bar{background:#ffffff1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.analysis-card .stats-container .stat-row .stat-bar .stat-fill{transform-origin:0;border-radius:3px;height:100%;animation:.8s ease-out forwards slideIn}.analysis-card .stats-container .stat-row .stat-percent{text-align:right;width:60px;font-size:.75rem}.spotlight-card{border-radius:1rem;padding:1.2rem}.spotlight-card h3{margin-bottom:.5rem;font-size:1.2rem}.spotlight-card .player-name{margin:.5rem 0;font-size:1.4rem;font-weight:800}.spotlight-card .player-stats{opacity:.9;font-size:.875rem}.spotlight-card .player-rating{margin:1rem 0}.spotlight-card .player-rating span:first-child{letter-spacing:2px;font-size:1rem}.spotlight-card .player-rating .rating-text{opacity:.8;margin-left:.5rem;font-size:.75rem}.spotlight-card .watch-button{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:700;transition:all .3s}.spotlight-card .watch-button:hover{transform:translate(5px)}.extra-section{border-top:1px solid #ffffff1a;margin-top:2.5rem;padding-top:1rem}.extra-section h2{margin-bottom:1.5rem;font-size:1.6rem;font-weight:800}.leagues-grid,.legends-grid,.tournaments-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.league-card,.legend-card,.tournament-card{backdrop-filter:blur(10px);text-align:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:1rem;padding:1.25rem;transition:all .3s}.league-card:hover,.legend-card:hover,.tournament-card:hover{transform:translateY(-5px)}.league-card h3,.legend-card h3,.tournament-card h3{margin:.5rem 0;font-size:1.1rem}.league-card p,.legend-card p,.tournament-card p{opacity:.7;margin:.25rem 0;font-size:.875rem}.league-card button,.legend-card button,.tournament-card button{cursor:pointer;background:0 0;border:1px solid;border-radius:6px;margin-top:1rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:all .3s}.league-card button:hover,.legend-card button:hover,.tournament-card button:hover{transform:translate(5px)}.fixtures-list{flex-direction:column;gap:.75rem;display:flex}.fixtures-list .fixture-item{background:#0000004d;border-radius:.75rem;justify-content:space-between;align-items:center;padding:1rem;transition:all .3s;display:flex}.fixtures-list .fixture-item:hover{transform:translate(5px)}.fixtures-list .fixture-item .fixture-info{flex-direction:column;gap:.25rem;display:flex}.fixtures-list .fixture-item .fixture-info .match{font-weight:600}.fixtures-list .fixture-item .fixture-info .time{opacity:.7;font-size:.75rem}.fixtures-list .fixture-item .fixture-badge{background:#ffffff1a;border-radius:20px;padding:.25rem .75rem;font-size:.7rem}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.modal-overlay{z-index:1000;background:#000000e6;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-overlay .modal-content{background:#000;border-radius:1rem;width:90%;max-width:1200px;animation:.3s slideUp;position:relative;overflow:hidden}.modal-overlay .modal-content iframe{aspect-ratio:16/9;border:none;width:100%}.modal-overlay .modal-content .modal-close{color:#fff;cursor:pointer;z-index:10;background:#000000b3;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;transition:all .3s;position:absolute;top:1rem;right:1rem}.modal-overlay .modal-content .modal-close:hover{background:#fff3;transform:scale(1.1)}.modal-overlay .modal-content .modal-info{background:#111;padding:1rem}.modal-overlay .modal-content .modal-info h3{margin:0 0 .5rem}.modal-overlay .modal-content .modal-info p{opacity:.7;font-size:.875rem}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.account-page{box-sizing:border-box;background:linear-gradient(135deg,#e8f5e8 0%,#d0ebd0 100%);flex-direction:column;align-items:center;gap:1rem;width:100%;min-height:100%;padding:1rem 1rem 3rem;display:flex}@media (width>=768px){.account-page{gap:1rem}}.account-overview-card{text-align:center;color:#fff;background:linear-gradient(135deg,#2ecc71 0%,#27ae60 100%);border-radius:16px;width:90%;max-width:400px;padding:1.5rem;box-shadow:0 8px 25px #2ecc714d}@media (width>=768px){.account-overview-card{width:60%;max-width:350px;padding:2rem}}@media (width>=1024px){.account-overview-card{max-width:400px;padding:3rem}}.account-label{opacity:.9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem;font-size:.8rem;display:block}.account-value{margin-bottom:1rem;font-size:1rem;font-weight:600}.balance-amount{text-shadow:0 2px 4px #0003;font-size:1.8rem;font-weight:700}@media (width>=768px){.balance-amount{font-size:2.2rem}}@media (width>=1024px){.balance-amount{font-size:2.5rem}}.withdrawal-section{background:#fff;border-radius:12px;align-self:center;width:90%;margin-left:10%;padding:1.5rem;box-shadow:0 4px 15px #0000001a}@media (width>=768px){.withdrawal-section{width:75%;max-width:600px}}@media (width>=1024px){.withdrawal-section{width:70%;max-width:700px;padding:2rem}}.section-title{color:#2c3e50;text-align:center;margin-bottom:1rem;font-size:1.2rem}.withdrawal-form{flex-direction:column;gap:1rem;display:flex}@media (width>=768px){.withdrawal-form{flex-direction:row}}.withdrawal-input{box-sizing:border-box;border:2px solid #bdc3c7;border-radius:8px;width:90%;min-height:44px;padding:1rem;font-size:1rem;transition:border-color .3s}.withdrawal-input:focus{border-color:#3498db;outline:none}@media (width>=768px){.withdrawal-input{flex:1}}.withdrawal-button{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:8px;padding:1rem;font-size:1rem;font-weight:600;transition:background .3s}.withdrawal-button:hover:not(:disabled){background:#c0392b}.withdrawal-button:disabled{cursor:not-allowed;background:#95a5a6}.transaction-section{background:#fff;border-radius:12px;width:90%;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 15px #0000001a}@media (width>=768px){.transaction-section{width:90%;max-width:800px;margin-bottom:2rem}}@media (width>=1024px){.transaction-section{width:85%;max-width:900px;padding:2rem}}@media (width>=1200px){.transaction-section{width:80%;max-width:1000px}}.duration-selector{flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}@media (width>=768px){.duration-selector{flex-direction:row;align-items:center}}.duration-label{color:#2c3e50;text-align:center;font-weight:600}.duration-select{background:#fff;border:2px solid #bdc3c7;border-radius:6px;min-height:44px;padding:.8rem;font-size:1rem}.request-button{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:6px;margin-top:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:background .3s}.request-button:hover:not(:disabled){background:#2980b9}.request-button:disabled{cursor:not-allowed;background:#95a5a6}.transaction-history{background:#fefefe;border:1px solid #ecf0f1;border-radius:8px;max-height:300px;margin-bottom:1rem;overflow:hidden auto}.transaction-history::-webkit-scrollbar{width:4px;height:4px}.transaction-history::-webkit-scrollbar-track{background:#bdc3c7;border-radius:2px}.transaction-history::-webkit-scrollbar-thumb{background:#95a5a6;border-radius:2px}.transaction-history::-webkit-scrollbar-thumb:hover{background:#849698}@media (width>=1024px){.transaction-history{max-height:400px}}.history-header{display:none}@media (width>=768px){.history-header{color:#fff;background:#34495e;grid-template-columns:1fr 2fr 1fr;gap:1rem;padding:1rem;font-weight:600;display:grid;position:sticky;top:0}}.history-list{max-height:200px;padding-bottom:.5rem;overflow-y:auto}.history-list::-webkit-scrollbar{width:4px;height:4px}.history-list::-webkit-scrollbar-track{background:#bdc3c7;border-radius:2px}.history-list::-webkit-scrollbar-thumb{background:#95a5a6;border-radius:2px}.history-list::-webkit-scrollbar-thumb:hover{background:#849698}@media (width>=768px){.history-list{max-height:250px}}@media (width>=1024px){.history-list{max-height:350px}}.transaction-item{border-bottom:1px solid #ecf0f1;flex-direction:column;gap:.5rem;margin:0 .5rem;padding:1rem;transition:background .2s;display:flex}.transaction-item:last-child{border-bottom:none;margin-bottom:.5rem}.transaction-item:hover{background:#f8f9fa}.transaction-item.debit{border-left:4px solid #e74c3c}.transaction-item.credit{border-left:4px solid #27ae60}@media (width>=768px){.transaction-item{grid-template-columns:1fr 2fr 1fr;gap:1rem;margin:0;padding:1rem;display:grid}}.transaction-date{color:#7f8c8d;order:1;font-size:.8rem}@media (width>=768px){.transaction-date{order:0}}.transaction-desc{color:#2c3e50;order:2;font-weight:600}@media (width>=768px){.transaction-desc{order:0}}.transaction-amount{text-align:left;order:3;font-size:1.1rem;font-weight:600}.transaction-amount.positive{color:#27ae60}.transaction-amount.negative{color:#e74c3c}@media (width>=768px){.transaction-amount{text-align:right;order:0}}.error-message{color:#c0392b;text-align:center;background:#fee;border-radius:6px;margin-top:1rem;padding:.8rem;font-size:.9rem}.home-page{width:100%;max-width:1200px;margin:0 auto;padding:2rem}@media (width<=767px){.home-page{padding:1rem}}.business-header{text-align:center;margin-bottom:3rem}.business-header h1{color:#2c3e50;margin-bottom:1rem;font-size:2.5rem}@media (width<=767px){.business-header h1{font-size:2rem}}.business-header p{color:#7f8c8d;font-size:1.2rem}.business-list{flex-direction:column;gap:1.5rem;display:flex}.business-card{color:inherit;background:#fff;border:2px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:1.5rem;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000001a}.business-card:hover{border-color:#3498db;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}@media (width<=767px){.business-card{padding:1rem}}.business-card-content{flex:1}.business-header-info{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}@media (width<=767px){.business-header-info{flex-direction:column;align-items:flex-start;gap:.5rem}}.business-name{color:#2c3e50;margin:0;font-size:1.3rem}.business-industry{color:#7f8c8d;background:#ecf0f1;border-radius:20px;padding:.3rem .8rem;font-size:.8rem;font-weight:600}.business-description{color:#5d6d7e;margin-bottom:1rem;line-height:1.5}.business-footer{color:#7f8c8d;gap:1.5rem;font-size:.9rem;display:flex}@media (width<=767px){.business-footer{flex-direction:column;gap:.5rem}}.business-arrow{color:#3498db;font-size:1.5rem;font-weight:700}.business-page{width:100%;max-width:1000px;margin:0 auto;padding:2rem}@media (width<=767px){.business-page{padding:1rem}}.back-button{color:#3498db;border:2px solid #3498db;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.back-button:hover{color:#fff;background:#3498db}.business-detail{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #0000001a}.business-hero{color:#fff;text-align:center;padding:3rem 2rem}@media (width<=767px){.business-hero{padding:2rem 1rem}}.business-hero h1{margin-bottom:1rem;font-size:2.5rem}@media (width<=767px){.business-hero h1{font-size:2rem}}.business-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}@media (width<=767px){.business-meta{flex-direction:column;gap:.5rem}}.industry-badge{background:#fff3;border-radius:20px;padding:.5rem 1rem;font-weight:600}.location{font-size:1.1rem}.business-content{padding:3rem}@media (width<=767px){.business-content{padding:1.5rem}}.info-section{margin-bottom:3rem}.info-section h2{color:#2c3e50;border-bottom:3px solid #3498db;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.8rem;display:inline-block}.info-section p{color:#5d6d7e;font-size:1.1rem;line-height:1.7}.tech-innovators-hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important}.green-energy-hero{background:linear-gradient(135deg,#4ecdc4 0%,#44a08d 100%)!important}.urban-food-hero{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%)!important}.health-plus-hero{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)!important}.info-card{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 4px 15px #0000001a}.info-row{border-bottom:1px solid #ecf0f1;grid-template-columns:200px 1fr;padding:.75rem 0;display:grid}.info-row:last-child{border-bottom:none}.info-label{color:#2c3e50;font-weight:600}.info-value{color:#34495e}.status-active{color:#27ae60;font-weight:600}.link{color:#1abc9c;text-decoration:none}.link:hover{text-decoration:underline}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0;display:grid}@media (width<=767px){.stats-grid{grid-template-columns:1fr}}.stat-card{text-align:center;background:#f8f9fa;border-left:4px solid #3498db;border-radius:12px;padding:1.5rem}.stat-card h3{color:#7f8c8d;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.9rem}.stat-number{color:#2c3e50;margin:0;font-size:2rem;font-weight:700}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0;display:grid}.feature-card{background:#fff;border-left:4px solid #3498db;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000001a}.feature-card h3{color:#2c3e50;margin-bottom:.5rem}.feature-card p{color:#7f8c8d;margin:0}.tech-stack{flex-wrap:wrap;gap:.5rem;display:flex}.tech-tag{color:#fff;background:#3498db;border-radius:20px;padding:.4rem .8rem;font-size:.8rem;font-weight:600}.testimonials{background:#f8f9fa;border-radius:12px;margin:2rem 0;padding:2rem}.testimonial{color:#5d6d7e;border-left:3px solid #3498db;margin-bottom:1rem;padding-left:1rem;font-style:italic}.testimonial-author{color:#2c3e50;text-align:right;font-weight:700}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0;display:grid}.gallery-item{color:#7f8c8d;background:#ecf0f1;border-radius:8px;justify-content:center;align-items:center;height:150px;font-weight:700;display:flex;overflow:hidden}.video-section{border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;margin:3rem 0;padding:2rem 0}@media (width<=767px){.video-section{margin:2rem 0;padding:1.5rem 0}}.video-section h2{color:#2c3e50;text-align:center;margin-bottom:1.5rem}.video-container{border-radius:12px;width:100%;max-width:800px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000026}.video-container iframe{border:none;width:100%;height:450px;display:block}@media (width<=767px){.video-container iframe{height:250px}}.video-container.loading{background:#f8f9fa;justify-content:center;align-items:center;min-height:300px;display:flex}.business-video{background:#000;border-radius:8px;width:100%;height:auto;max-height:500px}.fullscreen-toggle{color:#ecf0f1;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .8rem;font-family:inherit;font-size:.9rem;transition:all .3s;display:flex}.fullscreen-toggle:hover{background:#fff3;border-color:#ffffff4d}.fullscreen-toggle:active{transform:scale(.95)}@media (width<=767px){.fullscreen-toggle{padding:.4rem .6rem}}.fullscreen-icon{font-size:1rem;font-weight:700}.fullscreen-text{font-size:.8rem;font-weight:600}@media (width<=767px){.fullscreen-text{display:none}}:fullscreen .nav-menu{background:#2c3e50}:-webkit-full-screen .nav-menu{background:#2c3e50}:-moz-full-screen .nav-menu{background:#2c3e50}:-ms-fullscreen .nav-menu{background:#2c3e50}:fullscreen .main-container{background:#1a2530}:-webkit-full-screen .main-container{background:#1a2530}:-moz-full-screen .main-container{background:#1a2530}:-ms-fullscreen .main-container{background:#1a2530}.video-modal-overlay{z-index:10000;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.video-modal-overlay .video-modal-container{background:#000;flex-direction:column;width:100%;height:100%;display:flex}.video-modal-overlay .video-modal-container .video-header{z-index:10;background:linear-gradient(#000c,#0000);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:fixed;top:0;left:0;right:0}.video-modal-overlay .video-modal-container .video-header .video-close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.video-modal-overlay .video-modal-container .video-header .video-close-btn:hover{background:#ffffff4d}.video-modal-overlay .video-modal-container .video-header .video-info{text-align:right}.video-modal-overlay .video-modal-container .video-header .video-info h3{color:#fff;margin:0;font-size:14px}.video-modal-overlay .video-modal-container .video-header .video-info span{color:#ffffffb3;font-size:12px}.video-modal-overlay .video-modal-container .video-wrapper{flex:1;justify-content:center;align-items:center;display:flex}.video-modal-overlay .video-modal-container .video-wrapper iframe{border:none;width:100%;height:100%}@media (width<=768px){.video-modal-overlay .video-modal-container .video-header{padding:8px 12px}.video-modal-overlay .video-modal-container .video-header .video-close-btn{width:32px;height:32px;font-size:18px}.video-modal-overlay .video-modal-container .video-header .video-info h3{white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:12px;overflow:hidden}.video-modal-overlay .video-modal-container .video-header .video-info span{font-size:10px}}@media (width>=769px){.video-modal-overlay{background:#000000f2}.video-modal-overlay .video-modal-container{border-radius:12px;width:90%;max-width:1000px;height:auto;max-height:90vh;overflow:hidden}.video-modal-overlay .video-modal-container .video-header{background:#111;border-bottom:1px solid #333;position:relative}.video-modal-overlay .video-modal-container .video-header .video-close-btn{background:#333}.video-modal-overlay .video-modal-container .video-header .video-close-btn:hover{background:#555}.video-modal-overlay .video-modal-container .video-wrapper iframe{height:500px}}.basketball-page{color:#fff;background:radial-gradient(circle at top,#1a1a2e,#0a0a0f);min-height:100vh}.basketball-page .main-video .video-overlay .tag,.basketball-page .sport-badge{color:#fff;background:#f97316}.basketball-page .stat-card{background:#111827;border-left:4px solid #f97316}.basketball-page .stat-card:hover{border-color:#f97316;box-shadow:0 0 20px #f973164d}.basketball-page .highlight-item{border:1px solid #f9731633}.basketball-page .highlight-item .highlight-tag{color:#f97316;border-left-color:#f97316}.basketball-page .highlight-item .highlight-overlay .play-icon{color:#fff;background:#f97316}.basketball-page .analysis-card{background:#111827;border-left-color:#f97316}.basketball-page .analysis-card .stat-fill{background:#f97316}.basketball-page .spotlight-card{color:#fff;background:linear-gradient(135deg,#f97316,#d65b06)}.basketball-page .spotlight-card .watch-button{color:#fff;background:#0003}.basketball-page .spotlight-card .watch-button:hover{color:#f97316;background:#fff}.basketball-page .extra-section .league-card:hover,.basketball-page .extra-section .player-card:hover{border-color:#f97316;box-shadow:0 0 15px #f9731633}.basketball-page .extra-section .league-card button,.basketball-page .extra-section .player-card button{color:#f97316;border-color:#f97316}.basketball-page .extra-section .league-card button:hover,.basketball-page .extra-section .player-card button:hover{color:#fff;background:#f97316}.volleyball-page{color:#fff;background:radial-gradient(circle at top,#2d1f1a,#1a0f0c);min-height:100vh}.volleyball-page .main-video .video-overlay .tag,.volleyball-page .sport-badge{color:#fff;background:#ff6b35}.volleyball-page .stat-card{background:#2d1f1ae6;border-left:4px solid #ff6b35}.volleyball-page .stat-card:hover{border-color:#ff6b35;box-shadow:0 0 20px #ff6b354d}.volleyball-page .highlight-item{border:1px solid #ff6b3533}.volleyball-page .highlight-item .highlight-tag{color:#ff6b35;border-left-color:#ff6b35}.volleyball-page .highlight-item .highlight-overlay .play-icon{color:#fff;background:#ff6b35}.volleyball-page .analysis-card{background:#2d1f1ae6;border-left-color:#ff6b35}.volleyball-page .analysis-card .stat-fill{background:#ff6b35}.volleyball-page .spotlight-card{color:#fff;background:linear-gradient(135deg,#ff6b35,#e85d04)}.volleyball-page .spotlight-card .watch-button{color:#fff;background:#0003}.volleyball-page .spotlight-card .watch-button:hover{color:#ff6b35;background:#fff}.volleyball-page .extra-section .league-card:hover,.volleyball-page .extra-section .tournament-card:hover{border-color:#ff6b35;box-shadow:0 0 15px #ff6b3533}.volleyball-page .extra-section .league-card button,.volleyball-page .extra-section .tournament-card button{color:#ff6b35;border-color:#ff6b35}.volleyball-page .extra-section .league-card button:hover,.volleyball-page .extra-section .tournament-card button:hover{color:#fff;background:#ff6b35}.rugby-page{color:#fff;background:radial-gradient(circle at top,#0a1f0e,#051007);min-height:100vh}.rugby-page .main-video .video-overlay .tag,.rugby-page .sport-badge{color:#000;background:#c9a03d}.rugby-page .stat-card{background:#1a3f2ce6;border-left:4px solid #c9a03d}.rugby-page .stat-card:hover{border-color:#c9a03d;box-shadow:0 0 20px #c9a03d4d}.rugby-page .highlight-item{border:1px solid #c9a03d33}.rugby-page .highlight-item .highlight-tag{color:#c9a03d;border-left-color:#c9a03d}.rugby-page .highlight-item .highlight-overlay .play-icon{color:#000;background:#c9a03d}.rugby-page .analysis-card{background:#1a3f2ce6;border-left-color:#c9a03d}.rugby-page .analysis-card .stat-fill{background:#c9a03d}.rugby-page .spotlight-card{color:#000;background:linear-gradient(135deg,#c9a03d,#b8860b)}.rugby-page .spotlight-card .watch-button{color:#000;background:#0003}.rugby-page .spotlight-card .watch-button:hover{color:#c9a03d;background:#000}.rugby-page .legend-card:hover,.rugby-page .tournament-card:hover{border-color:#c9a03d;box-shadow:0 0 15px #c9a03d33}.rugby-page .legend-card button,.rugby-page .tournament-card button{color:#c9a03d;border-color:#c9a03d}.rugby-page .legend-card button:hover,.rugby-page .tournament-card button:hover{color:#000;background:#c9a03d}.rugby-page .legend-flag{margin-bottom:.5rem;font-size:2rem}.football-page{color:#fff;background:radial-gradient(circle at top,#0b2e1a,#04110a);min-height:100vh}.football-page .main-video .video-overlay .tag,.football-page .sport-badge{color:#000;background:#facc15}.football-page .stat-card{background:#0f3d2ee6;border-left:4px solid #22c55e}.football-page .stat-card:hover{border-color:#facc15;box-shadow:0 0 20px #facc154d}.football-page .highlight-item{border:1px solid #facc1533}.football-page .highlight-item .highlight-tag{color:#facc15;border-left-color:#facc15}.football-page .highlight-item .highlight-overlay .play-icon{color:#000;background:#facc15}.football-page .analysis-card{background:#0f3d2ee6;border-left-color:#22c55e}.football-page .analysis-card .stat-fill{background:#22c55e}.football-page .spotlight-card{color:#000;background:linear-gradient(135deg,#facc15,#22c55e)}.football-page .spotlight-card .watch-button{color:#000;background:#0003}.football-page .spotlight-card .watch-button:hover{color:#facc15;background:#000}.football-page .league-card:hover,.football-page .fixture-item:hover{border-color:#facc15;box-shadow:0 0 15px #facc1533}.football-page .league-card button,.football-page .fixture-item button{color:#facc15;border-color:#facc15}.football-page .league-card button:hover,.football-page .fixture-item button:hover{color:#000;background:#facc15}@media (width<=767px){input,select,textarea{font-size:16px}button,.nav-tab,.duration-select,.withdrawal-input{min-height:44px}.history-list{background-color:#0000;background-image:linear-gradient(#fff 30%,#fff0),linear-gradient(#fff0,#fff 70%),radial-gradient(farthest-side at 50% 0,#0003,#0000),radial-gradient(farthest-side at 50% 100%,#0003,#0000);background-position:0 0,0 100%,0 0,0 100%;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}}@media (width<=480px){.breadcrumb,.account-label{font-size:.7rem}.account-value{font-size:.9rem}.balance-amount{font-size:1.5rem}}@media (width<=600px){.transaction-history{max-height:200px}.history-list{max-height:150px}.account-page{gap:.8rem;padding-bottom:1.5rem}}@media (height<=500px) and (orientation:landscape){.header{height:50px;padding:.5rem 1rem}.nav-menu{height:40px;top:50px}.breadcrumb{height:35px;padding:.4rem 1rem;font-size:.8rem;top:90px}.main-container{top:125px;bottom:50px}.footer{height:50px;padding:.6rem 1rem}.nav-tab{padding:.5rem .8rem;font-size:.85rem}.account-page{gap:.8rem;padding:.8rem .8rem 1.5rem}.account-overview-card{margin-top:0;padding:1rem}.balance-amount{font-size:1.5rem}.transaction-history{max-height:120px}.history-list{max-height:80px}}@media (height<=400px) and (orientation:landscape){.header{height:45px}.nav-menu{height:35px;top:45px}.breadcrumb{height:30px;display:none;top:80px}.main-container{top:80px}.account-overview-card{padding:.8rem}.balance-amount{font-size:1.3rem}.withdrawal-section,.transaction-section{padding:1rem}}@supports (padding:max(0px)){.account-page{padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right));padding-bottom:max(1rem, env(safe-area-inset-bottom))}.main-container{bottom:calc(60px + env(safe-area-inset-bottom))}@media (width<=767px){.main-container{bottom:calc(50px + env(safe-area-inset-bottom))}}}@media print{.back-button,.business-arrow{display:none}.business-detail{box-shadow:none}}@media (width<=767px){.basketball-page .main-video iframe{height:250px!important}.basketball-page .highlights-grid{gap:.75rem!important}.basketball-page .analysis-card,.basketball-page .spotlight-card{padding:1rem}}@media (width<=768px){.highlights-grid-section .section-header{flex-direction:column;align-items:flex-start}.highlights-grid-section .section-header h2{font-size:1.2rem}.highlights-grid-section .section-header .sport-badge{padding:.3rem .8rem;font-size:.7rem}.highlights-grid{gap:.75rem}.highlight-item .highlight-tag{padding:.15rem .5rem;font-size:.5rem;top:.5rem;left:.5rem}.highlight-item .highlight-overlay p{font-size:.6rem}.more-highlights-section h3{font-size:1rem}.more-highlights-section .horizontal-scroll{gap:.75rem}.more-highlights-section .horizontal-scroll .highlight-item{flex:0 0 140px}.highlight-item{min-height:44px}.highlight-item .highlight-overlay .play-icon{width:32px;height:32px;font-size:14px}}.centered-title{text-align:center;margin:2rem 0}.gradient-text{background:linear-gradient(135deg,#2ecc71 0%,#27ae60 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.m-0{margin:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#3498db}.text-success{color:#27ae60}.text-danger{color:#e74c3c}.text-muted{color:#7f8c8d}.bg-white{background:#fff}.bg-light{background:#f5f5f5}.bg-gradient{background:linear-gradient(135deg,#e8f5e8 0%,#d0ebd0 100%)}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 4px 15px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}