@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;700;800&family=Space+Grotesk:wght@400;500;600&display=swap";:root{--teal:#10b981;--error:#ef4444;--text:#fefce8;--muted:#a8a29e;--glow-blue:#ef44444d;--glow-teal:#facc154d}[data-theme=csk]{--bg:#120c08;--card:#140e08d9;--surface:#23190fe6;--orange:#facc15;--orange-glow:#facc1573;--yellow:#fef08a;--blue:#ea580c;--border:#facc1526;--dark:#120c08;--btn-text:#1a0f0a}[data-theme=rcb]{--bg:#140505;--card:#190808d9;--surface:#2d0f0fe6;--orange:#ef4444;--orange-glow:#ef444473;--yellow:#b91c1c;--blue:#eab308;--border:#ef444426;--dark:#140505;--btn-text:#fff}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Space Grotesk,sans-serif;position:relative;overflow-x:hidden}.dynamic-bg{z-index:0;background:var(--bg);pointer-events:none;position:fixed;inset:0;overflow:hidden}.gradient-sphere{filter:blur(80px);opacity:.55;border-radius:50%;animation:25s cubic-bezier(.4,0,.2,1) infinite alternate float-sphere;position:absolute}.sphere-1{background:radial-gradient(circle, var(--orange) 0%, transparent 70%);width:50vw;height:50vw;animation-delay:0s;top:-10%;left:-10%}.sphere-2{background:radial-gradient(circle, var(--blue) 0%, transparent 70%);width:60vw;height:60vw;animation-delay:-5s;bottom:-20%;right:-10%}.sphere-3{background:radial-gradient(circle, var(--yellow) 0%, transparent 70%);width:40vw;height:40vw;animation-delay:-10s;top:40%;left:60%}.sphere-4{background:radial-gradient(circle, var(--orange) 0%, transparent 70%);width:45vw;height:45vw;animation-delay:-15s;top:10%;right:10%}@keyframes float-sphere{0%{transform:translate(0)scale(1)}33%{transform:translate(10vw,-15vh)scale(1.1)}66%{transform:translate(-5vw,10vh)scale(.9)}to{transform:translate(-15vw,-5vh)scale(1.05)}}.bg-doodle{color:var(--orange);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.15;z-index:1;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 10px var(--orange-glow);font-size:2.5rem;font-weight:900;animation:6s ease-in-out infinite float;position:fixed}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(4deg)}}.doodle-1{animation-delay:0s;top:8%;left:5%}.doodle-2{font-size:2rem;animation-delay:.8s;top:15%;right:8%}.doodle-3{font-size:1.8rem;animation-delay:1.5s;bottom:20%;left:8%}.doodle-4{font-size:3rem;animation-delay:.4s;bottom:10%;right:6%}.doodle-5{font-size:1.5rem;animation-delay:2s;top:45%;left:2%}.doodle-6{font-size:2rem;animation-delay:1s;top:35%;right:3%}.app-container{z-index:1;width:100%;max-width:480px;margin:0 auto;padding:1.5rem 1rem 120px;transition:max-width .3s,padding .3s;position:relative}@media (width>=768px){.app-container{max-width:720px;padding:2rem 2rem 140px}}@media (width>=1024px){.app-container{max-width:1000px;padding:3rem 2rem 140px}}.dashboard-grid{flex-direction:column;gap:1.5rem;display:flex}@media (width>=1024px){.dashboard-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:2rem;display:grid}}.glass-card{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(24px);border-radius:24px;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff0d,0 10px 40px #00000080}.glass-card:hover{transform:translateY(-2px);box-shadow:inset 0 1px 1px #ffffff14,0 15px 50px #0009}.card-banner{background:linear-gradient(135deg, var(--orange-glow) 0%, var(--glow-blue) 100%);text-align:center;border-bottom:1px solid var(--border);padding:1.6rem 2rem 1.4rem;position:relative;overflow:hidden}.card-banner:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0d 0%,#0000 100%);position:absolute;inset:0}.logo{color:#fff;text-shadow:2px 2px 8px #000000e6;justify-content:center;align-items:center;gap:.3rem;font-family:"Baloo 2",sans-serif;font-size:2.2rem;font-weight:800;display:flex}.banner-sub{color:#ffffffe6;letter-spacing:.01em;text-shadow:1px 1px 4px #000c;margin-top:.2rem;font-size:.85rem;font-weight:600}.private-badge{justify-content:center;margin-top:-14px;margin-bottom:1rem;display:flex}.today-badge{background:var(--orange);border-radius:4px;padding:2px 6px;font-size:.6rem;font-weight:700}[data-theme=csk] .today-badge{color:#1a0f0a}[data-theme=rcb] .today-badge{color:#fff}.orange-rule-box{background:var(--orange);border:3px solid var(--dark);border-radius:12px;padding:1rem;font-size:.78rem;font-weight:800;line-height:1.4}[data-theme=csk] .orange-rule-box{color:#1a0f0a}[data-theme=rcb] .orange-rule-box{color:#fff}.private-pill{background:var(--yellow);border:1px solid var(--border);color:var(--btn-text);border-radius:50px;align-items:center;gap:.4rem;padding:.25rem 1rem;font-family:"Baloo 2",sans-serif;font-size:.82rem;font-weight:700;display:flex;box-shadow:0 2px 8px #0003}.yellow-bg-card{background:var(--yellow);padding:1rem}[data-theme=csk] .yellow-bg-card{color:#1a0f0a}[data-theme=csk] .yellow-bg-card h4,[data-theme=csk] .yellow-bg-card h3,[data-theme=csk] .yellow-bg-card h2{color:#1a0f0a;font-weight:800}[data-theme=csk] .yellow-bg-card p{color:#2a1a0f}[data-theme=rcb] .yellow-bg-card{color:#fff}[data-theme=rcb] .yellow-bg-card h4,[data-theme=rcb] .yellow-bg-card h3,[data-theme=rcb] .yellow-bg-card h2{color:#fff;font-weight:800}[data-theme=rcb] .yellow-bg-card p{color:#fffffff2}.card-body{padding:1.5rem}.tab-row{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:.4rem;margin-bottom:1.6rem;padding:.3rem;display:flex}.tab{text-align:center;cursor:pointer;color:var(--muted);border:1px solid #0000;border-radius:10px;flex:1;padding:.5rem;font-family:"Baloo 2",sans-serif;font-size:.92rem;font-weight:700;transition:all .2s}.tab.active{background:var(--card);color:var(--text);border-color:var(--border);box-shadow:0 2px 8px #0003}.btn-primary{background:linear-gradient(135deg, var(--orange) 0%, var(--blue) 100%);width:100%;color:var(--btn-text,#fff);cursor:pointer;box-shadow:0 4px 16px var(--orange-glow);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem;font-family:"Baloo 2",sans-serif;font-size:1.05rem;font-weight:800;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,opacity .2s;display:flex}.btn-primary:hover{box-shadow:0 8px 24px var(--orange-glow);transform:translateY(-2px)}.btn-primary:active{box-shadow:0 2px 8px var(--orange-glow);transform:translateY(1px)}.btn-google{width:100%;color:var(--text);border:1px solid var(--border);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border-radius:14px;justify-content:center;align-items:center;gap:.8rem;padding:.85rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #0003}.btn-google:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.match-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:18px;margin-bottom:1.5rem;padding:1rem}.countdown{color:var(--orange);margin:.5rem 0;font-family:"Baloo 2",sans-serif;font-size:2.5rem;font-weight:800}.picks-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem;display:grid}.pick-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:.8rem;padding:.8rem;transition:transform .2s,box-shadow .2s;display:flex}.pick-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.pick-avatar{border:1.5px solid var(--border);border-radius:50%;width:36px;height:36px}.pick-user{font-size:.9rem;font-weight:700}.pick-team{color:var(--text);text-transform:uppercase;font-size:.75rem;font-weight:800}.loading{background:var(--bg);justify-content:center;align-items:center;height:100vh;font-family:"Baloo 2",sans-serif;font-size:1.5rem;font-weight:800;display:flex}@media (width<=480px){.app-container{padding:1.5rem 1rem calc(120px + env(safe-area-inset-bottom))}h1{font-size:1.8rem}}.bottom-nav{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:1000;background:#141621d9;justify-content:space-between;align-items:stretch;height:85px;padding:0 10px;transition:all .3s;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=768px){.bottom-nav{border:1px solid var(--border);border-radius:38px;width:600px;height:75px;padding:0 20px;bottom:20px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 10px 40px #0009,inset 0 1px 1px #ffffff0d}}.nav-tab{cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;height:100%;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-tab:active{transform:scale(.92)}.nav-emoji{font-size:1.4rem;line-height:1;transition:filter .3s}@media (width>=768px){.nav-emoji{font-size:1.5rem}}.nav-label{text-transform:uppercase;color:var(--muted);letter-spacing:.4px;font-family:Space Grotesk,sans-serif;font-size:.62rem;font-weight:700;transition:color .3s}.nav-tab.active .nav-label{color:var(--text)}.nav-tab.active .nav-emoji{filter:drop-shadow(0 0 8px var(--orange-glow));transform:translateY(-2px)}.nav-center-spacer{flex:1.2;justify-content:center;display:flex;position:relative}.nav-center-btn{box-shadow:0 8px 25px var(--orange-glow);z-index:1001;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)translateY(-35px);background:linear-gradient(135deg, var(--orange) 0%, var(--blue) 100%)!important;border:4px solid var(--bg)!important;border-radius:50%!important;width:68px!important;height:68px!important;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s!important}@media (width>=768px){.nav-center-btn{transform:translate(-50%)translateY(-25px);border:4px solid var(--card)!important}}.nav-center-btn:hover{box-shadow:0 12px 30px var(--orange-glow);transform:translate(-50%)translateY(-38px)scale(1.05)}@media (width>=768px){.nav-center-btn:hover{transform:translate(-50%)translateY(-28px)scale(1.05)}}.nav-center-btn:active{transform:translate(-50%)translateY(-32px)scale(.95)!important}.nav-center-btn .nav-emoji{margin-bottom:-2px;color:var(--btn-text)!important;font-size:1.6rem!important}.nav-center-btn .nav-label{opacity:.9;color:var(--btn-text)!important;font-size:.58rem!important;font-weight:900!important}.nav-center-btn.active{box-shadow:0 0 20px var(--orange-glow), 0 8px 30px #0006;background:linear-gradient(135deg, var(--blue) 0%, var(--orange) 100%)!important}.schedule-list{flex-direction:column;gap:.75rem;display:flex}.schedule-card{background:var(--card);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;padding:.9rem 1rem;transition:box-shadow .2s,border-color .2s;display:flex}.schedule-card:hover{border-color:#4f8ef738;box-shadow:0 4px 20px #00000038}.match-num-badge{background:var(--yellow);color:#2a2a2a;letter-spacing:.04em;border:1px solid #ffffff14;border-radius:6px;margin-bottom:4px;padding:2px 8px;font-size:.62rem;font-weight:800;display:inline-block}.login-wrap{z-index:1;width:100%;max-width:420px;margin:0 auto;padding:1.5rem;position:relative}.login-banner.card-banner:before{content:"🏏 🏏 🏏 🏏 🏏 🏏 🏏 🏏";opacity:.08;letter-spacing:1.4rem;white-space:nowrap;pointer-events:none;font-size:1.5rem;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.welcome-row{flex-direction:column;justify-content:center;align-items:center;gap:.8rem;margin-bottom:1.6rem;display:flex}.group-avatar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff1a,#ffffff05);border:1px solid #fff3;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:1.8rem;display:flex;box-shadow:0 8px 20px #0006,inset 0 1px #ffffff4d}.welcome-title{text-align:center;font-family:"Baloo 2",sans-serif;font-size:1.25rem;font-weight:800;line-height:1.3}.welcome-sub{color:var(--muted);text-align:center;margin-top:.3rem;font-size:.85rem;font-weight:500}.members-row{background:var(--surface);border:1px dashed var(--border);border-radius:12px;align-items:center;gap:.6rem;margin-bottom:1.6rem;padding:.7rem 1rem;display:flex}.member-avatars{display:flex}.m-av{border:2px solid var(--bg);background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-8px;font-size:.85rem;display:flex;box-shadow:0 1px 4px #00000040}.m-av:first-child{margin-left:0}.members-text{color:var(--muted);font-size:.8rem;font-weight:600}.members-text strong{color:var(--text)}.field-group{text-align:left;margin-bottom:1rem}.field-group label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.45rem;font-size:.78rem;font-weight:700;display:block}.input-wrap{position:relative}.input-wrap .field-icon{pointer-events:none;font-size:1rem;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.input-wrap input{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface);border-radius:12px;outline:none;padding:.75rem 1rem .75rem 2.6rem;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:500;transition:border-color .15s,box-shadow .15s}.input-wrap input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #4f8ef726}.input-wrap input::placeholder{color:var(--muted);font-weight:500}.eye-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:.2rem;font-size:1rem;position:absolute;top:50%;right:.9rem;transform:translateY(-50%)}.forgot-row{justify-content:flex-end;margin-top:.4rem;margin-bottom:.3rem;display:flex}.forgot-link{color:var(--blue);cursor:pointer;font-size:.78rem;font-weight:700;text-decoration:none}.forgot-link:hover{text-decoration:underline}.divider{align-items:center;gap:.8rem;margin:1.2rem 0;display:flex}.divider-line{background:var(--border);flex:1;height:1px}.divider-text{color:var(--muted);white-space:nowrap;font-size:.78rem;font-weight:700}.login-footer{background:var(--surface);border-top:1px solid var(--border);text-align:center;padding:1rem 2rem}.login-footer-text{color:var(--muted);font-size:.82rem;font-weight:500}.login-footer-text a{color:var(--orange);cursor:pointer;font-weight:700;text-decoration:none}.login-footer-text a:hover{text-decoration:underline}.bottom-note{text-align:center;color:var(--muted);margin-top:1.2rem;font-size:.75rem;font-weight:500;line-height:1.6}.bottom-note strong{color:var(--text)}.fade-in{animation:.25s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1)}}