.hl-modal{display: contents;}.hl-modal-trigger{display: inline-flex;align-items: center;gap: var(--space-2);}.hl-modal-trigger-icon{display: inline-flex;}.hl-modal-trigger-icon svg{width: 18px;height: 18px;}dialog.hl-modal-dialog, dialog.hl-modal-dialog *, dialog.hl-modal-dialog *::before, dialog.hl-modal-dialog *::after{box-sizing: border-box;}dialog.hl-modal-dialog{position: fixed;inset: 0;margin: auto;padding: 0;border: 1px solid var(--border);border-radius: 16px;background: var(--bg-raised);color: var(--text);width: min(92vw, 480px);max-height: min(85dvh, 640px);box-shadow: 0 24px 64px -16px rgba(0, 0, 0, 0.6), 0 4px 16px -4px rgba(0, 0, 0, 0.4);overscroll-behavior: contain;overflow: hidden;}dialog.hl-modal-dialog--sm{width: min(92vw, 360px);}dialog.hl-modal-dialog--lg{width: min(94vw, 720px);}dialog.hl-modal-dialog::backdrop{background: rgba(6, 5, 4, 0.72);backdrop-filter: blur(3px);}.hl-modal-panel{display: flex;flex-direction: column;max-height: inherit;}.hl-modal-head{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);padding: var(--space-4) var(--space-4) var(--space-3);border-bottom: 1px solid var(--border);flex-shrink: 0;}.hl-modal-title{margin: 0;}.hl-modal-close{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 50%;border: none;background: transparent;color: var(--text-secondary);cursor: pointer;flex-shrink: 0;transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;}.hl-modal-close:hover{background: var(--bg-card);color: var(--text);transform: rotate(90deg);}.hl-modal-close:focus-visible{outline: 2px solid var(--primary);outline-offset: 2px;}.hl-modal-close svg{width: 18px;height: 18px;}.hl-modal-body{padding: var(--space-4);overflow-y: auto;overscroll-behavior: contain;color: var(--text-secondary);}.hl-modal-body p:last-child{margin-bottom: 0;}.hl-modal-footer{display: flex;justify-content: flex-end;gap: var(--space-2);padding: var(--space-3) var(--space-4) var(--space-4);border-top: 1px solid var(--border);flex-shrink: 0;}.hl-modal-feature-list{list-style: none;margin: 0 0 var(--space-5);padding: 0;display: flex;flex-direction: column;gap: var(--space-3);}.hl-modal-feature-item{display: flex;align-items: center;gap: var(--space-3);color: var(--text);}.hl-modal-feature-item svg{flex-shrink: 0;color: var(--primary);}.hl-modal-feature-item:nth-child(2) svg{color: var(--teal);}.hl-modal-feature-item:nth-child(3) svg{color: var(--gold);}.hl-modal-feature-item:nth-child(4) svg{color: var(--violet);}.hl-modal-feature-item:nth-child(5) svg{color: var(--lime);}.hl-modal-cta.hl-btn{width: 100%;justify-content: center;}.hl-modal-cta.hl-btn-primary{color: var(--on-primary);}.hl-modal-cta.hl-btn-secondary{color: var(--text);}.hl-start-league-teaser{display: flex;justify-content: center;padding: var(--space-5) 0;}.hl-start-league-badge{display: inline-flex;align-items: center;gap: 6px;padding: 5px 12px 5px 10px;border-radius: 999px;background: rgba(var(--primary-rgb), 0.12);border: 1px solid rgba(var(--primary-rgb), 0.32);color: var(--primary-hover);font-size: 12px;font-weight: 700;letter-spacing: 0.4px;text-transform: uppercase;}.hl-start-league-badge--lg{padding: 9px 18px 9px 14px;font-size: 14px;letter-spacing: 0.6px;}.hl-start-league-badge svg{width: 14px;height: 14px;flex-shrink: 0;}.hl-start-league-badge--lg svg{width: 17px;height: 17px;}@media (prefers-reduced-motion: no-preference){.hl-start-league-badge svg{animation: hl-start-league-bell 2.6s ease-in-out infinite;transform-origin: 50% 15%;}}@keyframes hl-start-league-bell{0%, 65%, 100%{transform: rotate(0deg);}69%{transform: rotate(-12deg);}73%{transform: rotate(10deg);}77%{transform: rotate(-8deg);}81%{transform: rotate(4deg);}85%{transform: rotate(0deg);}}#start-league-modal .hl-modal-panel{background: radial-gradient(260px 180px at 100% 0%, rgba(var(--primary-rgb), 0.10), transparent 70%);}.hl-start-league-lede{margin: 0 0 var(--space-4);color: var(--text-muted);font-size: 13px;line-height: 1.5;}.hl-start-league-form{display: flex;flex-direction: column;gap: var(--space-3);}.hl-start-league-form-row{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-3);}.hl-start-league-field{display: flex;flex-direction: column;gap: 4px;}.hl-start-league-field .hl-input{width: 100%;min-width: 0;}.hl-start-league-phone{display: flex;align-items: stretch;}.hl-start-league-phone-prefix{display: flex;align-items: center;padding: 0 10px;border: 1px solid var(--border-strong);border-right: none;border-radius: 8px 0 0 8px;background: var(--bg-raised);color: var(--text-muted);font-size: 14px;font-weight: 600;font-family: var(--font-mono);flex-shrink: 0;}.hl-start-league-phone-input.hl-input{border-radius: 0 8px 8px 0;}.hl-start-league-optional{color: var(--text-muted);font-weight: 400;text-transform: none;letter-spacing: normal;}.hl-start-league-field-error{color: var(--alert);font-size: 12px;}.hl-start-league-form-error{margin: 0 0 var(--space-2);padding: 8px 12px;border-radius: 8px;background: rgba(255, 90, 77, 0.12);border: 1px solid rgba(255, 90, 77, 0.32);color: var(--alert);font-size: 13px;}.hl-start-league-submit{margin-top: var(--space-1);width: 100%;justify-content: center;}.hl-start-league-divider{display: flex;align-items: center;gap: var(--space-3);margin: var(--space-4) 0;color: var(--text-muted);font-size: 12px;text-transform: uppercase;letter-spacing: 0.4px;}.hl-start-league-divider::before, .hl-start-league-divider::after{content: "";flex: 1;height: 1px;background: var(--border-strong);}.hl-start-league-fb{display: flex;align-items: center;justify-content: center;gap: 8px;width: 100%;padding: 10px 16px;border-radius: 10px;border: 1px solid var(--border-strong);background: var(--bg-card);color: var(--text);font-size: 14px;font-weight: 600;text-decoration: none;transition: background 0.15s ease, border-color 0.15s ease;}.hl-start-league-fb:hover{background: var(--bg-raised);border-color: #1877F2;color: #1877F2;}.hl-start-league-thanks{display: flex;flex-direction: column;align-items: center;gap: var(--space-3);text-align: center;padding: var(--space-3) 0 var(--space-2);}.hl-start-league-thanks-icon{display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;border-radius: 999px;background: rgba(182, 226, 74, 0.14);border: 1px solid rgba(182, 226, 74, 0.36);color: var(--lime);}.hl-start-league-thanks h4{margin: 0;font-family: var(--font-heading);font-size: 20px;}.hl-start-league-thanks p{margin: 0;color: var(--text-muted);font-size: 14px;line-height: 1.5;}.hl-beta-announce{display: flex;flex-direction: column;align-items: center;gap: var(--space-4);text-align: center;padding: var(--space-2) 0 var(--space-3);}.hl-beta-announce-badge{display: inline-flex;align-items: center;gap: 6px;padding: 5px 12px 5px 10px;border-radius: 999px;background: rgba(var(--primary-rgb), 0.12);border: 1px solid rgba(var(--primary-rgb), 0.32);color: var(--primary-hover);font-size: 12px;font-weight: 700;letter-spacing: 0.4px;text-transform: uppercase;}.hl-beta-announce-badge svg{width: 14px;height: 14px;flex-shrink: 0;}.hl-beta-announce p{margin: 0;color: var(--text-muted);}.hl-beta-announce-actions{display: flex;flex-direction: column;gap: var(--space-2);width: 100%;}#beta-announcement-modal .hl-modal-panel{background: radial-gradient(260px 180px at 100% 0%, rgba(var(--primary-rgb), 0.10), transparent 70%);}body:has(dialog.hl-modal-dialog[open]){overflow: hidden;}@media (prefers-reduced-motion: no-preference){dialog.hl-modal-dialog{opacity: 0;transform: translateY(14px) scale(0.96);transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), overlay 0.22s ease allow-discrete, display 0.22s ease allow-discrete;}dialog.hl-modal-dialog[open]{opacity: 1;transform: translateY(0) scale(1);}@starting-style{dialog.hl-modal-dialog[open]{opacity: 0;transform: translateY(14px) scale(0.96);}}dialog.hl-modal-dialog::backdrop{opacity: 0;transition: opacity 0.22s ease, overlay 0.22s ease allow-discrete, display 0.22s ease allow-discrete;}dialog.hl-modal-dialog[open]::backdrop{opacity: 1;}@starting-style{dialog.hl-modal-dialog[open]::backdrop{opacity: 0;}}@keyframes hl-modal-content-in{from{opacity: 0;transform: translateY(8px);}to{opacity: 1;transform: translateY(0);}}dialog.hl-modal-dialog[open] .hl-modal-panel{animation: hl-modal-content-in 0.28s cubic-bezier(0.16, 1, 0.3, 1) 0.05s both;}}@media (max-width: 560px){dialog.hl-modal-dialog, dialog.hl-modal-dialog--sm, dialog.hl-modal-dialog--lg{width: min(94vw, 440px);max-height: min(88dvh, 640px);border-radius: 14px;}}dialog.hl-welcome-modal{width: min(92vw, 560px);}.hl-welcome-modal .hl-modal-panel{position: relative;background: radial-gradient(320px 200px at 50% 0%, rgba(var(--primary-rgb), 0.14), transparent 70%);}.hl-welcome-modal-close{position: absolute;top: var(--space-3);right: var(--space-3);z-index: 1;}.hl-welcome-modal-body{display: flex;flex-direction: column;gap: var(--space-5);padding: var(--space-6, 32px) var(--space-5, 24px) var(--space-5, 24px);}.hl-welcome-modal-hero{display: flex;flex-direction: column;align-items: center;gap: var(--space-2);text-align: center;padding: 0 var(--space-5, 24px);}.hl-welcome-modal-badge{display: inline-flex;align-items: center;gap: 6px;padding: 5px 12px 5px 10px;border-radius: 999px;background: rgba(var(--primary-rgb), 0.12);border: 1px solid rgba(var(--primary-rgb), 0.32);color: var(--primary-hover);font-size: 12px;font-weight: 700;letter-spacing: 0.4px;text-transform: uppercase;}.hl-welcome-modal-badge svg{width: 14px;height: 14px;flex-shrink: 0;}.hl-welcome-modal-title{margin: var(--space-1) 0 0;color: var(--text);font-size: 22px;line-height: 1.25;overflow-wrap: anywhere;}.hl-welcome-modal-lead{margin: 0;max-width: 36ch;font-size: 14px;line-height: 1.5;}.hl-welcome-modal-actions{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-3);}.hl-welcome-modal-card{--card-accent: var(--primary);--card-accent-rgb: var(--primary-rgb);display: flex;flex-direction: column;align-items: flex-start;gap: var(--space-3);min-height: 48px;padding: var(--space-4);border: 1px solid var(--border);border-radius: 12px;background: var(--bg-card);color: var(--text);text-decoration: none;transition: border-color 0.15s ease, transform 0.15s ease, background-color 0.15s ease;}.hl-welcome-modal-card[data-tone="gold"]{--card-accent: var(--gold);--card-accent-rgb: 245, 195, 75;}@media (hover: hover){.hl-welcome-modal-card:hover{border-color: var(--card-accent);transform: translateY(-2px);}.hl-welcome-modal-card:hover .hl-welcome-modal-card-arrow{transform: translateX(3px);}}.hl-welcome-modal-card:active{border-color: var(--card-accent);}.hl-welcome-modal-card:focus-visible{outline: 2px solid var(--card-accent);outline-offset: 2px;}.hl-welcome-modal-card-icon{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;flex-shrink: 0;border-radius: 10px;background: rgba(var(--card-accent-rgb), 0.14);color: var(--card-accent);}.hl-welcome-modal-card-icon svg{width: 20px;height: 20px;}.hl-welcome-modal-card-text{display: flex;flex-direction: column;gap: 4px;flex: 1;min-width: 0;}.hl-welcome-modal-card-title{font-weight: 700;font-size: 15px;line-height: 1.3;}.hl-welcome-modal-card-caption{color: var(--text-muted);font-size: 13px;line-height: 1.4;}.hl-welcome-modal-card-arrow{color: var(--card-accent);font-weight: 700;transition: transform 0.15s ease;}.hl-welcome-modal-footer{justify-content: center;}.hl-welcome-modal-footer .hl-btn{min-width: 160px;justify-content: center;}@media (max-width: 560px){dialog.hl-welcome-modal{width: min(94vw, 440px);}.hl-welcome-modal-body{gap: var(--space-4);padding: var(--space-5, 24px) var(--space-4) var(--space-4);}.hl-welcome-modal-title{font-size: 19px;}.hl-welcome-modal-lead{font-size: 13px;}.hl-welcome-modal-actions{grid-template-columns: 1fr;}.hl-welcome-modal-card{flex-direction: row;align-items: center;padding: var(--space-3);}.hl-welcome-modal-card-title{font-size: 14px;}.hl-welcome-modal-card-caption{font-size: 12px;}.hl-welcome-modal-footer{padding-bottom: max(var(--space-4), env(safe-area-inset-bottom));}.hl-welcome-modal-footer .hl-btn{width: 100%;padding-top: 13px;padding-bottom: 13px;}}@media (prefers-reduced-motion: reduce){.hl-welcome-modal-card, .hl-welcome-modal-card-arrow{transition: none;}.hl-welcome-modal-card:hover{transform: none;}}