:root{--bg-primary: #050B18;--bg-secondary: #0D172A;--bg-tertiary: #101C32;--bg-card: rgba(14, 26, 46, .88);--text-primary: #F5F8FF;--text-secondary: #98A8C2;--text-muted: #65738B;--accent-color: #2F80FF;--accent-hover: #3A8DFF;--accent-glow: rgba(47, 128, 255, .35);--danger-color: #FF4D5A;--success-color: #2FE38A;--warning-color: #F3C547;--border-std: rgba(110, 150, 210, .18);--border-active: rgba(47, 128, 255, .85);--glass-bg: var(--bg-card);--glass-border: var(--border-std);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .4);--glass-blur: blur(12px);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-primary);background-attachment:fixed;padding-bottom:calc(75px + env(safe-area-inset-bottom));overflow-x:hidden}#root{width:100%;max-width:1000px;margin:0 auto;padding:env(safe-area-inset-top) 1rem 1rem 1rem;box-sizing:border-box}@media(max-width:768px){#root{padding:env(safe-area-inset-top) 16px 16px 16px}}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);transition:transform .2s ease,box-shadow .2s ease}h1,h2,h3{line-height:1.2;color:var(--text-primary);font-weight:700;letter-spacing:-.025em;margin-top:0}button{border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:.8em 1.5em;font-size:1rem;font-weight:600;font-family:inherit;background-color:#ffffff0d;color:var(--text-primary);cursor:pointer;transition:all .2s}button:hover{background-color:#ffffff1a;transform:translateY(-1px)}button:active{transform:translateY(0)}input{background-color:#0003;border:1px solid var(--glass-border);color:var(--text-primary);padding:1rem;border-radius:.75rem;font-size:1rem;width:100%;box-sizing:border-box;transition:border-color .2s,background-color .2s}input:focus{outline:none;border-color:var(--accent-color);background-color:#0000004d}.btn-primary{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;border:none;box-shadow:0 4px 12px var(--accent-glow)}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 16px var(--accent-glow)}.text-accent{color:var(--accent-color);text-shadow:0 0 20px var(--accent-glow)}.scoreboard-container{display:flex;flex-direction:column;gap:.75rem}.scoreboard-row{position:relative;display:flex;align-items:center;padding:1rem 1.2rem;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:1.25rem;transition:all .2s ease;cursor:pointer;overflow:hidden;box-shadow:var(--glass-shadow);margin-bottom:.75rem}.scoreboard-row:before{content:"";position:absolute;top:0;right:0;bottom:0;width:65%;background-image:var(--team-bg, none);background-repeat:no-repeat;background-position:right 20px center;background-size:auto 150%;opacity:.2;mask-image:linear-gradient(to left,black 0%,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(to left,black 0%,black 60%,transparent 100%);z-index:0;pointer-events:none}.scoreboard-row:after{content:"";position:absolute;top:0;right:0;bottom:0;width:50%;background:radial-gradient(circle at right center,rgba(47,128,255,.15),transparent 70%);z-index:0;pointer-events:none}.scoreboard-row>*{position:relative;z-index:1}.scoreboard-row:hover{background:#223455e6;transform:translateY(-2px);border-color:var(--accent-glow)}.scoreboard-row.expanded{background:#ffffff0a;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.rank-badge{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-weight:800;font-size:1.2rem;color:#fff}.rank-1{background:linear-gradient(135deg,#ffdf00,#d4af37);box-shadow:0 0 15px #d4af3766;text-shadow:0 2px 4px rgba(0,0,0,.3)}.rank-2{background:linear-gradient(135deg,#e0e0e0,#9e9e9e);box-shadow:0 0 15px #9e9e9e4d}.rank-3{background:linear-gradient(135deg,#cd7f32,sienna);box-shadow:0 0 15px #cd7f324d}.rank-badge.rank-other{background:transparent;color:var(--text-secondary)}.mobile-menu{position:absolute;top:100%;left:0;right:0;background-color:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:0 0 1rem 1rem;display:flex;flex-direction:column;gap:1rem;z-index:50;border:1px solid var(--glass-border);border-top:none;box-shadow:0 10px 15px -3px #0000004d;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.picks-container-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1)}.picks-container-wrapper.open{grid-template-rows:1fr}.picks-container-inner{overflow:hidden}.rank-other{color:var(--text-secondary);font-size:1.1rem}@keyframes crown-shimmer-gold{0%{filter:drop-shadow(0 0 2px rgba(255,223,0,.4));transform:scale(1) rotate(-10deg)}50%{filter:drop-shadow(0 0 8px rgba(255,223,0,1));transform:scale(1.15) rotate(-10deg)}to{filter:drop-shadow(0 0 2px rgba(255,223,0,.4));transform:scale(1) rotate(-10deg)}}@keyframes crown-shimmer-silver{0%{filter:drop-shadow(0 0 2px rgba(224,224,224,.4));transform:scale(1) rotate(-10deg)}50%{filter:drop-shadow(0 0 8px rgba(255,255,255,1));transform:scale(1.15) rotate(-10deg)}to{filter:drop-shadow(0 0 2px rgba(224,224,224,.4));transform:scale(1) rotate(-10deg)}}@keyframes crown-shimmer-bronze{0%{filter:drop-shadow(0 0 2px rgba(205,127,50,.4));transform:scale(1) rotate(-10deg)}50%{filter:drop-shadow(0 0 8px rgba(255,160,80,1));transform:scale(1.15) rotate(-10deg)}to{filter:drop-shadow(0 0 2px rgba(205,127,50,.4));transform:scale(1) rotate(-10deg)}}.crown-gold{color:#ffdf00;animation:crown-shimmer-gold 2.5s infinite ease-in-out}.crown-silver{color:#e0e0e0;animation:crown-shimmer-silver 2.5s infinite ease-in-out;animation-delay:.2s}.crown-bronze{color:#cd7f32;animation:crown-shimmer-bronze 2.5s infinite ease-in-out;animation-delay:.4s}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.gold-shimmer-row{border:1px solid rgba(212,175,55,.5);background:linear-gradient(90deg,#d4af370d 25%,#d4af3726,#d4af370d 75%);background-size:200% auto;animation:shimmer 4s infinite linear}.chevron{transition:transform .3s ease;color:var(--text-secondary)}.chevron.open{transform:rotate(180deg)}.picks-container{padding:1.5rem;background:#101c3299;border:1px solid var(--border-std);border-top:none;border-bottom-left-radius:1.25rem;border-bottom-right-radius:1.25rem;margin-bottom:1rem;box-shadow:inset 0 4px 10px #0003}.picks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.pick-card{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 12px #0003;transition:transform .2s ease,border-color .2s ease;cursor:pointer}.pick-card:hover{background:#223455e6;transform:translateY(-2px);border-color:var(--accent-glow)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:200px}.loading-container.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--background-color, #1a1a1a);z-index:9999}.pulsating-football{width:100px;height:auto;animation:pulsate 1.5s infinite alternate ease-in-out;filter:drop-shadow(0 0 10px rgba(0,150,255,.5))}@keyframes pulsate{0%{transform:scale(.9);filter:drop-shadow(0 0 10px rgba(0,150,255,.5))}to{transform:scale(1.1);filter:drop-shadow(0 0 25px rgba(0,150,255,1))}}