:root{--bg-primary:#0f0a14;--bg-secondary:#1a0f1e;--bg-card:#211428;--bg-card-hover:#2a1b30;--accent-amber:#f97316;--accent-amber-dark:#ea6b0e;--accent-green:#ec4899;--accent-red:#fb7185;--text-primary:#fff0f8;--text-secondary:#c49aaf;--text-muted:#6b3d5a;--border:#3d1f4a;--border-subtle:#261330}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;background-color:#0f0a14;background-color:var(--bg-primary);color:#fff0f8;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}[data-amplify-authenticator]{--amplify-colors-background-primary:var(--bg-primary);--amplify-colors-background-secondary:var(--bg-secondary);--amplify-colors-brand-primary-10:#1a2540;--amplify-colors-brand-primary-80:var(--accent-amber);--amplify-colors-brand-primary-90:var(--accent-amber-dark);--amplify-colors-brand-primary-100:#b45309;--amplify-colors-border-primary:var(--border);--amplify-colors-font-primary:var(--text-primary);--amplify-colors-font-secondary:var(--text-secondary);--amplify-colors-font-interactive:var(--accent-amber)}[data-amplify-authenticator] [data-amplify-form]{background:#1a0f1e;background:var(--bg-secondary);border:1px solid #3d1f4a;border:1px solid var(--border);border-radius:12px}[data-amplify-authenticator] .amplify-label{color:#c49aaf;color:var(--text-secondary)}[data-amplify-authenticator] .amplify-input{background:#211428;background:var(--bg-card);border-color:#3d1f4a;border-color:var(--border);color:#fff0f8;color:var(--text-primary)}[data-amplify-authenticator] .amplify-input:focus{border-color:#f97316;border-color:var(--accent-amber);box-shadow:0 0 0 2px #f59e0b33}[data-amplify-authenticator] .amplify-button--primary{background:#f97316;background:var(--accent-amber);color:#000;font-weight:700}[data-amplify-authenticator] .amplify-button--primary:hover{background:#ea6b0e;background:var(--accent-amber-dark)}[data-amplify-authenticator] .amplify-tabs-item{color:#c49aaf;color:var(--text-secondary)}[data-amplify-authenticator] .amplify-tabs-item[data-state=active]{border-color:#f97316;border-color:var(--accent-amber);color:#f97316;color:var(--accent-amber)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a0f1e;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#3d1f4a;background:var(--border);border-radius:3px}.container{margin:0 auto;max-width:1100px;padding:0 16px}@media (max-width:640px){.container{padding:0 12px}}.app-footer{border-top:1px solid #3d1f4a;border-top:1px solid var(--border);margin-top:48px;padding:24px 16px;text-align:center}.app-footer-tagline{color:#c49aaf;color:var(--text-secondary);font-size:.88rem;font-weight:700;margin-bottom:4px}.app-footer-powered{color:#f97316;color:var(--accent-amber);font-size:.75rem;margin-bottom:14px;opacity:.8}.app-footer-disclaimer{color:#6b3d5a;color:var(--text-muted);font-size:.72rem;line-height:1.6;margin:0 auto 8px;max-width:680px}.app-footer-copy{color:#6b3d5a;color:var(--text-muted);font-size:.7rem;opacity:.5}.auth-root{align-items:center;background:var(--bg-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:24px 16px 48px;position:relative}.bg-balls{inset:0;pointer-events:none;position:absolute;z-index:0}.bg-ball{animation:float linear infinite;border-radius:50%;opacity:.06;position:absolute}.bg-ball-1{animation-duration:18s;animation-name:float1;background:radial-gradient(circle,#f59e0b 0,#0000 70%);height:340px;left:-80px;top:-80px;width:340px}.bg-ball-2{animation-duration:14s;animation-name:float2;background:radial-gradient(circle,#10b981 0,#0000 70%);bottom:-40px;height:220px;opacity:.05;right:-40px;width:220px}.bg-ball-3{animation-duration:22s;animation-name:float3;background:radial-gradient(circle,#f59e0b 0,#0000 70%);height:160px;left:70%;opacity:.04;top:40%;width:160px}.bg-ball-4{animation-duration:10s;animation-name:pulse;background:radial-gradient(circle,#fff 0,#0000 70%);height:100px;left:15%;opacity:.03;top:20%;width:100px}.bg-ball-5{animation-delay:-3s;animation-duration:8s;animation-name:pulse;background:radial-gradient(circle,#f59e0b 0,#0000 70%);bottom:30%;height:60px;left:8%;opacity:.07;width:60px}.bg-ball-6{animation-delay:-5s;animation-duration:12s;animation-name:float2;background:radial-gradient(circle,#10b981 0,#0000 70%);height:80px;opacity:.05;right:10%;top:15%;width:80px}@keyframes float1{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,40px) scale(1.05)}66%{transform:translate(-20px,25px) scale(.97)}to{transform:translate(0) scale(1)}}@keyframes float2{0%{transform:translate(0) rotate(0deg)}50%{transform:translate(-25px,-30px) rotate(180deg)}to{transform:translate(0) rotate(1turn)}}@keyframes float3{0%{transform:translate(0)}25%{transform:translate(-20px,15px)}75%{transform:translate(15px,-20px)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:.07;transform:scale(1)}50%{opacity:.02;transform:scale(1.4)}}.auth-logo{animation:logoFloat 4s ease-in-out infinite;display:flex;justify-content:center;margin-bottom:10px;position:relative;z-index:1}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.auth-logo-svg{filter:drop-shadow(0 6px 20px rgba(249,115,22,.4))}.auth-tagline{color:#ffffff59;font-size:.9rem;letter-spacing:.04em;margin-bottom:36px;text-align:center}.auth-card,.auth-tagline{position:relative;z-index:1}.auth-card{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 0 0 1px #f59e0b0a,0 24px 60px #00000080,inset 0 1px 0 #ffffff0f;max-width:400px;padding:28px 28px 24px;width:100%}.auth-tabs{background:#ffffff0d;border-radius:12px;display:flex;gap:4px;margin-bottom:24px;padding:4px}.auth-tab{background:#0000;border:none;border-radius:9px;color:#fff6;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:9px 0;transition:background .2s,color .2s}.auth-tab:hover{color:#ffffffb3}.auth-tab--active{background:#f9731626;color:var(--accent-amber)}.auth-back{background:none;border:none;color:#ffffff59;cursor:pointer;display:inline-block;font-size:.8rem;padding:0 0 16px;transition:color .15s}.auth-back:hover{color:#f59e0b}.auth-msg{border-radius:10px;font-size:.83rem;font-weight:500;line-height:1.5;margin-bottom:16px;padding:10px 14px}.auth-msg--error{background:#ef44441a;border:1px solid #ef444440;color:#fca5a5}.auth-msg--info{background:#10b9811a;border:1px solid #10b98140;color:#6ee7b7}.auth-hint{color:#fff6;font-size:.83rem;line-height:1.55;margin-bottom:18px}.auth-hint strong{color:#ffffffa6}.auth-form{gap:16px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:6px}.auth-label{color:#fff6;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.auth-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:.95rem;outline:none;padding:13px 16px;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.auth-input::placeholder{color:#ffffff2e}.auth-input:focus{background:#f973160a;border-color:var(--accent-amber);box-shadow:0 0 0 3px #f9731624}.auth-cta{align-items:center;background:linear-gradient(135deg,var(--accent-amber),var(--accent-green));border:none;border-radius:12px;box-shadow:0 4px 20px #f9731659;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:800;justify-content:center;letter-spacing:.02em;margin-top:4px;min-height:48px;padding:14px;transition:opacity .15s,transform .1s,box-shadow .15s;width:100%}.auth-cta:hover:not(:disabled){box-shadow:0 6px 28px #f9731680;opacity:.88;transform:translateY(-1px)}.auth-cta:active:not(:disabled){transform:translateY(0)}.auth-cta:disabled{cursor:not-allowed;opacity:.65}.auth-spinner{animation:spin .7s linear infinite;border:2.5px solid #00000040;border-radius:50%;border-top-color:#000;display:inline-block;height:18px;width:18px}.auth-forgot{background:none;border:none;color:#ffffff40;cursor:pointer;font-size:.8rem;margin-top:-4px;padding:0;text-align:center;transition:color .15s}.auth-forgot:hover{color:#ffffff8c}.auth-footer{color:#ffffff26;font-size:.72rem;letter-spacing:.06em;margin-top:24px;position:relative;z-index:1}@media (max-width:440px){.auth-card{border-radius:16px;padding:22px 18px 20px}}.nav{background:var(--bg-secondary);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-inner{height:60px;justify-content:space-between}.nav-inner,.nav-logo{align-items:center;display:flex}.nav-logo{flex-shrink:0;gap:8px;text-decoration:none}.nav-wordmark{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f97316,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:900;letter-spacing:-.5px}.nav-links{align-items:center;display:flex;gap:4px}.nav-link{border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:6px 14px;text-decoration:none;transition:color .15s,background .15s}.nav-link:hover{background:var(--bg-card);color:var(--text-primary)}.nav-link.active{background:#f59e0b1a;color:var(--accent-amber)}.nav-badge{align-items:center;background:var(--accent-amber);border-radius:9px;color:#000;display:inline-flex;font-size:.6rem;font-weight:800;height:18px;justify-content:center;margin-left:5px;min-width:18px;padding:0 5px;vertical-align:middle}.nav-signout{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;margin-left:8px;padding:6px 14px;transition:color .15s,border-color .15s}.nav-signout:hover{border-color:var(--accent-red);color:var(--accent-red)}.nav-create-btn{align-items:center;background:linear-gradient(135deg,var(--accent-amber),#ec4899);border-radius:8px;color:#fff;display:inline-flex;font-size:.875rem;font-weight:700;margin-left:4px;padding:6px 16px;text-decoration:none;transition:opacity .15s,transform .1s}.nav-create-btn:hover{opacity:.9;transform:translateY(-1px)}@media (max-width:600px){.nav-wordmark{font-size:1.2rem}.nav-logo-icon{font-size:1rem}.nav-link,.nav-signout{font-size:.8rem;padding:6px 10px}.nav-hide-mobile{display:none}}.home-page{padding-bottom:64px;padding-top:0}.hero{align-items:center;background:linear-gradient(180deg,#0f0a14 0,#1a0f1e);border-radius:0;display:flex;justify-content:center;margin-bottom:32px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);min-height:100vh;overflow:hidden;padding:0;position:relative;text-align:center;width:100vw}.hero-video{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}.hero-overlay{background:linear-gradient(180deg,#0f0a1473,#0f0a14d1);inset:0;position:absolute;z-index:1}.hero-content{margin:0 auto;max-width:720px;padding:80px 20px;position:relative;width:100%;z-index:2}.hero-badge{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:20px;color:var(--accent-amber);display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:20px;padding:4px 14px;text-transform:uppercase}@keyframes wordReveal{0%{filter:blur(6px);opacity:0;transform:translateY(28px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}@keyframes wordsBlockFadeOut{0%{opacity:1}to{opacity:0}}@keyframes titleSwipeIn{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}@keyframes titleSwipeOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-60px)}}.hero-title-wrap{margin-bottom:32px;min-height:calc(clamp(2.4rem, 6vw, 4rem)*1.1*2 + 8px);position:relative}.hero-title{color:var(--text-primary);font-size:clamp(2.4rem,6vw,4rem);font-weight:900;letter-spacing:-1px;line-height:1.1;margin:0}.hero-word{animation:wordReveal .55s cubic-bezier(.22,1,.36,1) forwards;display:inline-block;opacity:0}.hero-word--1{animation-delay:.25s}.hero-word--2{animation-delay:.65s}.hero-word--3{animation-delay:1.05s}.hero-words-block{animation:wordsBlockFadeOut .4s ease 2.3s forwards}.hero-title--enter{animation:titleSwipeIn .5s cubic-bezier(.22,1,.36,1) both}.hero-title--exit{animation:titleSwipeOut .5s ease both;inset:0;pointer-events:none;position:absolute}.hero-accent{color:var(--accent-amber)}.hero-accent-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f97316,#ec4899);-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-secondary);font-size:clamp(.95rem,2.2vw,1.15rem);line-height:1.65;margin:0 auto 28px;max-width:560px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.btn-primary{background:var(--accent-amber);border-radius:10px;color:#000;display:inline-block;font-size:.95rem;font-weight:700;padding:12px 28px;text-decoration:none;transition:background .15s,transform .15s}.btn-primary:hover{background:var(--accent-amber-dark);transform:translateY(-1px)}.btn-secondary{background:#0000;border:1px solid var(--border);border-radius:10px;color:var(--text-primary);display:inline-block;font-size:.95rem;font-weight:600;padding:12px 28px;text-decoration:none;transition:border-color .15s,color .15s}.btn-secondary:hover{border-color:var(--accent-amber);color:var(--accent-amber)}.stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:64px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px 16px;text-align:center;transition:border-color .2s}.stat-card:hover{border-color:var(--accent-amber)}.stat-card--leaderboard-cta{cursor:pointer;display:none;text-decoration:none}.stat-val--cta{font-size:1.4rem}.stat-icon{font-size:1.5rem;margin-bottom:8px}.stat-val{color:var(--accent-amber);font-size:1.8rem;font-weight:900;line-height:1;margin-bottom:4px}.stat-label{color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.section-title{color:var(--text-primary);font-size:1.4rem;font-weight:800;letter-spacing:-.3px;margin-bottom:24px}.steps{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.step{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;padding:24px}.step-num{font-feature-settings:"tnum";color:var(--accent-amber);font-size:2rem;font-variant-numeric:tabular-nums;font-weight:900;margin-bottom:10px;opacity:.3}.step h3{color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:8px}.step p{font-size:.875rem}.how-tagline,.step p{color:var(--text-secondary);line-height:1.6}.how-tagline{font-size:1rem;margin-top:28px;opacity:0;text-align:center;transform:translateY(8px);transition:opacity .38s ease,transform .38s ease}.how-tagline--visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.stats-row{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.hero{min-height:70vh}.stat-card--streak{display:none}.stat-card--leaderboard-cta{align-items:center;display:flex;flex-direction:column;justify-content:center}}@media (max-width:480px){.stats-row{gap:10px;grid-template-columns:repeat(2,1fr)}}.match-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px;transition:border-color .2s,transform .2s,box-shadow .2s}.match-card:hover{border-color:var(--accent-amber);box-shadow:0 4px 24px #f59e0b1a;transform:translateY(-2px)}.match-card.has-pick{border-color:var(--accent-green)}.match-card.is-locked{border-color:var(--accent-amber);box-shadow:0 2px 16px #f59e0b1f}.match-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.match-card-header-right{align-items:center;display:flex;gap:8px}.locked-badge{border:1px solid #f59e0b4d;padding:2px 8px}.competition-badge,.locked-badge{background:#f59e0b1f;border-radius:20px;color:var(--accent-amber);font-size:.7rem;font-weight:700}.competition-badge{letter-spacing:.08em;padding:3px 10px;text-transform:uppercase}.countdown{font-feature-settings:"tnum";color:var(--text-secondary);font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:600}.countdown.live{color:var(--accent-red)}.match-teams{gap:12px;margin-bottom:20px}.match-teams,.team{align-items:center;display:flex}.team{flex:1 1;flex-direction:column;gap:6px}.team-emblem,.team.away{align-items:center}.team-emblem{background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:12px;display:flex;height:56px;justify-content:center;overflow:hidden;padding:6px;width:56px}.team-logo-img{height:100%;object-fit:contain;width:100%}.team-logo-abbr{color:var(--accent-amber);font-size:.65rem;font-weight:900;letter-spacing:.05em}.team-name{color:var(--text-primary);font-size:.875rem;font-weight:700;text-align:center}.team-pct{color:var(--text-secondary);font-size:.75rem;font-weight:600}.match-vs{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.vs-text{font-size:1.1rem;font-weight:900;letter-spacing:.1em}.venue-text,.vs-text{color:var(--text-muted)}.venue-text{font-size:.65rem;max-width:80px;text-align:center}.ai-analysis{margin-bottom:16px}.ai-meta-row{border-radius:10px;padding:10px 14px}.ai-meta-row,.ai-pick-row{background:var(--bg-secondary);margin-bottom:8px}.ai-pick-row{align-items:center;border-radius:8px;display:flex;font-size:.82rem;justify-content:space-between;padding:8px 14px}.ai-pick-label{color:var(--text-secondary);font-weight:600}.ai-tip{color:var(--accent-green);font-weight:700}.ai-tip.tip-challenged{color:var(--accent-red);opacity:.75;text-decoration:line-through}.ai-tip-hidden{color:var(--text-muted);font-size:.75rem;font-style:italic}.ai-section{background:var(--bg-secondary);border-radius:10px;margin-bottom:6px;padding:10px 14px}.ai-section-title{color:var(--accent-amber);font-size:.78rem;font-weight:700;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.ai-form-guide p{color:var(--text-secondary);font-size:.78rem;line-height:1.5;margin-bottom:3px}.ai-form-guide p:last-child{margin-bottom:0}.ai-star-player{color:var(--text-secondary);font-size:.78rem;line-height:1.5}.ai-star-team{color:var(--text-muted)}.ai-section-placeholder{color:var(--text-muted);font-size:.75rem;font-style:italic}.ai-section-expandable{overflow:hidden;padding:0}.ai-section-toggle{align-items:center;background:none;border:none;color:var(--accent-amber);cursor:pointer;display:flex;font-size:.78rem;font-weight:700;justify-content:space-between;letter-spacing:.06em;padding:10px 14px;text-transform:uppercase;transition:background .15s;width:100%}.ai-section-toggle:hover{background:#f59e0b0f}.ai-toggle-icon{font-size:.6rem;opacity:.7}.ai-section-body{color:var(--text-secondary);font-size:.78rem;line-height:1.55;padding:4px 14px 10px}.ai-stats-list{list-style:disc;margin:0;padding:4px 14px 10px 28px}.ai-stats-list li{color:var(--text-secondary);font-size:.78rem;line-height:1.55;margin-bottom:4px}.ai-locked-wall{border-radius:10px;margin-bottom:6px;overflow:hidden;position:relative}.ai-locked-blur-bg{filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none}.ai-locked-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f0a14bf;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.82rem;font-weight:600;gap:6px;inset:0;justify-content:center;position:absolute;text-align:center}.ai-lock-icon{font-size:1.2rem}@keyframes whyWrongReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ai-why-wrong{animation:whyWrongReveal .5s ease forwards;background:#f59e0b0f;border:1px solid #f59e0b40;border-radius:10px;margin-bottom:6px;padding:12px 14px}.ai-why-wrong-header{color:var(--accent-amber);font-size:.78rem;font-weight:700;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.ai-why-wrong-reveal{color:var(--accent-amber);font-size:.75rem;font-style:italic;margin-bottom:8px;opacity:.8}.ai-why-wrong-body{color:var(--text-secondary);font-size:.78rem;line-height:1.6}.ai-label{color:var(--text-secondary);font-size:.8rem;font-weight:600;justify-content:space-between;margin-bottom:8px}.ai-label,.confidence-bar-wrap{align-items:center;display:flex}.confidence-bar-wrap{gap:10px;margin-bottom:6px}.confidence-bar-track{background:var(--bg-card);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.confidence-bar-fill{background:linear-gradient(90deg,var(--accent-amber) 0,var(--accent-green) 100%);border-radius:4px;height:100%;transition:width .6s ease}.confidence-pct{color:var(--accent-green);font-size:.75rem;font-weight:700;white-space:nowrap}.prob-breakdown{display:flex;gap:10px}.prob{border-radius:4px;font-size:.7rem;font-weight:600;padding:2px 8px}.home-prob{background:#f59e0b1f;color:var(--accent-amber)}.draw-prob{background:#8b949e1f;color:var(--text-secondary)}.away-prob{background:#ef44441f;color:var(--accent-red)}.ai-reasoning-wrap{border-top:1px solid var(--border-subtle);margin-top:10px;padding-top:8px}.ai-reasoning-first{margin-bottom:4px}.ai-reasoning-first,.ai-reasoning-rest{color:var(--text-secondary);font-size:.78rem;line-height:1.55}.ai-reasoning-rest{white-space:pre-line}.ai-reasoning-rest.blurred{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.ai-reasoning-locked{max-height:44px;overflow:hidden;position:relative}.ai-reasoning-lock-overlay{align-items:center;background:linear-gradient(to bottom,#0000 0,var(--bg-secondary) 65%);color:var(--accent-amber);display:flex;font-size:.7rem;font-weight:600;inset:0;justify-content:center;letter-spacing:.02em;padding-top:16px;position:absolute}.pick-locked-display{align-items:center;background:#f59e0b0f;border:1px solid #f59e0b40;border-radius:10px;display:flex;gap:10px;padding:12px 16px}.lock-icon{font-size:1rem}.locked-pick-text{color:var(--text-primary);flex:1 1;font-size:.88rem}.locked-mode-badge{border-radius:20px;font-size:.7rem;font-weight:700;padding:3px 10px}.locked-mode-badge.badge-blind{background:#6366f126;color:#818cf8}.locked-mode-badge.badge-challenge{background:#ef444426;color:var(--accent-red)}.locked-mode-badge.badge-follow{background:#34d39926;color:var(--accent-green)}.pred-mode-wrap{margin-top:10px}.pred-mode-label{color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.pred-mode-buttons{display:flex;gap:8px}.pred-mode-btn{align-items:center;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:10px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:3px;padding:10px 8px;transition:border-color .15s,background .15s}.pred-mode-btn:hover{background:#f59e0b0f;border-color:var(--accent-amber)}.pred-mode-btn.active{background:#f59e0b1a;border-color:var(--accent-amber)}.pred-mode-icon{font-size:1.2rem}.pred-mode-name{color:var(--text-primary);font-size:.78rem;font-weight:700}.pred-mode-pts{color:var(--accent-green);font-size:.68rem;font-weight:600}.stance-wrap{margin-top:10px}.stance-label{color:var(--text-secondary);font-size:.8rem;margin-bottom:6px}.ai-revealed-tip{color:var(--accent-amber)}.stance-buttons{display:flex;gap:8px}.stance-btn{align-items:center;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.82rem;font-weight:700;gap:3px;padding:8px 10px;transition:border-color .15s,background .15s}.stance-pts{color:var(--text-muted);font-size:.65rem;font-weight:500}.stance-agree.active,.stance-agree:hover{background:#34d39914;border-color:var(--accent-green);color:var(--accent-green)}.stance-challenge.active,.stance-challenge:hover{background:#ef444414;border-color:var(--accent-red);color:var(--accent-red)}.lock-btn{background:linear-gradient(135deg,#f97316,#ec4899);border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:.88rem;font-weight:700;margin-top:10px;padding:11px;transition:opacity .15s,transform .1s;width:100%}.lock-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.lock-btn:disabled{cursor:not-allowed;opacity:.5}.pick-section-guest{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#21142899;border:1px solid #f59e0b33;border-radius:12px;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:20px 16px;text-align:center}.guest-lock-icon{font-size:1.4rem;line-height:1}.guest-lock-text{color:var(--text-secondary);font-size:.85rem;font-weight:600;line-height:1.4}.guest-lock-btn{background:linear-gradient(135deg,var(--accent-amber),#ec4899);border-radius:8px;color:#fff;display:inline-block;font-size:.82rem;font-weight:700;padding:8px 22px;text-decoration:none;transition:opacity .15s,transform .1s}.guest-lock-btn:hover{opacity:.9;transform:translateY(-1px)}.pick-label{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.pick-buttons{display:flex;gap:8px}.pick-btn{align-items:center;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:10px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0;padding:10px 6px 8px;transition:border-color .15s,background .15s,transform .1s}.pick-btn:hover:not(:disabled){transform:translateY(-2px)}.pick-btn:disabled{cursor:not-allowed;opacity:.55}.pick-home{border-top:3px solid #f59e0b80}.pick-home:hover:not(:disabled){background:#f59e0b0f}.pick-home.selected,.pick-home:hover:not(:disabled){border-color:var(--accent-amber);border-top-color:var(--accent-amber)}.pick-home.selected{background:#f59e0b1f}.pick-draw{border-top:3px solid #8b949e66}.pick-draw:hover:not(:disabled){background:#8b949e14}.pick-draw.selected,.pick-draw:hover:not(:disabled){border-color:var(--text-secondary);border-top-color:var(--text-secondary)}.pick-draw.selected{background:#8b949e1f}.pick-away{border-top:3px solid #34d39980}.pick-away:hover:not(:disabled){background:#34d3990f}.pick-away.selected,.pick-away:hover:not(:disabled){border-color:var(--accent-green);border-top-color:var(--accent-green)}.pick-away.selected{background:#34d3991f}.pick-logo-img{height:28px;object-fit:contain;width:28px}.pick-logo-abbr{align-items:center;background:var(--bg-card);border-radius:6px;color:var(--accent-amber);display:flex;font-size:.58rem;font-weight:900;height:28px;justify-content:center;width:28px}.pick-team-name{color:var(--text-primary);font-size:.72rem;font-weight:700;line-height:1.2;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.pick-side-tag{border-radius:4px;font-size:.6rem;font-weight:700;letter-spacing:.04em;padding:2px 6px}.pick-side-home{background:#f59e0b1f;color:var(--accent-amber)}.pick-side-draw{background:#8b949e1f;color:var(--text-secondary)}.pick-side-away{background:#34d3991f;color:var(--accent-green)}.pick-draw-icon{align-items:center;color:var(--text-secondary);display:flex;font-size:1.3rem;font-weight:900;height:28px;justify-content:center;line-height:1;width:28px}.pick-btn.selected .pick-team-name:before{color:inherit;content:"✓ "}.pick-confirm{color:var(--accent-green);font-size:.8rem;margin-top:8px}@media (max-width:400px){.match-card{padding:14px}.team-emblem{height:44px;padding:4px;width:44px}.pick-logo-abbr,.pick-logo-img{height:22px;width:22px}.pick-team-name{font-size:.65rem}.pick-side-tag{font-size:.55rem;padding:1px 4px}}.matches-page{padding:32px 16px 64px}.matches-header{margin-bottom:28px}.page-title{color:var(--text-primary);font-size:1.75rem;font-weight:900;letter-spacing:-.5px;margin-bottom:4px}.page-sub{color:var(--text-muted);font-size:.875rem}.country-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.country-pill{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:700;padding:7px 16px;transition:color .15s,background .15s,border-color .15s;white-space:nowrap}.country-pill:hover{border-color:var(--accent-amber);color:var(--text-primary)}.country-pill.active{background:linear-gradient(135deg,#f97316,#ec4899);border-color:#0000;color:#fff}.league-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.league-pill{background:#0000;border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 14px;transition:color .15s,background .15s,border-color .15s;white-space:nowrap}.league-pill:hover{border-color:var(--accent-amber);color:var(--text-primary)}.league-pill.active{background:linear-gradient(135deg,#f97316,#ec4899);border-color:#0000;color:#fff}.matches-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.matches-guest-wall{margin-top:20px;position:relative}.matches-guest-blur{grid-gap:20px;display:grid;filter:blur(6px);gap:20px;grid-template-columns:repeat(2,1fr);pointer-events:none;-webkit-user-select:none;user-select:none}.matches-guest-overlay{align-items:center;background:linear-gradient(180deg,#0f0a144d 0,#0f0a14eb 60%);border-radius:14px;display:flex;inset:0;justify-content:center;position:absolute}.matches-guest-cta{padding:24px 20px;text-align:center}.matches-guest-cta-icon{display:block;font-size:2rem;margin-bottom:12px}.matches-guest-cta h3{color:var(--text-primary);font-size:1.2rem;font-weight:800;margin:0 0 8px}.matches-guest-cta p{color:var(--text-secondary);font-size:.88rem;margin:0 0 20px;max-width:280px}.matches-empty{color:var(--text-secondary);padding:72px 20px;text-align:center}.matches-empty-icon{font-size:2.5rem;margin-bottom:16px}.matches-empty h2{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin-bottom:8px}.matches-empty p{color:var(--text-muted);font-size:.9rem;margin:0 auto;max-width:360px}.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;padding:80px 0}.spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent-amber);height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.matches-grid{grid-template-columns:1fr}}.leaderboard-page{padding:32px 16px 64px}.lb-table{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden}.lb-row{align-items:center;border-bottom:1px solid var(--border-subtle);display:grid;grid-template-columns:48px 1fr 40px 80px 72px 72px 72px;padding:12px 16px;transition:background .15s}.lb-row:last-child{border-bottom:none}.lb-row:not(.lb-head):hover{background:var(--bg-card-hover)}.lb-head{background:var(--bg-secondary);font-size:.7rem;letter-spacing:.08em;padding:10px 20px;text-transform:uppercase}.lb-head,.lb-rank{color:var(--text-muted);font-weight:700}.lb-rank{font-size:.9rem;text-align:center}.lb-user{color:var(--text-primary);font-size:.9rem;font-weight:600;gap:10px}.lb-avatar,.lb-user{align-items:center;display:flex}.lb-avatar{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;flex-shrink:0;font-size:.65rem;height:32px;justify-content:center;width:32px}.lb-avatar,.lb-pts{color:var(--accent-amber);font-weight:800}.lb-pts{font-size:.95rem}.lb-acc,.lb-pts{text-align:right}.lb-acc{color:var(--accent-green);font-size:.85rem;font-weight:600}.lb-frac{color:var(--text-muted);font-size:.7rem;font-weight:400}.lb-streak{color:var(--text-secondary);font-size:.85rem;font-weight:600;text-align:right}.lb-bust{color:#818cf8;font-size:.82rem;font-weight:700;text-align:right}.lb-badges{font-size:.85rem;letter-spacing:.05em;text-align:right}.lb-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:4px;margin-bottom:20px;padding:4px}.lb-tab{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.82rem;font-weight:600;padding:8px 12px;transition:background .15s,color .15s}.lb-tab:hover{color:var(--text-primary)}.lb-tab.active,.lb-tab:hover{background:var(--bg-secondary)}.lb-tab.active{border:1px solid #f59e0b4d;color:var(--accent-amber)}.lb-coming-soon{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:48px 24px;text-align:center}.lb-cs-icon{font-size:2.5rem;margin-bottom:14px}.lb-coming-soon h3{color:var(--text-primary);font-size:1.1rem;font-weight:800;margin-bottom:10px}.lb-coming-soon p{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin:0 auto 20px;max-width:360px}.lb-badge-legend{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;margin-top:20px;padding:16px 20px}.lb-badge-legend-title{color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.lb-badge-items{display:flex;flex-wrap:wrap;gap:8px}.lb-badge-item{background:var(--bg-secondary);border-radius:6px;color:var(--text-secondary);font-size:.75rem;padding:4px 10px}.top-1 .lb-user{color:gold}.top-2 .lb-user{color:silver}.top-3 .lb-user{color:#cd7f32}.lb-row-you{background:#f59e0b0f;border-top:1px solid #f59e0b33!important}.lb-row-you .lb-user{color:var(--accent-amber)}.lb-avatar-you{background:#f59e0b26!important;border-color:#f59e0b66!important;color:var(--accent-amber)!important}.lb-flag-col{font-size:1.1rem;line-height:1;text-align:center}.lb-you-badge{background:var(--accent-amber);border-radius:4px;color:#000;flex-shrink:0;font-size:.6rem;font-weight:800;letter-spacing:.08em;margin-left:2px;padding:2px 6px}.lb-row-blurred{filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none}.lb-row-guest{background:#f59e0b08;border-top:1px solid #f59e0b26!important}.lb-guest-cta{overflow:hidden}.lb-guest-link{color:var(--accent-amber);font-size:.85rem;font-weight:600;text-decoration:none}.lb-guest-link:hover{text-decoration:underline}.lb-blur-notice{align-items:center;background:var(--bg-card);border:1px solid #f59e0b33;border-radius:10px;color:var(--text-secondary);display:flex;font-size:.83rem;gap:10px;margin-top:16px;padding:12px 18px}.lb-blur-notice-btn{background:linear-gradient(135deg,var(--accent-amber),#ec4899);border-radius:7px;color:#fff;display:inline-block;flex-shrink:0;font-size:.78rem;font-weight:700;margin-left:auto;padding:6px 16px;text-decoration:none;transition:opacity .15s}.lb-blur-notice-btn:hover{opacity:.9}@media (max-width:600px){.lb-row{grid-template-columns:36px 1fr 32px 60px 60px;padding:10px 12px}.lb-badges,.lb-bust,.lb-streak{display:none}}@media (max-width:400px){.lb-tabs{flex-direction:column}}.profile-page{padding:32px 16px 64px}.profile-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:240px 1fr}.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px 20px;text-align:center}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--accent-amber) 0,#d97706 100%);border-radius:20px;color:#000;display:flex;font-size:1.4rem;font-weight:900;height:72px;justify-content:center;margin:0 auto 14px;width:72px}.profile-name{color:var(--text-primary);font-size:1.1rem;font-weight:800;margin-bottom:4px}.profile-email{color:var(--text-muted);font-size:.8rem;margin-bottom:14px;word-break:break-all}.dn-view{align-items:center;display:flex;flex-direction:column;gap:4px;margin-bottom:2px}.dn-edit-btn{background:none;border:none;border-radius:4px;color:var(--accent-amber);cursor:pointer;font-size:.72rem;font-weight:600;opacity:.75;padding:2px 6px;transition:opacity .15s}.dn-edit-btn:hover{background:#f59e0b1a;opacity:1}.dn-edit-wrap{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:2px;width:100%}.dn-input{background:var(--bg-secondary);border:1.5px solid var(--accent-amber);border-radius:8px;color:var(--text-primary);font-size:.95rem;font-weight:700;outline:none;padding:8px 10px;text-align:center;width:100%}.dn-input:focus{box-shadow:0 0 0 3px #f59e0b26}.dn-actions{display:flex;gap:8px}.dn-save{background:var(--accent-amber);border:none;border-radius:7px;color:#000;cursor:pointer;font-size:.8rem;font-weight:700;padding:6px 16px;transition:opacity .15s}.dn-save:hover{opacity:.85}.dn-cancel{background:#0000;border:1px solid var(--border);border-radius:7px;color:var(--text-muted);cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:color .15s}.dn-cancel:hover{color:var(--text-primary)}.profile-badge{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:20px;color:var(--accent-amber);display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:3px 12px;text-transform:uppercase}.profile-stats{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px}.profile-section-title{color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:14px;text-transform:uppercase}.profile-stat-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:4px}.profile-stat{background:var(--bg-secondary);border-radius:10px;padding:14px;text-align:center}.ps-val{color:var(--accent-amber);font-size:1.5rem;font-weight:900;margin-bottom:4px}.ps-label{color:var(--text-muted);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.account-table{border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden}.account-row{align-items:baseline;border-bottom:1px solid var(--border-subtle);display:flex;gap:12px;padding:11px 14px}.account-row:last-child{border-bottom:none}.account-key{color:var(--text-muted);flex-shrink:0;font-size:.78rem;font-weight:600;width:120px}.account-val{color:var(--text-primary);font-size:.85rem;word-break:break-all}.account-val.uid{color:var(--text-secondary);font-family:monospace;font-size:.78rem}.profile-stat-highlight{border:1px solid #f59e0b33}.ps-val-bust{color:#818cf8!important}.ps-val-blind{color:var(--accent-green)!important}.ps-hint{color:var(--text-muted);font-size:.62rem;margin-top:2px}.profile-badges-wrap{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:14px}.profile-badge-item{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:20px;display:flex;font-size:.72rem;gap:4px;padding:3px 10px}.profile-badge-emoji{font-size:1rem}.profile-badge-label{color:var(--accent-amber);font-weight:600}.profile-all-badges,.profile-badges-preview{display:flex;flex-direction:column;gap:8px}.profile-badge-card{align-items:center;background:var(--bg-secondary);border:1px solid #f59e0b33;border-radius:10px;display:flex;gap:12px;padding:10px 14px}.profile-badge-card--locked{border-color:var(--border-subtle);opacity:.45}.pbc-emoji{flex-shrink:0;font-size:1.5rem}.pbc-emoji--locked{filter:grayscale(1)}.pbc-label{color:var(--text-primary);font-size:.82rem;font-weight:700;margin-bottom:2px}.pbc-desc{color:var(--text-muted);font-size:.72rem}.profile-badges-empty>p{color:var(--text-muted);font-size:.82rem;margin-bottom:12px}@media (max-width:768px){.profile-layout{grid-template-columns:1fr}.profile-stat-grid{grid-template-columns:repeat(2,1fr)}}.mypicks-page{padding:32px 16px 64px}.mp-empty{align-items:center;display:flex;flex-direction:column;gap:12px;padding:72px 0;text-align:center}.mp-empty-icon{font-size:3rem;line-height:1}.mp-empty-title{color:var(--text-primary);font-size:1.3rem;font-weight:800}.mp-empty-sub{color:var(--text-muted);font-size:.9rem;margin-bottom:8px;max-width:300px}.mp-list{display:flex;flex-direction:column;gap:16px}.mp-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.mp-card-home{border-left:4px solid var(--accent-amber)}.mp-card-draw{border-left:4px solid var(--text-secondary)}.mp-card-away{border-left:4px solid var(--accent-green)}.mp-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:12px 18px}.mp-your-pick{border-radius:20px;font-size:.75rem;font-weight:800;letter-spacing:.04em;padding:4px 12px}.mp-your-pick-home{background:#f59e0b24;border:1px solid #f59e0b4d;color:var(--accent-amber)}.mp-your-pick-draw{background:#8b949e24;border:1px solid #8b949e4d;color:var(--text-secondary)}.mp-your-pick-away{background:#10b9811f;border:1px solid #10b9814d;color:var(--accent-green)}.mp-split{display:grid;grid-template-columns:1fr 56px 1fr;min-height:130px}.mp-half{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center;padding:18px 10px;text-align:center;transition:background .2s,opacity .2s}.mp-faded{opacity:.28}.mp-card-home .mp-half-home.mp-selected{background:#f59e0b14}.mp-card-away .mp-half-away.mp-selected{background:#10b98114}.mp-logo-img{flex-shrink:0;object-fit:contain}.mp-logo-abbr{align-items:center;background:var(--bg-secondary);border-radius:8px;color:var(--accent-amber);display:flex;flex-shrink:0;font-size:.58rem;font-weight:900;justify-content:center}.mp-half-name{color:var(--text-primary);font-size:.88rem;font-weight:800;line-height:1.2}.mp-half-side{color:var(--text-muted);font-weight:600;letter-spacing:.06em}.mp-check-tag,.mp-half-side{font-size:.65rem;text-transform:uppercase}.mp-check-tag{border-radius:5px;font-weight:800;letter-spacing:.08em;margin-top:4px;padding:3px 9px}.mp-card-home .mp-check-tag{background:#f59e0b26;color:var(--accent-amber)}.mp-card-away .mp-check-tag{background:#10b98126;color:var(--accent-green)}.mp-centre{align-items:center;background:var(--bg-secondary);border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:4px;justify-content:center}.mp-vs-text{color:var(--text-muted);font-size:.8rem;font-weight:900;letter-spacing:.12em}.mp-draw-pct{color:var(--text-muted);font-size:.62rem;line-height:1.3;text-align:center}.mp-centre-draw{background:#8b949e1a;border-color:#8b949e33}.mp-draw-eq{font-size:1.3rem;font-weight:900;line-height:1}.mp-draw-eq,.mp-draw-label{color:var(--text-secondary)}.mp-draw-label{font-size:.55rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.mp-ai-bar{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;font-size:.78rem;gap:8px;padding:10px 18px}.mp-ai-icon{font-size:.85rem}.mp-ai-tip{color:var(--accent-green);font-weight:700}.mp-ai-conf{color:var(--text-muted);font-size:.72rem}.mp-contrarian{background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:4px;color:var(--accent-amber)}.mp-contrarian,.mp-with-ai{font-size:.68rem;font-weight:700;margin-left:auto;padding:2px 8px}.mp-with-ai{background:#10b98114;border:1px solid #10b98133;border-radius:4px;color:var(--accent-green)}.mp-stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.mp-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px 10px;text-align:center}.mp-stat-pts{border-color:#f59e0b59}.mp-stat-val{color:var(--text-primary);display:block;font-size:1.5rem;font-weight:900;line-height:1;margin-bottom:4px}.mp-stat-pts .mp-stat-val{color:var(--accent-amber)}.mp-stat-label{color:var(--text-muted);font-size:.65rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.mp-result-bar{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;font-size:.78rem;gap:10px;padding:10px 18px}.mp-result{border-radius:20px;font-size:.75rem;font-weight:700;padding:4px 12px}.mp-result-correct{background:#10b9811f;border:1px solid #10b9814d;color:#10b981}.mp-result-wrong{background:#fb71851a;border:1px solid #fb718540;color:var(--accent-red)}.mp-result-pending{background:#6b3d5a26;border:1px solid var(--border);color:var(--text-muted)}.mp-score-line{color:var(--text-secondary);font-size:.75rem;font-weight:600;margin-left:auto}.mp-kickoff-line{color:var(--text-muted);font-size:.72rem;font-weight:500;margin-left:auto}.mp-card-correct{border-color:#10b98166}.mp-card-wrong{border-color:#fb71854d;opacity:.85}.mp-footer{margin-top:28px;text-align:center}@media (max-width:480px){.mp-half-name{font-size:.78rem}.mp-header{flex-wrap:wrap;gap:6px}}.ts-page{padding:32px 16px 80px}.ts-grid{display:flex;gap:20px;overflow-x:auto;padding-bottom:24px;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.ts-grid::-webkit-scrollbar{height:5px}.ts-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@property --ts-spin-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes spinBorder{to{--ts-spin-angle:360deg}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}.ts-card-wrap{background:conic-gradient(from 135deg,#555 0,#999 50%,#555 100%);background:conic-gradient(from var(--ts-spin-angle,135deg),var(--ts-a,#555) 0,var(--ts-b,#999) 50%,var(--ts-a,#555) 100%);border-radius:16px;cursor:pointer;flex-shrink:0;min-width:300px;padding:2px;position:relative;transition:transform .25s,box-shadow .3s;width:300px}.ts-card-wrap:not(.ts-active){background:conic-gradient(from 135deg,#555 0,#999 50%,#555 100%);background:conic-gradient(from 135deg,var(--ts-a,#555) 0,var(--ts-b,#999) 50%,var(--ts-a,#555) 100%);filter:brightness(.45)}.ts-card-wrap:hover{animation:spinBorder 4s linear infinite;box-shadow:0 0 30px var(--ts-a),0 12px 40px #00000080;filter:brightness(1);transform:translateY(-4px)}.ts-card-wrap.ts-active{animation:spinBorder 3s linear infinite;box-shadow:0 0 0 1px var(--ts-a),0 0 30px var(--ts-a),0 0 60px color-mix(in srgb,var(--ts-a) 40%,#0000),0 12px 40px #00000080;filter:brightness(1)}.ts-border-spin{display:none}.ts-card-inner{background:#1c2230;background:var(--bg-card,#1c2230);border-radius:14px;overflow:hidden;position:relative;z-index:1}.ts-card-light .ts-footer{background:#f1f5f9;border-top:1px solid #e2e8f0}.ts-preview-window{background:var(--bg-primary);display:flex;flex-direction:column;height:360px;overflow:hidden;position:relative}.ts-blob{border-radius:50%;filter:blur(48px);pointer-events:none;position:absolute;z-index:0}.ts-blob-a{background:var(--accent-amber);height:180px;opacity:.18;right:-30px;top:-40px;width:180px}.ts-blob-b{background:var(--accent-green);bottom:30px;height:120px;left:-20px;opacity:.14;width:120px}.ts-nav{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb,var(--bg-secondary) 80%,#0000);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:9px 14px;position:relative;z-index:2}.ts-nav-light{background:#f8fafcd9;border-bottom-color:#e2e8f0}.ts-nav-logo{color:var(--accent-amber);font-size:.72rem;font-weight:800;letter-spacing:-.3px}.ts-nav-links{display:flex;gap:4px}.ts-nav-item{border-radius:5px;color:var(--text-secondary);font-size:.55rem;font-weight:500;padding:2px 7px}.ts-nav-item-active{background:var(--ts-glass-bg);border:1px solid var(--ts-glass-border);color:var(--accent-amber)}.ts-preview-body{display:flex;flex:1 1;flex-direction:column;gap:14px;overflow:hidden;padding:16px 14px 12px;position:relative;z-index:1}.ts-hero{text-align:center}.ts-badge{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--ts-glass-bg);border:1px solid var(--ts-glass-border);border-radius:12px;box-shadow:0 0 10px color-mix(in srgb,var(--accent-amber) 25%,#0000);color:var(--accent-amber);display:inline-block;font-size:.54rem;font-weight:700;letter-spacing:.07em;margin-bottom:9px;padding:3px 9px;text-transform:uppercase}.ts-headline{color:var(--text-primary);font-size:1rem;font-weight:900;letter-spacing:-.4px;line-height:1.25;margin-bottom:6px}.ts-headline-gradient{-webkit-text-fill-color:#0000;background:var(--ts-gradient);-webkit-background-clip:text;background-clip:text}.ts-subline{color:var(--text-secondary);font-size:.6rem;line-height:1.45;margin-bottom:11px}.ts-ctas{display:flex;gap:7px;justify-content:center}.ts-cta-primary{background:var(--ts-gradient);border-radius:7px;box-shadow:0 0 0 #0000;color:#000;color:var(--ts-btn-text,#000);font-size:.6rem;font-weight:700;padding:6px 12px;transition:box-shadow .2s}.ts-cta-primary:hover{box-shadow:0 0 14px var(--ts-glow),0 0 28px color-mix(in srgb,var(--ts-glow) 50%,#0000)}.ts-cta-secondary{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--ts-glass-bg);border:1px solid var(--ts-glass-border);border-radius:7px;color:var(--text-secondary);font-size:.6rem;font-weight:600;padding:6px 12px}.ts-stats-row{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.ts-stat-glass{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--ts-glass-bg);border:1px solid var(--ts-glass-border);border-radius:10px;display:flex;flex-direction:column;gap:3px;padding:9px 4px;text-align:center}.ts-stat-icon{font-size:.8rem;line-height:1}.ts-stat-val{color:var(--accent-amber);font-size:.85rem;font-weight:900}.ts-stat-label{color:var(--text-muted);font-size:.48rem;letter-spacing:.05em;text-transform:uppercase}.ts-theme-neon .ts-badge{animation:neonFlicker 4s ease-in-out infinite}@keyframes neonFlicker{0%,95%,to{opacity:1}96%{opacity:.6}97%{opacity:1}98%{opacity:.4}99%{opacity:1}}.ts-theme-gold .ts-stat-glass{animation:goldShimmer 2.5s ease-in-out infinite}@keyframes goldShimmer{0%,to{box-shadow:0 0 6px #ffd70026}50%{box-shadow:0 0 14px #ffd70073,0 0 28px #ffa50033}}.ts-theme-ocean .ts-badge{animation:oceanPulse 3s ease-in-out infinite}@keyframes oceanPulse{0%,to{box-shadow:0 0 8px #0ea5e933}50%{box-shadow:0 0 18px #0ea5e980}}.ts-theme-sunset .ts-cta-primary{animation:sunsetShift 3s ease infinite;background-position:0 50%;background-size:200% 200%}@keyframes sunsetShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.ts-theme-arctic .ts-stat-glass{box-shadow:0 2px 12px #6366f11a}.ts-theme-arctic .ts-badge{box-shadow:0 2px 8px #6366f126}.ts-footer{background:var(--bg-card);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:11px;padding:14px 16px}.ts-meta{align-items:center;display:flex;gap:10px}.ts-emoji{flex-shrink:0;font-size:1.5rem;line-height:1}.ts-name{color:var(--text-primary);font-size:.88rem;font-weight:800;margin-bottom:1px}.ts-desc{color:var(--text-muted);font-size:.65rem}.ts-apply{background:linear-gradient(135deg,#888,#aaa);background:linear-gradient(135deg,var(--btn-a,#888),var(--btn-b,#aaa));border:none;border-radius:9px;color:#000;color:var(--btn-text,#000);cursor:pointer;font-size:.8rem;font-weight:700;padding:9px;transition:box-shadow .2s,transform .15s,opacity .15s;width:100%}.ts-apply:hover:not(:disabled){box-shadow:0 0 16px #0000,0 4px 20px #0000004d;box-shadow:0 0 16px var(--btn-a,#0000),0 4px 20px #0000004d;transform:translateY(-1px)}.ts-apply:active:not(:disabled){transform:translateY(0)}.ts-applied{background:var(--bg-secondary)!important;border:1px solid var(--border);box-shadow:none!important;color:var(--text-muted)!important;cursor:default}.ts-note{color:var(--text-muted);font-size:.75rem;margin-top:32px;text-align:center}@media (max-width:480px){.ts-card-wrap{min-width:280px;width:280px}}
/*# sourceMappingURL=main.218ad48e.css.map*/