@charset "UTF-8";*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f7fafc;color:#2d3748}.universal-page-container{min-height:100vh;width:100%;background:#f7fafc!important;color:#2d3748!important;padding:24px!important;display:block!important;visibility:visible!important;position:relative!important}.glass-card{background:linear-gradient(135deg,#fffffff2,#ffffffd9,#f0f8ffe6)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;border:2px solid rgba(102,126,234,.2)!important;border-radius:16px!important;padding:24px!important;margin-bottom:16px!important;box-shadow:0 8px 24px #667eea1f,0 4px 12px #00000014,inset 0 1px 2px #fff9!important;position:relative!important}.liquid-header{background:linear-gradient(135deg,#f7fafc,#edf2f7)!important;padding:16px 24px 12px!important;margin-bottom:12px!important;border-radius:12px!important}.liquid-title{font-size:1.8rem!important;font-weight:700!important;color:#2d3748!important;text-align:center!important;margin-bottom:4px!important}.liquid-subtitle{font-size:.9rem!important;color:#4a5568!important;text-align:center!important;margin-bottom:8px!important}.glass-button{background:#ffffffe6!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:12px!important;color:#2d3748!important;padding:8px 16px!important;cursor:pointer!important;display:inline-block!important}.glass-button.primary{background:#667eea!important;color:#fff!important;border-color:#667eea!important}.clean-header{background:#fffffff2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(0,0,0,.1)!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:hidden!important;position:relative!important}.header-container{width:100%!important;max-width:100%!important;overflow:hidden!important;padding:8px 16px!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.nav-logo-section{display:flex!important;align-items:center!important;gap:12px!important;overflow:hidden!important}.app-title{font-size:18px!important;font-weight:700!important;color:#1a202c!important;margin:0!important;white-space:nowrap!important}.clean-bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-top:1px solid rgba(0,0,0,.1)!important;z-index:100!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;padding-left:env(safe-area-inset-left,0px)!important;padding-right:env(safe-area-inset-right,0px)!important}.content-padding-bottom{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}@media (max-width: 768px){.content-padding-bottom{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}}@media (max-width: 768px) and (display-mode: browser){.liquid-header{padding:8px 16px 6px!important;margin-bottom:6px!important}.clean-header{padding-top:8px!important}.header-container{padding:4px 12px!important}.bottom-menu-bar{height:70px!important;padding-bottom:8px!important}.content-padding-bottom{padding-bottom:78px!important}}@media (max-width: 768px) and (hover: hover){.liquid-header{padding:8px 16px 6px!important;margin-bottom:6px!important}.clean-header{padding-top:8px!important}.header-container{padding:4px 12px!important}.bottom-menu-bar{height:70px!important;padding-bottom:8px!important}.content-padding-bottom{padding-bottom:78px!important}}.standings-container{background:linear-gradient(135deg,#f7fafc,#edf2f7)!important;color:#2d3748!important;padding:24px!important;min-height:100vh!important}.standings-header{background:#ffffffd9!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:16px!important;padding:24px!important;margin-bottom:24px!important;box-shadow:0 8px 32px #0000001f,inset 0 1px #fff9!important}.standings-title{font-size:1.5rem!important;font-weight:600!important;color:#2d3748!important;margin-bottom:8px!important;text-align:center!important}.week-dropdown{background:#fff!important;color:#2d3748!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:8px 16px!important;width:100%!important}.week-dropdown option{background:#fff!important;color:#2d3748!important}.no-prediction,.no-pick,.prediction-cell.no-prediction{background:#e2e8f0!important;color:#4a5568!important;border:1px dashed #cbd5e0!important}.quinielMX-table{background:#fff!important;border-radius:16px!important;overflow:hidden!important;width:100%!important;border-collapse:separate!important;border-spacing:0!important}.quinielMX-table th{background:#edf2f7!important;color:#2d3748!important;padding:16px!important;font-weight:600!important}.quinielMX-table td{background:#fff!important;color:#2d3748!important;padding:8px 16px!important;border-bottom:1px solid #e2e8f0!important}ion-content{--background: #f7fafc !important;--color: #2d3748 !important}ion-content::part(scroll){padding:16px 16px 100px!important;background:#f7fafc!important}.preseason-banner{margin:8px auto!important;max-width:600px!important;display:flex!important;justify-content:center!important}.banner-card{background:#667eea1a!important;border:1px solid rgba(102,126,234,.2)!important;border-radius:12px!important;padding:16px!important;margin-bottom:12px!important;text-align:center!important;position:relative!important}.banner-content{display:block!important;text-align:center!important;margin-bottom:24px!important;position:relative!important;z-index:1!important}.banner-icon{font-size:3rem!important;margin-bottom:16px!important;display:block!important;text-shadow:0 4px 8px rgba(0,0,0,.2)!important}.banner-text h3{color:#fff!important;font-size:1.8rem!important;font-weight:800!important;margin-bottom:12px!important;text-shadow:0 2px 8px rgba(0,0,0,.3)!important;background:linear-gradient(45deg,#fff,gold)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.banner-text p{color:#fffffff2!important;font-size:1.1rem!important;margin:0!important;text-shadow:0 1px 4px rgba(0,0,0,.2)!important}.banner-actions{text-align:center!important;position:relative!important;z-index:1!important}.banner-cta{background:linear-gradient(135deg,gold,#ffed4e)!important;color:#2d3748!important;border:2px solid rgba(255,255,255,.6)!important;padding:16px 32px!important;border-radius:16px!important;cursor:pointer!important;font-weight:700!important;font-size:1.1rem!important;box-shadow:0 8px 24px #ffd7004d!important}.cta-price{display:block!important;font-size:.85rem!important;opacity:.8!important;margin-top:4px!important}.home-hero{background:linear-gradient(135deg,#667eea1a,#0000000d)!important;padding:32px 16px!important;margin:16px!important;border-radius:20px!important;border:1px solid rgba(102,126,234,.2)!important;text-align:center!important}.home-hero h1{font-size:32px!important;font-weight:800!important;margin-bottom:16px!important;color:#2d3748!important}.home-hero p{font-size:18px!important;color:#4a5568!important;margin-bottom:24px!important;line-height:1.5!important}.cta-button{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:16px 32px!important;background:linear-gradient(45deg,#667eea,#06c)!important;color:#fff!important;text-decoration:none!important;border-radius:16px!important;font-size:16px!important;font-weight:600!important;border:none!important;cursor:pointer!important}.features-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:24px!important;padding:24px 16px!important}.feature-card{background:#ffffffe6!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:16px!important;padding:24px!important;text-align:center!important}.groups-container{background:linear-gradient(135deg,#f7fafc,#edf2f7,#e2e8f0)!important;color:#2d3748!important;padding:24px!important;min-height:100vh!important;position:relative!important}.groups-container_DISABLED_before{content:""!important;position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.05) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,215,0,.03) 0%,transparent 50%)!important;pointer-events:none!important;z-index:0!important}.centered-header{background:linear-gradient(135deg,#667eeaf2,#764ba2e6,#667eead9)!important;backdrop-filter:blur(25px) saturate(200%)!important;-webkit-backdrop-filter:blur(25px) saturate(200%)!important;border:2px solid rgba(255,255,255,.4)!important;border-radius:20px!important;padding:32px 24px!important;margin-bottom:24px!important;text-align:center!important;position:relative!important;overflow:hidden!important;z-index:1!important;box-shadow:0 25px 70px #667eea4d,0 10px 30px #00000026,inset 0 2px 4px #fff9!important}.centered-header_DISABLED_before{content:""!important;position:absolute!important;top:-50%!important;left:-50%!important;width:200%!important;height:200%!important;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.1),transparent,rgba(255,255,255,.08),transparent)!important;z-index:0!important}.page-title{font-size:2.5rem!important;font-weight:800!important;color:#fff!important;margin:0!important;position:relative!important;z-index:1!important;text-shadow:0 4px 12px rgba(0,0,0,.3)!important;background:linear-gradient(45deg,#fff,gold)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.glass-card{background:linear-gradient(135deg,#fffffff2,#ffffffd9,#f0f8ffe6)!important;backdrop-filter:blur(30px) saturate(200%) contrast(120%)!important;-webkit-backdrop-filter:blur(30px) saturate(200%) contrast(120%)!important;border:2px solid transparent!important;border-image:linear-gradient(135deg,#fff9,#667eea4d,#fff6) 1!important;border-radius:20px!important;padding:32px!important;margin-bottom:24px!important;box-shadow:0 25px 70px #667eea26,0 10px 30px #0000001a,0 5px 15px #667eea14,inset 0 2px 4px #fffc,inset 0 -2px 4px #667eea1a!important;position:relative!important;overflow:hidden!important;z-index:1!important}.glass-card_DISABLED_before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)!important;z-index:0!important}.feature-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:16px!important;margin-top:20px!important}.feature-item{background:linear-gradient(135deg,#ffffffe6,#f8fafccc)!important;backdrop-filter:blur(20px) saturate(150%)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important;border:1px solid rgba(102,126,234,.2)!important;border-radius:16px!important;padding:20px 12px!important;text-align:center!important;position:relative!important;overflow:hidden!important;box-shadow:0 8px 25px #667eea1a,inset 0 1px 2px #ffffffb3!important}.feature-icon-small{font-size:2rem!important;margin-bottom:12px!important;display:block!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))!important}.feature-title-small,.feature-desc-small{position:relative!important;z-index:1!important}.group-card{background:linear-gradient(135deg,#fffffff2,#f8fafce6,#f0f8ffd9)!important;backdrop-filter:blur(25px) saturate(180%)!important;-webkit-backdrop-filter:blur(25px) saturate(180%)!important;border:2px solid transparent!important;border-image:linear-gradient(135deg,#667eea4d,#ffffff80,#667eea33) 1!important;border-radius:20px!important;padding:28px!important;margin-bottom:20px!important;box-shadow:0 20px 60px #667eea26,0 8px 30px #0000001a,0 4px 15px #667eea14,inset 0 2px 4px #fffc,inset 0 -2px 4px #667eea1a!important;position:relative!important;overflow:hidden!important;cursor:pointer!important}.group-card_DISABLED_before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)!important;z-index:0!important}.group-card h3,.group-name{color:#2d3748!important;font-size:1.5rem!important;font-weight:700!important;margin-bottom:12px!important;position:relative!important;z-index:1!important;background:linear-gradient(45deg,#2d3748,#667eea)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.group-card p{color:#4a5568!important;margin-bottom:16px!important;position:relative!important;z-index:1!important}.invite-section{background:linear-gradient(135deg,#ffd70033,#ffa50026,#ffd7001a)!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;border:2px solid rgba(255,215,0,.3)!important;border-radius:16px!important;padding:20px!important;margin-bottom:16px!important;position:relative!important;overflow:hidden!important;box-shadow:0 8px 25px #ffd70026,inset 0 1px 2px #fff9!important}.invite-section h5{color:#b45309!important;font-weight:700!important;text-shadow:0 1px 2px rgba(0,0,0,.1)!important}.glass-button,.glass-button-sm{background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;backdrop-filter:blur(20px) saturate(150%)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important;border:2px solid rgba(102,126,234,.2)!important;border-radius:12px!important;color:#2d3748!important;padding:12px 20px!important;font-weight:600!important;cursor:pointer!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 15px #667eea1a,inset 0 1px 2px #fffc!important}.glass-button.primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border-color:#ffffff4d!important;box-shadow:0 8px 25px #667eea4d,inset 0 1px 2px #fff6!important}.glass-button.danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border-color:#ffffff4d!important}.glass-button-sm{padding:8px 16px!important;font-size:.875rem!important}.responsive-grid{display:grid!important;gap:20px!important;position:relative!important;z-index:1!important}.responsive-grid.auto-fit{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important}app-pickem{--bg: #f7fafc !important;--bg-grad: linear-gradient(135deg, #f7fafc 0%, #edf2f7 50%, #e2e8f0 100%) !important;--surface: rgba(255, 255, 255, .95) !important;--surface-2: rgba(248, 250, 252, .9) !important;--surface-3: rgba(240, 248, 255, .85) !important;--border: rgba(102, 126, 234, .2) !important;--border-strong: rgba(102, 126, 234, .4) !important;--text: #2d3748 !important;--muted: #4a5568 !important;--muted-2: #718096 !important;--primary: #667eea !important;--primary-2: #764ba2 !important;--accent: #667eea !important;--accent-2: #764ba2 !important;--success: #10b981 !important;--warning: #eab308 !important;--danger: #ef4444 !important}app-pickem .pickem-container{min-height:100vh!important;background:linear-gradient(135deg,#f7fafc,#edf2f7,#e2e8f0)!important;color:#2d3748!important;position:relative!important}app-pickem .pickem-container_DISABLED_before{content:""!important;position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.05) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,215,0,.03) 0%,transparent 50%)!important;pointer-events:none!important;z-index:0!important}app-pickem .header{background:linear-gradient(135deg,#667eeaf2,#764ba2e6,#667eead9)!important;backdrop-filter:blur(25px) saturate(200%)!important;-webkit-backdrop-filter:blur(25px) saturate(200%)!important;border-bottom:2px solid rgba(255,255,255,.3)!important;border-radius:0 0 20px 20px!important;padding:24px 16px!important;text-align:center!important;position:sticky!important;top:0!important;z-index:10!important;box-shadow:0 8px 32px #667eea4d,inset 0 1px #fff6!important;overflow:hidden!important}app-pickem .header_DISABLED_before{content:""!important;position:absolute!important;top:-50%!important;left:-50%!important;width:200%!important;height:200%!important;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.1),transparent,rgba(255,255,255,.08),transparent)!important;z-index:0!important}app-pickem .title{font-size:2.5rem!important;font-weight:800!important;color:#fff!important;margin:0 0 8px!important;position:relative!important;z-index:1!important;text-shadow:0 4px 12px rgba(0,0,0,.3)!important;background:linear-gradient(45deg,#fff,gold)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}app-pickem .subtitle{color:#ffffffe6!important;font-size:1.1rem!important;margin:0!important;position:relative!important;z-index:1!important;text-shadow:0 2px 4px rgba(0,0,0,.2)!important}app-pickem .week-selector{background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;backdrop-filter:blur(20px) saturate(150%)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important;border-bottom:2px solid rgba(102,126,234,.2)!important;padding:20px 16px!important;position:relative!important;z-index:1!important;box-shadow:0 4px 20px #667eea1a,inset 0 1px #ffffffb3!important}app-pickem .week-dropdown{background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;border:2px solid rgba(102,126,234,.2)!important;border-radius:16px!important;color:#2d3748!important;padding:14px 50px 14px 16px!important;font-size:14px!important;font-weight:600!important;box-shadow:0 4px 15px #667eea1a,inset 0 1px 2px #fffc!important}app-pickem .week-dropdown:focus{border-color:#667eea99!important;box-shadow:0 0 0 4px #667eea26,0 8px 25px #667eea33,inset 0 1px 2px #ffffffe6!important;outline:none!important}app-pickem .week-badge{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border-radius:20px!important;padding:8px 16px!important;font-size:13px!important;font-weight:700!important;box-shadow:0 4px 15px #667eea4d,inset 0 1px 2px #ffffff4d!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}app-pickem .games-container{padding:16px 12px 80px!important;position:relative!important;z-index:1!important}app-pickem .game-item{background:linear-gradient(135deg,#fffffff2,#f8fafce6,#f0f8ffd9)!important;backdrop-filter:blur(25px) saturate(180%)!important;-webkit-backdrop-filter:blur(25px) saturate(180%)!important;border:2px solid transparent!important;border-image:linear-gradient(135deg,#667eea4d,#ffffff80,#667eea33) 1!important;border-radius:20px!important;padding:20px 16px!important;margin-bottom:16px!important;box-shadow:0 15px 40px #667eea1f,0 6px 20px #00000014,0 3px 10px #667eea0f,inset 0 2px 4px #fffc,inset 0 -2px 4px #667eea1a!important;position:relative!important;overflow:hidden!important}app-pickem .game-item_DISABLED_before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)!important;z-index:0!important}app-pickem .game-item:hover_DISABLED_before{left:100%!important}app-pickem .game-item:hover{transform:translateY(-6px) scale(1.02)!important;box-shadow:0 25px 60px #667eea33,0 10px 30px #0000001f,0 5px 15px #667eea1a,inset 0 3px 6px #ffffffe6,inset 0 -3px 6px #667eea26!important;border-image:linear-gradient(135deg,#667eea99,#ffffffb3,#667eea80) 1!important}app-pickem .game-item.predicted{border-image:linear-gradient(135deg,#10b98199,#fff9,#10b98166) 1!important;box-shadow:0 20px 50px #10b98126,0 8px 25px #0000001a,0 4px 12px #10b98114,inset 0 2px 4px #fffc,inset 0 -2px 4px #10b9811a!important}app-pickem .team.side{background:linear-gradient(135deg,#ffffffe6,#f8fafccc)!important;backdrop-filter:blur(15px) saturate(150%)!important;-webkit-backdrop-filter:blur(15px) saturate(150%)!important;border:2px solid rgba(102,126,234,.2)!important;border-radius:16px!important;padding:16px 12px!important;cursor:pointer!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 15px #667eea14,inset 0 1px 2px #ffffffb3!important}app-pickem .team.side:hover{transform:translateY(-2px) scale(1.02)!important;border-color:#667eea66!important;box-shadow:0 8px 25px #667eea26,inset 0 2px 4px #fffc!important}app-pickem .team.side.selected{background:linear-gradient(135deg,#10b98133,#10b9811a)!important;border-color:#10b98199!important;box-shadow:0 8px 25px #10b98133,0 0 0 2px #10b9814d inset,inset 0 2px 4px #fffc!important;transform:scale(1.05)!important}app-pickem .team.side .name{color:#2d3748!important;font-weight:700!important;font-size:14px!important;position:relative!important;z-index:1!important}app-pickem .team.side .score{color:#667eea!important;font-weight:800!important;font-size:18px!important;position:relative!important;z-index:1!important}app-pickem .save-container{position:sticky!important;bottom:0!important;background:linear-gradient(180deg,#f7fafc00,#f7fafcf2 30%,#f7fafc)!important;backdrop-filter:blur(20px) saturate(150%)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important;border-top:2px solid rgba(102,126,234,.2)!important;padding:16px 12px 20px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;z-index:10!important}app-pickem .save-button,app-pickem .save-button.enhanced{background:linear-gradient(135deg,#10b981,#059669)!important;border:2px solid rgba(255,255,255,.3)!important;border-radius:16px!important;color:#fff!important;padding:16px 32px!important;font-weight:800!important;font-size:16px!important;letter-spacing:.5px!important;cursor:pointer!important;box-shadow:0 8px 25px #10b9814d,inset 0 1px 2px #fff6!important;display:flex!important;align-items:center!important;gap:12px!important;min-width:180px!important;justify-content:center!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}app-pickem .save-button:not(:disabled):hover{transform:translateY(-3px) scale(1.05)!important;box-shadow:0 12px 35px #10b98166,inset 0 2px 4px #ffffff80!important;filter:brightness(1.1)!important}app-pickem .save-button:disabled{background:linear-gradient(135deg,#94a3b880,#64748b66)!important;color:#fff9!important;border-color:#94a3b84d!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important}app-pickem .save-success-message{background:linear-gradient(135deg,#10b98133,#10b9811a)!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;border:2px solid rgba(16,185,129,.4)!important;border-radius:16px!important;color:#059669!important;padding:12px 20px!important;font-weight:700!important;box-shadow:0 8px 25px #10b98133,inset 0 1px 2px #fff9!important}app-pickem .status{background:linear-gradient(135deg,#667eea33,#667eea1a)!important;color:#667eea!important;border:1px solid rgba(102,126,234,.3)!important;border-radius:12px!important;padding:4px 12px!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.5px!important;box-shadow:0 2px 8px #667eea26,inset 0 1px 1px #fff9!important}app-pickem .status.live{background:linear-gradient(135deg,#ef444433,#ef44441a)!important;color:#dc2626!important;border-color:#ef444466!important}app-pickem .status.completed{background:linear-gradient(135deg,#6b728033,#6b72801a)!important;color:#4b5563!important;border-color:#6b72804d!important}app-pickem .predicted-chip{background:linear-gradient(135deg,#10b98133,#10b9811a)!important;color:#059669!important;border:1px solid rgba(16,185,129,.4)!important;border-radius:12px!important;padding:4px 12px!important;font-size:12px!important;font-weight:700!important;box-shadow:0 2px 8px #10b98133,inset 0 1px 1px #fff9!important}app-pickem .loading-container,app-pickem .empty-state,app-pickem .no-selection{background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:2px solid rgba(102,126,234,.2)!important;border-radius:20px!important;margin:20px 16px!important;padding:40px 20px!important;text-align:center!important;color:#2d3748!important;box-shadow:0 15px 40px #667eea1a,inset 0 2px 4px #fffc!important}app-pickem .loading-container h3,app-pickem .empty-state h3,app-pickem .no-selection h3{color:#2d3748!important;font-weight:700!important;margin-bottom:12px!important;background:linear-gradient(45deg,#2d3748,#667eea)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}app-pickem *{position:relative!important;z-index:1!important}app-subscription .universal-page-container{background:linear-gradient(135deg,#f7fafc,#edf2f7,#e2e8f0)!important;min-height:100vh!important;position:relative!important}app-subscription .universal-page-container_DISABLED_before{content:""!important;position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.05) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,215,0,.03) 0%,transparent 50%)!important;pointer-events:none!important;z-index:0!important}app-subscription .compact-header{background:linear-gradient(135deg,#667eeaf2,#764ba2e6,#667eead9)!important;backdrop-filter:blur(25px) saturate(200%)!important;-webkit-backdrop-filter:blur(25px) saturate(200%)!important;border:2px solid rgba(255,255,255,.4)!important;border-radius:20px!important;padding:32px 24px!important;margin-bottom:24px!important;position:relative!important;overflow:hidden!important;z-index:1!important}app-subscription .compact-header_DISABLED_before{content:""!important;position:absolute!important;top:-50%!important;left:-50%!important;width:200%!important;height:200%!important;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.1),transparent,rgba(255,255,255,.08),transparent)!important;z-index:0!important}app-subscription .page-title{font-size:2.5rem!important;font-weight:800!important;color:#fff!important;margin:0!important;position:relative!important;z-index:1!important;text-shadow:0 4px 12px rgba(0,0,0,.3)!important;background:linear-gradient(45deg,#fff,gold)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}app-profile .universal-page-container{background:linear-gradient(135deg,#f7fafc,#edf2f7,#e2e8f0)!important;min-height:100vh!important;position:relative!important}app-profile .universal-page-container_DISABLED_before{content:""!important;position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.05) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,215,0,.03) 0%,transparent 50%)!important;pointer-events:none!important;z-index:0!important}.modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#000000b3!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1000!important;padding:20px!important}.modal-content{background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;backdrop-filter:blur(30px) saturate(200%)!important;-webkit-backdrop-filter:blur(30px) saturate(200%)!important;border:2px solid rgba(102,126,234,.3)!important;border-radius:24px!important;padding:32px!important;max-width:500px!important;width:100%!important;max-height:80vh!important;overflow-y:auto!important;position:relative!important;box-shadow:0 25px 70px #667eea33,0 10px 30px #00000026,inset 0 2px 4px #fffc!important}.modal-content.large{max-width:700px!important}.modal-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:24px!important;padding-bottom:16px!important;border-bottom:2px solid rgba(102,126,234,.2)!important}.modal-header h3{margin:0!important;font-size:1.5rem!important;font-weight:700!important;color:#2d3748!important;background:linear-gradient(45deg,#2d3748,#667eea)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.modal-close{background:linear-gradient(135deg,#ef44441a,#ef44440d)!important;border:2px solid rgba(239,68,68,.3)!important;color:#dc2626!important;border-radius:50%!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;font-weight:700!important;cursor:pointer!important}.modal-close:hover{background:linear-gradient(135deg,#ef444433,#ef44441a)!important;transform:scale(1.1)!important}.form-group{margin-bottom:20px!important}.form-group label{display:block!important;font-weight:600!important;color:#2d3748!important;margin-bottom:8px!important;font-size:14px!important}.form-input{background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;border:2px solid rgba(102,126,234,.2)!important;border-radius:12px!important;padding:12px 16px!important;width:100%!important;color:#2d3748!important;font-size:14px!important;box-shadow:0 4px 15px #667eea14,inset 0 1px 2px #ffffffb3!important}.form-input:focus{border-color:#667eea99!important;box-shadow:0 0 0 4px #667eea26,0 8px 25px #667eea26,inset 0 1px 2px #fffc!important;outline:none!important}.modal-actions{display:flex!important;gap:12px!important;justify-content:flex-end!important;margin-top:24px!important;padding-top:16px!important;border-top:2px solid rgba(102,126,234,.1)!important}.season-badge{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;padding:8px 16px!important;border-radius:20px!important;font-size:13px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.5px!important;box-shadow:0 4px 15px #667eea4d,inset 0 1px 2px #ffffff4d!important;position:relative!important;z-index:1!important}.season-badge.active-plan{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 15px #10b9814d,inset 0 1px 2px #ffffff4d!important}.member-row,.manage-member-row{background:linear-gradient(135deg,#ffffffe6,#f8fafccc)!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;border:1px solid rgba(102,126,234,.2)!important;border-radius:16px!important;padding:16px!important;margin-bottom:12px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;box-shadow:0 4px 15px #667eea14,inset 0 1px 2px #fff9!important}.member-row:hover,.manage-member-row:hover{transform:translateY(-2px)!important;border-color:#667eea66!important;box-shadow:0 8px 25px #667eea26,inset 0 2px 4px #ffffffb3!important}.member-info{display:flex!important;align-items:center!important;gap:12px!important}.user-avatar{width:32px!important;height:32px!important;border-radius:50%!important;overflow:hidden!important;position:relative!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 2px 8px #667eea33!important}.user-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}.avatar-placeholder{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-weight:700!important;font-size:12px!important}.member-name{font-weight:600!important;color:#2d3748!important;font-size:16px!important}.member-email{color:#4a5568!important;font-size:14px!important;margin-top:2px!important}.member-joined{color:#718096!important;font-size:12px!important;margin-top:2px!important}.admin-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#fff!important;padding:2px 8px!important;border-radius:12px!important;font-size:10px!important;font-weight:700!important;text-transform:uppercase!important;margin-left:8px!important}.fixed-bottom-notification{position:fixed!important;bottom:20px!important;left:20px!important;right:20px!important;z-index:1000!important}.fixed-bottom-notification .glass-card{background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;backdrop-filter:blur(20px) saturate(150%)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important;border:2px solid rgba(102,126,234,.3)!important;box-shadow:0 15px 40px #667eea33,inset 0 2px 4px #fffc!important}.fixed-bottom-notification .glass-card.success{border-color:#10b98166!important;background:linear-gradient(135deg,#10b9811a,#10b9810d)!important;color:#059669!important}.fixed-bottom-notification .glass-card.error{border-color:#ef444466!important;background:linear-gradient(135deg,#ef44441a,#ef44440d)!important;color:#dc2626!important}.code-display{background:linear-gradient(135deg,#4b55631a,#3741510d)!important;border:2px solid rgba(75,85,99,.2)!important;border-radius:12px!important;padding:12px 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-family:Courier New,monospace!important;font-weight:700!important;letter-spacing:2px!important}.code-text{color:#374151!important;font-size:16px!important}.copy-icon-btn{background:linear-gradient(135deg,#667eea1a,#667eea0d)!important;border:1px solid rgba(102,126,234,.3)!important;border-radius:8px!important;padding:6px 8px!important;cursor:pointer!important;color:#667eea!important}.copy-icon-btn:hover{background:linear-gradient(135deg,#667eea33,#667eea1a)!important;transform:scale(1.1)!important}.manage-sections{display:flex!important;flex-direction:column!important;gap:24px!important}.manage-section{background:linear-gradient(135deg,#f8fafccc,#f1f5f9b3)!important;border:1px solid rgba(102,126,234,.15)!important;border-radius:16px!important;padding:20px!important}.manage-section h4{margin:0 0 16px!important;color:#2d3748!important;font-weight:700!important;font-size:16px!important}.invite-methods,.quick-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:12px!important}.invite-method{padding:10px 12px!important;font-size:13px!important}@media (max-width: 768px){.modal-content{margin:10px!important;padding:24px 20px!important;max-height:90vh!important}.modal-actions{flex-direction:column!important}.modal-actions .glass-button{width:100%!important;justify-content:center!important}}.main-content{padding:8px 0!important}.playoff-bracket{margin-bottom:12px!important}.bracket-header{cursor:pointer!important;margin-bottom:8px!important}.nav-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:16px!important;background:#ffffffe6!important;border-radius:12px!important;border:1px solid rgba(0,0,0,.1)!important}.nav-title{font-size:1.5rem!important;font-weight:600!important;color:#2d3748!important;margin:0!important}.bracket-toggle-icon{margin-left:8px!important;font-size:1rem!important}.conference-toggle{display:flex!important;gap:8px!important}.glass-button-sm{padding:4px 12px!important;font-size:.875rem!important}.bracket-content{padding:12px!important}.responsive-grid{display:grid!important;gap:8px!important}.responsive-grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important}.conference-section{background:#ffffff80!important;padding:16px!important;border-radius:12px!important;border:1px solid rgba(0,0,0,.05)!important}.conference-header{font-size:1.125rem!important;font-weight:600!important;color:#2d3748!important;margin-bottom:12px!important;text-align:center!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.eliminated-toggle{font-size:.75rem!important;padding:4px 8px!important;margin-left:8px!important}.matchup-card{background:linear-gradient(135deg,#fffffff2,#f8fafce6)!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;padding:16px!important;border-radius:12px!important;border:1px solid rgba(102,126,234,.2)!important;margin-bottom:12px!important;box-shadow:0 4px 15px #667eea1a,inset 0 1px 2px #fffc!important}.flex.between{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important}.flex.between>div{display:flex!important;align-items:center!important;gap:8px!important;flex:1!important}.flex.between>div:first-child{justify-content:flex-start!important}.flex.between>div:last-child{justify-content:flex-end!important;flex-direction:row-reverse!important}.flex.between>span{font-weight:700!important;color:#667eea!important;margin:0 12px!important;font-size:.9rem!important}.seed-number{font-weight:700!important;color:#667eea!important;margin-right:8px!important}.team-logo{width:24px!important;height:24px!important;border-radius:50%!important;object-fit:contain!important}.team-logo-fallback{background:#e2e8f0!important;color:#4a5568!important;font-size:10px!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important}.team-name{font-weight:600!important;color:#2d3748!important;font-size:.875rem!important}.flex{display:flex!important}.items-center{align-items:center!important}.gap-sm{gap:8px!important}.liquid-game-card{background:#ffffffe6!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:16px!important;padding:16px!important;margin-bottom:12px!important;box-shadow:0 4px 16px #0000001a!important}.teams-matchup{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important}.team-option{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;padding:12px!important;border-radius:8px!important;background:#ffffff80!important;border:2px solid transparent!important;cursor:pointer!important;min-height:80px!important;justify-content:center!important}.team-option.selected{background:#667eea1a!important;border-color:#667eea66!important}.game-info{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:60px!important}.game-header{margin-bottom:8px!important}.game-date-info{font-size:.875rem!important;color:#4a5568!important;font-weight:500!important}.game-teams{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:12px!important}.team-info{display:flex!important;align-items:center!important;gap:8px!important}.team-score{font-size:1.5rem!important;font-weight:700!important;color:#2d3748!important}.game-status{font-size:.75rem!important;font-weight:600!important;padding:4px 8px!important;border-radius:8px!important;background:#e2e8f0!important;color:#4a5568!important}.game-status.live{background:#fed7d7!important;color:#c53030!important}.game-status.final{background:#c6f6d5!important;color:#2f855a!important}.gap-xs{gap:4px!important}.gap-md{gap:12px!important}.between{justify-content:space-between!important}.text-sm{font-size:.875rem!important}.text-xs{font-size:.75rem!important}.team-record{font-size:.75rem!important;color:#718096!important}.text-center{text-align:center!important}.text-primary{color:#2d3748!important}.text-secondary{color:#4a5568!important}.prediction-correct{background:#4ade8026!important;border:1px solid rgba(74,222,128,.3)!important;color:#15803d!important}.prediction-incorrect{background:#ff00004d!important;border:2px solid transparent!important;color:#8b0000!important;box-shadow:0 0 0 1px #f003 inset!important}.prediction-cell.prediction-incorrect,.prediction-incorrect:hover,.prediction-incorrect:focus,.prediction-incorrect:active{background:#ff000059!important;border-color:transparent!important;color:#8b0000!important}.prediction-pending{background:#9ca3af26!important;border:1px solid rgba(156,163,175,.3)!important;color:#4b5563!important}.no-prediction{background:#6b72801a!important;border:1px solid rgba(107,114,128,.2)!important;color:#6b7280cc!important}app-root,ion-app,.app-layout,.app-main{display:block!important;visibility:visible!important;background:#f7fafc!important;color:#2d3748!important;min-height:100vh!important}