*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #1a472a;--green-light: #2d6a4f;--green-accent: #52b788;--white: #ffffff;--off-white: #f8f9fa;--gray-100: #f1f3f5;--gray-200: #e9ecef;--gray-400: #adb5bd;--gray-600: #6c757d;--gray-900: #212529;--gold: #f59e0b;--silver: #94a3b8;--bronze: #b45309;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--radius: 12px;--radius-sm: 8px}body{font-family:DM Sans,sans-serif;background:var(--off-white);color:var(--gray-900);min-height:100vh}button{cursor:pointer;font-family:DM Sans,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh;padding-bottom:100px;background:radial-gradient(circle at top,rgba(231,252,241,.8),transparent 40%),linear-gradient(180deg,#f7f9fb,#fff)}.header{display:flex;flex-direction:column;background:var(--green);padding:20px 20px 16px;position:sticky;top:0;z-index:100;gap:8px;box-shadow:0 12px 30px rgba(0,0,0,0,.12)}.header-top{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}.brand{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.brand h1{overflow-wrap:break-word;word-break:break-word}.header h1{margin:0;font-family:Syne,sans-serif;font-weight:800;font-size:20px;color:var(--white);letter-spacing:-.5px}.header .logo{width:44px;height:auto}.header-sub{font-size:12px;color:var(--green-accent);margin-top:2px}.user-bar{display:flex;flex-direction:row;align-items:center;gap:8px;flex-shrink:0}.user-avatar{width:34px;height:34px;border-radius:50%;background:#ffffff2e;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--white);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.user-avatar:hover{background:#ffffff47}.signout-btn{font-size:10px;color:var(--green-accent);background:none;border:1px solid var(--green-accent);border-radius:18px;padding:3px 8px;cursor:pointer;white-space:nowrap;line-height:1.4}.main{flex:1;padding:16px}.fixtures-filters-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:16px}.fixtures-filters{display:flex;flex:1;gap:8px;flex-wrap:wrap}.hiw-icon-btn{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid var(--gray-200);background:var(--white);color:var(--gray-400);font-size:16px;line-height:1;cursor:pointer;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s}.hiw-icon-btn:hover{color:var(--green);border-color:var(--green-accent)}.fixtures-filters select{flex:1;min-width:120px;padding:7px 10px;border-radius:20px;border:1px solid var(--gray-200);background:var(--white);color:var(--gray-600);font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;box-shadow:var(--shadow-sm)}.fixtures-filters select:focus{outline:none;border-color:var(--green-accent);color:var(--gray-900)}.fixtures-filters select:has(option:checked:not([value=all])){background:var(--green);color:var(--white);border-color:var(--green)}.no-results{text-align:center;color:var(--gray-600);padding:40px 0;font-size:14px}.date-header{font-family:Syne,sans-serif;font-size:11px;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.08em;margin:20px 0 8px;display:flex;align-items:center;gap:8px}.date-header:after{content:"";flex:1;height:1px;background:var(--gray-200)}.date-header:first-child{margin-top:0}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--white);border-top:1px solid var(--gray-200);display:flex;padding:8px 0 20px;z-index:100}.bottom-nav button{flex:1;background:none;border:none;color:var(--gray-400);display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;cursor:pointer;font-family:DM Sans,sans-serif;transition:color .2s}.bottom-nav .nav-icon{display:flex;align-items:center;justify-content:center;width:56px;height:28px;border-radius:14px;transition:background .2s ease}.bottom-nav .nav-label{font-size:11px;letter-spacing:.01em;transition:font-weight .2s}.bottom-nav button.active{color:var(--green)}.bottom-nav button.active .nav-icon{background:#1a472a1a}.bottom-nav button.active .nav-label{font-weight:600}.bottom-nav button:not(.active):hover .nav-icon{background:var(--gray-100)}.app-footer{text-align:center;padding:12px 16px 8px}.app-footer a{font-size:11px;color:var(--gray-400);text-decoration:none}.app-footer a:hover{color:var(--gray-600)}.install-banner{display:flex;align-items:center;gap:10px;background:#1a472a;color:#fff;padding:10px 14px;font-size:12px;line-height:1.4}.install-banner-text{flex:1}.install-banner-btn{background:#52b788;color:#fff;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}.install-banner-dismiss{background:none;border:none;color:#fff9;font-size:14px;padding:2px 4px;flex-shrink:0;line-height:1}.empty-state{text-align:center;padding:40px 20px;color:var(--gray-600)}.empty-state-icon{font-size:40px;margin-bottom:12px}.empty-state-title{font-size:15px;font-weight:600;color:var(--gray-900);margin-bottom:6px}.empty-state-body{font-size:13px;color:var(--gray-400);line-height:1.5}.empty-state.sign-in-prompt{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-top:12px;padding:28px 20px}.empty-state.sign-in-prompt .signin-btn{margin-top:16px;background:var(--green);color:var(--white);border-radius:20px;padding:10px 20px;font-size:14px;font-weight:500;border:none}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.auth-modal{background:var(--white);border-radius:var(--radius);padding:24px 20px 20px;width:100%;max-width:420px;position:relative;box-shadow:var(--shadow-md)}.auth-modal-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:16px;color:var(--gray-400);cursor:pointer;line-height:1}.skeleton-card{height:100px;margin-bottom:8px;border-radius:var(--radius);background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite}.match-grid{display:grid;grid-template-columns:1fr;gap:0}.signin-btn{background:var(--white);color:var(--green);border:none;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500;margin-top:8px}@media (min-width: 768px){.header{padding:20px 32px}.header h1{font-size:28px}.main{padding:24px 32px;max-width:960px;margin:0 auto;width:100%}.date-header{font-size:14px}.match-grid{grid-template-columns:1fr 1fr;gap:12px}.bottom-nav{max-width:100%;padding-left:20%;padding-right:20%}}.invite-banner{background:linear-gradient(135deg,#16a34a1f,#16a34a0a);border-bottom:1px solid rgba(22,163,74,.25);padding:16px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.invite-banner-content{display:flex;align-items:center;gap:12px}.invite-banner-icon{flex-shrink:0;color:var(--green);display:flex;align-items:center}.invite-banner-title{font-weight:600;font-size:15px;color:var(--text, #1a472a)}.invite-banner-body{font-size:13px;color:var(--text-dim, #94a3b8);margin-top:2px}.auth-card{max-width:420px;width:100%}.google-btn{display:flex;align-items:center;justify-content:center;width:100%;gap:8px}.auth-divider{display:flex;align-items:center;gap:8px;margin:16px 0;color:var(--gray-400);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--gray-200)}.auth-field{margin-bottom:12px}.auth-input{width:100%;padding:12px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;font-family:DM Sans,sans-serif;outline:none;box-sizing:border-box;background:var(--white);color:var(--gray-900)}.auth-input:focus{border-color:var(--green)}.auth-error{font-size:12px;color:#c0392b;margin-top:4px;display:block}.auth-pw-errors{font-size:12px;color:#c0392b;margin:4px 0 0 16px;padding:0}.auth-server-error{font-size:13px;color:#c0392b;text-align:center;padding:8px;background:#c0392b12;border-radius:var(--radius-sm);margin-bottom:12px}.auth-submit-btn{width:100%;padding:12px;background:var(--green);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;margin-bottom:12px;font-family:DM Sans,sans-serif}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-toggle{text-align:center;font-size:13px;color:var(--gray-600);margin-top:4px;margin-bottom:0}.auth-link{background:none;border:none;color:var(--green);font-size:13px;font-weight:600;cursor:pointer;padding:0;text-decoration:underline;font-family:DM Sans,sans-serif}.auth-confirmed{text-align:center;padding:16px;background:#1a472a0f;border-radius:var(--radius-sm);margin-bottom:12px;font-size:14px;color:var(--green);line-height:1.5}.auth-confirmed p{margin:0 0 10px}.score-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:150}.score-picker-sheet{width:100%;max-width:480px;background:var(--white);border-radius:20px 20px 0 0;padding:20px 20px 40px;animation:sheet-up .25s ease}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-top-row{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:16px}.sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--gray-300)}.sheet-cancel-btn{position:absolute;right:0;background:none;border:none;font-size:13px;font-family:DM Sans,sans-serif;color:var(--gray-600);cursor:pointer;padding:4px 0}.picker-label{font-size:11px;color:var(--gray-400);text-align:center;margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.picker-row{display:flex;align-items:center;justify-content:space-around;gap:8px;margin-bottom:20px}.picker-team{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.picker-flag{width:44px;height:33px;object-fit:contain;border-radius:3px}.picker-team-name{font-size:12px;font-weight:500;color:var(--gray-600);text-align:center;margin-bottom:4px}.picker-vs{color:var(--gray-300);font-size:20px;margin-top:20px}.score-controls{display:flex;align-items:center;gap:12px}.score-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--gray-200);background:var(--white);font-size:20px;color:var(--green);display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer}.score-value{font-family:Syne,sans-serif;font-size:36px;font-weight:800;color:var(--gray-900);min-width:32px;text-align:center}.submit-btn{width:100%;padding:14px;background:var(--green);color:#fff;border:none;border-radius:var(--radius);font-size:15px;font-weight:600;letter-spacing:.02em;transition:opacity .15s;cursor:pointer}.submit-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast{margin-top:10px;padding:10px 14px;background:#1f2937;color:#f9fafb;border-radius:var(--radius-sm);font-size:13px;text-align:center;animation:toast-in .2s ease}.ai-brief-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.ai-brief-modal{background:#f5f5f0;border-radius:16px;width:100%;max-width:420px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.ai-brief-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #ddd;position:sticky;top:0;background:#f5f5f0;border-radius:16px 16px 0 0}.ai-brief-title{font-family:Syne,sans-serif;font-weight:700;font-size:16px;color:#1a472a}.ai-brief-close{background:none;border:none;font-size:18px;color:#888;cursor:pointer;padding:4px 8px;border-radius:6px}.ai-brief-close:hover{background:#e0e0e0;color:#333}.ai-brief-body{padding:20px}.ai-brief-text{font-family:DM Sans,sans-serif;font-size:14px;line-height:1.7;color:#2a2a2a;white-space:pre-wrap}.ai-brief-loading,.ai-brief-error{font-family:DM Sans,sans-serif;font-size:14px;color:#888;text-align:center;padding:24px 0}.ai-brief-error{color:#c0392b}.ai-brief-timestamp{font-family:DM Sans,sans-serif;font-size:11px;color:#aaa;margin-top:16px;text-align:right}.ai-brief-divider{margin-top:20px;padding-top:16px;border-top:1px solid #ddd}.ai-brief-sublabel{font-family:Syne,sans-serif;font-weight:600;font-size:13px;color:#1a472a;display:block;margin-bottom:8px}.ai-brief-secondary{color:#666;font-size:13px}.ai-brief-btn{display:inline-flex;align-items:center;gap:4px;background:#1a472a0f;border:1px solid rgba(26,71,42,.25);border-radius:8px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;color:#1a472a;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .2s}.ai-brief-btn:hover{background:#1a472a26}.match-card{background:var(--white);border-radius:var(--radius);padding:16px;margin-bottom:8px;box-shadow:var(--shadow-sm);transition:box-shadow .2s}.match-card.finished{border-left:3px solid var(--green-accent)}.match-teams{display:flex;align-items:center;justify-content:space-between;gap:8px}.team-name{flex:1;font-size:14px;font-weight:500;color:var(--gray-900)}.team-name.right{text-align:right}.team{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.team.right{align-items:flex-end}.team-flag{width:32px;height:24px;object-fit:contain;border-radius:3px}.match-center{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px}.kickoff-time{font-family:Syne,sans-serif;font-size:16px;font-weight:700;color:var(--green)}.timezone-label{font-size:10px;color:var(--gray-400);letter-spacing:.02em;white-space:nowrap}.score{font-family:Syne,sans-serif;font-size:18px;font-weight:800;color:var(--gray-900)}.status-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400)}.status-badge.finished{color:var(--green-accent)}.pick-display{margin-top:10px;padding-top:10px;border-top:1px solid var(--gray-100);font-size:12px;color:var(--green);font-weight:500;display:flex;justify-content:space-between;align-items:center}.points-badge{background:var(--green);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px}.your-score{margin-top:4px;font-size:11px;color:var(--green);font-weight:600}.edit-hint{font-size:10px;color:var(--gray-400);font-weight:400;font-style:italic}.pick-prompt{margin-top:8px;font-size:11px;color:var(--gray-400);text-align:center}@keyframes tip-pulse{0%,to{box-shadow:0 0 #1a472a40}50%{box-shadow:0 0 0 5px #1a472a00}}.pick-prompt.tap-to-tip{display:flex;align-items:center;justify-content:center;flex:1;margin-top:0;padding:9px 0;background:transparent;border:1.5px solid var(--green);border-radius:999px;font-size:13px;font-weight:600;color:var(--green);text-align:center;animation:tip-pulse 2s ease-in-out infinite}.pick-prompt.sign-in{display:flex;align-items:center;justify-content:center;width:100%;padding:9px 0;border:1.5px solid var(--green-accent);border-radius:999px;background:transparent;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--green-accent);text-align:center;cursor:pointer}.pick-prompt.countdown{color:var(--green);font-weight:500;font-size:12px}.pick-prompt.countdown.urgent{color:#d97706}.locked-badge{margin-top:8px;font-size:11px;font-weight:500;color:var(--gray-400);text-align:center;letter-spacing:.02em}.cancel-btn{width:100%;margin-top:8px;padding:8px;background:none;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:13px;color:var(--gray-600)}.pick-action-row{display:flex;align-items:center;gap:8px;margin-top:10px}.pick-action-left{flex:1;min-width:0}.pick-action-left .pick-display,.pick-action-left .pick-prompt,.pick-action-left .locked-badge{margin-top:0}.leaderboard{padding:6px 0}.podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;margin-bottom:20px;padding:8px 0}.podium-slot{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.podium-avatar{--podium-color: var(--gray-400);border-radius:50%;background:color-mix(in srgb,var(--podium-color) 15%,transparent);border:2px solid var(--podium-color);display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:800;font-size:17px;width:44px;height:44px;color:var(--podium-color)}.podium-avatar[data-rank="1"]{--podium-color: var(--gold)}.podium-avatar[data-rank="2"]{--podium-color: var(--silver)}.podium-avatar[data-rank="3"]{--podium-color: var(--bronze)}.podium-avatar--first{width:52px;height:52px;font-size:20px}.podium-name{font-size:13px;font-weight:600;color:var(--gray-900);text-align:center;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-pts{font-family:Syne,sans-serif;font-size:20px;font-weight:800;color:var(--green)}.podium-pts-label{font-size:10px;color:var(--gray-400)}.podium-form{margin-top:4px;gap:2px}.podium-form .form-dot{width:5px;height:5px}.podium-badge{margin-top:4px;font-size:10px;padding:2px 6px;border-radius:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-tiebreaker{margin-top:3px;font-size:10px;min-height:14px;line-height:14px}.podium-tiebreaker.is-empty{visibility:hidden}.leaderboard .empty-state-icon{font-size:0;color:var(--gray-300, #dee2e6)}.skeleton-row{height:68px;margin-bottom:8px;border-radius:var(--radius);background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.error-banner{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:var(--radius-sm);padding:12px 16px;font-size:13px;margin-bottom:12px}.leaderboard-title{font-family:Syne,sans-serif;font-size:20px;font-weight:800;color:var(--gray-900);margin-bottom:4px}.leaderboard-tiebreak-note{font-size:11px;color:var(--gray-400);margin-bottom:16px}.tiebreak-note-link{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.tiebreak-note-link:hover{color:var(--gray-600)}.leaderboard-entry{background:var(--white);border-radius:var(--radius);padding:14px 16px;margin-bottom:8px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:12px;transition:box-shadow .15s}.leaderboard-entry:hover{box-shadow:0 4px 12px #00000014}.rank{font-family:Syne,sans-serif;font-size:13px;font-weight:700;color:var(--gray-400);width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--gray-100);display:flex;align-items:center;justify-content:center}.entry-info{flex:1}.entry-name{font-size:14px;font-weight:500;color:var(--gray-900)}.entry-stats{font-size:11px;color:var(--gray-400);margin-top:2px}.tiebreaker-hint{color:#d97706;font-weight:500}.entry-points{font-family:Syne,sans-serif;font-size:22px;font-weight:800;color:var(--green)}.entry-points-label{font-size:10px;color:var(--gray-400);text-align:right}.power-stats{margin-top:6px;display:flex;flex-direction:column;gap:4px}.form-row{display:flex;gap:3px;align-items:center}.form-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.form-dot.win{background:var(--green)}.form-dot.loss{background:#ef4444}.power-badges{display:flex;gap:5px;flex-wrap:wrap}.badge{font-size:11px;padding:3px 8px;border-radius:10px;background:var(--gray-100);color:var(--gray-600);white-space:nowrap;border:1px solid transparent}.badge.streak{background:#f59e0b14;color:#b45309;border-color:#f59e0b33}.badge.accuracy{background:#6366f112;color:#4f46e5;border-color:#6366f12e}.badge.best{background:#22c55e12;color:#15803d;border-color:#22c55e33}.league-tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.league-tab{padding:6px 14px;border-radius:20px;border:1px solid var(--gray-200);background:var(--white);font-size:12px;font-weight:500;color:var(--gray-600);white-space:nowrap}.league-tab.active{background:var(--green);color:var(--white);border-color:var(--green)}.leaderboard-signin-cta{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;margin:8px 0 16px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);text-align:center}.leaderboard-signin-cta-text{font-size:13px;color:var(--gray-500);margin:0}.leagues-view{padding:4px 0}.leagues-title{font-family:Syne,sans-serif;font-size:20px;font-weight:800;color:var(--gray-900);margin-bottom:4px}.leagues-subtitle{font-size:12px;color:var(--gray-400);margin-bottom:20px}.create-join-btn{width:100%;padding:14px;background:var(--green);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:500;margin-bottom:24px}.my-leagues-list{display:flex;flex-direction:column;gap:8px}.league-card{background:var(--white);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.league-card-main{flex:1;min-width:0}.league-card-members{flex-basis:100%;display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--gray-100)}.league-member{display:flex;align-items:center;gap:6px;font-family:DM Sans,sans-serif;font-size:12px;color:var(--gray-600)}.league-member-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;display:block;flex-shrink:0}.league-member-avatar-fallback{background:var(--green);color:var(--white);display:flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase}.league-member-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.league-card-name{font-family:Syne,sans-serif;font-size:16px;font-weight:700;color:var(--gray-900)}.league-card-code{font-size:11px;color:var(--gray-400);margin-top:2px}.code-badge{background:var(--gray-100);padding:6px 12px;border-radius:8px;font-family:Syne,sans-serif;font-size:14px;font-weight:700;color:var(--green);letter-spacing:.05em;border:none;cursor:pointer;transition:background .15s,color .15s}.code-badge.copied{background:var(--green);color:var(--white);letter-spacing:normal}.no-leagues{text-align:center;padding:40px 20px;color:var(--gray-400);font-size:14px}.league-panel{background:var(--white);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-md);margin-bottom:16px}.panel-title{font-family:Syne,sans-serif;font-size:18px;font-weight:800;margin-bottom:16px;color:var(--gray-900)}.mode-toggle{display:flex;background:var(--gray-100);border-radius:var(--radius-sm);padding:4px;margin-bottom:16px}.mode-btn{flex:1;padding:8px;border:none;border-radius:6px;background:none;font-size:13px;font-weight:500;color:var(--gray-600)}.mode-btn.active{background:var(--white);color:var(--green);box-shadow:var(--shadow-sm)}.panel-input{width:100%;padding:12px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;font-family:DM Sans,sans-serif;margin-bottom:12px;outline:none}.panel-input:focus{border-color:var(--green)}.panel-submit-btn{width:100%;padding:12px;background:var(--green);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;margin-bottom:8px}.panel-message{font-size:13px;color:var(--green);text-align:center;padding:8px;background:#1a472a0d;border-radius:var(--radius-sm);margin-top:8px}.panel-close-btn{width:100%;padding:10px;background:none;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:13px;color:var(--gray-600);margin-top:8px}.share-card{background:#16a34a14;border:1px solid rgba(22,163,74,.25);border-radius:10px;padding:16px;margin-bottom:16px}.success-badge{display:inline-flex;align-items:center;gap:5px;background:#1a472a14;color:var(--green);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:20px;margin-bottom:10px}.share-input-row{display:flex;align-items:center;background:var(--white);border:1px solid rgba(22,163,74,.3);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:10px}.share-input-field{flex:1;padding:10px 12px;font-size:12px;font-family:monospace;color:var(--gray-600);background:none;border:none;outline:none;min-width:0}.copy-icon-btn{flex-shrink:0;padding:10px 12px;background:none;border:none;border-left:1px solid rgba(22,163,74,.2);color:var(--green);cursor:pointer;display:flex;align-items:center;transition:background .15s}.copy-icon-btn:hover{background:#16a34a14}.share-native-btn{display:flex;align-items:center;justify-content:center;gap:6px}.hiw-modal{max-width:440px}.hiw-body{display:flex;flex-direction:column;gap:14px}.hiw-intro{font-family:DM Sans,sans-serif;font-size:14px;line-height:1.2;color:#2a2a2a}.hiw-section-label{font-family:Syne,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#1a472a;margin-bottom:-8px}.hiw-points-table{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #e4e4dc}.hiw-points-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:13px;color:#2a2a2a;border-bottom:1px solid #f0f0ea}.hiw-points-row:last-child{border-bottom:none}.hiw-points-val{font-family:Syne,sans-serif;font-weight:700;font-size:14px;color:#1a472a}.hiw-points-row.multiplier .hiw-points-val{color:#d97706}.hiw-tips{list-style:none;display:flex;flex-direction:column;gap:8px;padding:0}.hiw-tips li{font-family:DM Sans,sans-serif;font-size:13px;line-height:1.5;color:#444;padding-left:18px;position:relative}.hiw-tips li:before{content:"→";position:absolute;left:0;color:#52b788;font-size:12px}.hiw-tiebreak-list{display:flex;flex-direction:column;gap:6px;padding-left:22px;margin:0}.hiw-tiebreak-list li{font-family:DM Sans,sans-serif;font-size:13px;line-height:1.5;color:#444}.hiw-cta{width:100%;padding:13px;background:#1a472a;color:#fff;border:none;border-radius:10px;font-family:Syne,sans-serif;font-size:15px;font-weight:700;cursor:pointer;letter-spacing:.02em;margin-top:4px;transition:background .15s}.hiw-cta:hover{background:#2d6a4f}.how-it-works-link{display:block;text-align:center;font-family:DM Sans,sans-serif;font-size:12px;color:var(--gray-400);margin-top:24px;cursor:pointer;background:none;border:none;text-decoration:underline;text-underline-offset:3px}.how-it-works-link:hover{color:var(--gray-600)}