body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body,html{scroll-behavior:auto!important}input[type=text],textarea{-webkit-tap-highlight-color:transparent;animation:none!important;-webkit-appearance:none;appearance:none;transition:none!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body.landing-body{background-color:#fefefe!important;background-image:radial-gradient(ellipse 2500px 1800px at 18% 18%,#10b98152 0,#10b98138 25%,#10b9811f 45%,#10b9810a 65%,#0000 85%),radial-gradient(ellipse 2400px 1700px at 50% 10%,#8b5cf659 0,#8b5cf63d 25%,#8b5cf621 45%,#8b5cf60d 65%,#0000 85%),radial-gradient(ellipse 2300px 1650px at 78% 35%,#fb923c4a 0,#fb923c33 25%,#fb923c1a 45%,#fb923c08 65%,#0000 85%),radial-gradient(ellipse 2200px 1600px at 32% 68%,#a855f754 0,#a855f73b 25%,#a855f71f 45%,#a855f70a 65%,#0000 85%),radial-gradient(ellipse 2100px 1500px at 85% 78%,#34d3994d 0,#34d39936 25%,#34d3991c 45%,#34d3990a 65%,#0000 85%),radial-gradient(ellipse 2000px 1450px at 10% 82%,#3b82f647 0,#3b82f630 25%,#3b82f617 45%,#3b82f608 65%,#0000 85%),radial-gradient(ellipse 1900px 1400px at 58% 48%,#f9731642 0,#f973162e 25%,#f9731614 45%,#f9731608 65%,#0000 85%)!important;margin:0!important;min-height:100vh!important;overflow-x:hidden!important;padding:0!important;width:100%!important}html.landing-html{width:100%}.landing-page{background:#0000;color:#1a1a1a;font-family:var(--font-sans);overflow-x:hidden;position:relative}.landing-page .container{margin:0 auto;max-width:1280px;padding:0 clamp(var(--space-4),4vw,var(--space-8))}.landing-page .hero-section{align-items:center;display:flex;min-height:clamp(640px,92vh,880px);overflow:hidden;position:relative;width:100%}.landing-page .hero-section:after{background:radial-gradient(ellipse 800px 600px,#f973160a 0,#0000 70%),radial-gradient(ellipse 600px 450px,#8b5cf608 20%,#0000 80%);content:"";filter:blur(60px);height:600px;pointer-events:none;position:absolute;right:-10%;top:10%;width:800px;z-index:0}.landing-page .hero-container{grid-gap:clamp(var(--space-8),5vw,var(--space-16));align-items:center;display:grid;gap:clamp(var(--space-8),5vw,var(--space-16));grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);margin:0 auto;max-width:1280px;padding:clamp(var(--space-6),6vw,var(--space-12)) clamp(var(--space-4),4vw,var(--space-8));position:relative;width:100%;z-index:1}.landing-page .hero-content{max-width:660px}.landing-page .hero-badge{align-items:center;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:2px solid #1a1a1a;border-radius:50px;color:#1a1a1a;display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--space-2);letter-spacing:.05em;margin-bottom:var(--space-6);padding:var(--space-2) var(--space-4);text-transform:uppercase}.landing-page .hero-title{text-wrap:balance;color:#1a1a1a;font-family:var(--font-display);font-size:clamp(2.25rem,4.2vw,3.5rem);font-weight:800;letter-spacing:-.025em;line-height:1.05;margin-bottom:var(--space-6)}.landing-page .hero-description{text-wrap:pretty;color:#4a5568;font-size:clamp(1.0625rem,1.4vw,1.1875rem);line-height:1.55;margin-bottom:var(--space-8);max-width:56ch}.landing-page .hero-cta{display:flex;gap:var(--space-4);margin-bottom:var(--space-12)}.landing-page .cta-button{align-items:center;border:3px solid #0000;border-radius:16px;box-shadow:none;display:inline-flex;font-size:1.125rem;font-weight:700;gap:var(--space-2);padding:var(--space-4) var(--space-8);text-decoration:none;transition:all .3s ease}.landing-page .cta-button.primary{background:linear-gradient(135deg,#1a1a1a,#374151);box-shadow:none;color:#fff}.landing-page .cta-button.primary:hover{box-shadow:none;filter:brightness(1.08);transform:translateY(-1px)}.landing-page .cta-button.secondary{background:#fff;border-color:#1a1a1a;box-shadow:none;color:#1a1a1a}.landing-page .cta-button.secondary:hover{background:#1a1a1a;box-shadow:none;color:#fff;transform:translateY(-1px)}.landing-page .hero-stats{grid-gap:clamp(var(--space-3),2vw,var(--space-6));border-top:1px solid #1a1a1a14;display:grid;gap:clamp(var(--space-3),2vw,var(--space-6));grid-template-columns:repeat(3,minmax(0,1fr));padding-top:var(--space-6)}.landing-page .stat{min-width:0;text-align:left}.landing-page .stat-number{color:#1a1a1a;font-family:var(--font-display);font-size:clamp(1.5rem,2.4vw,2rem);font-weight:800;letter-spacing:-.01em;line-height:1;margin-bottom:var(--space-1)}.landing-page .stat-label{color:#6b7280;font-size:.8125rem;font-weight:600;letter-spacing:.04em;line-height:1.3;text-transform:uppercase}.landing-page .hero-visual{align-items:center;display:flex;justify-content:center;min-width:0}.landing-page .overlapping-phones{--visual-scale:1;height:600px;margin:0 auto;position:relative;transform:scale(var(--visual-scale));transform-origin:center;width:700px}@media (min-width:1101px) and (max-width:1199px){.landing-page .overlapping-phones{--visual-scale:0.78}}@media (min-width:1200px) and (max-width:1279px){.landing-page .overlapping-phones{--visual-scale:0.86}}@media (min-width:1280px) and (max-width:1379px){.landing-page .overlapping-phones{--visual-scale:0.93}}.landing-page .hero-phone{background:#fff;border:11px solid #1a1a1a;border-radius:34px;box-shadow:0 20px 60px #0000004d;height:520px;overflow:hidden;position:absolute;transition:all .3s ease;width:260px}.landing-page .phone-left{left:0;top:50%;transform:translateY(-50%) rotate(-8deg);z-index:1}.landing-page .phone-center{box-shadow:0 40px 100px #00000080;height:600px;left:50%;top:50%;transform:translate(-50%,-50%);width:300px;z-index:3}.landing-page .phone-right{right:0;top:50%;transform:translateY(-50%) rotate(8deg);z-index:1}.landing-page .phone-notch{background:#1a1a1a;border-radius:0 0 18px 18px;height:24px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:110px;z-index:10}.landing-page .phone-screen{background:#fafafa;height:100%;overflow-y:auto;padding:2.5rem .875rem .875rem;width:100%}.landing-page .screen-entry{padding:1rem .875rem}.landing-page .entry-header{margin-bottom:1.25rem;text-align:center}.landing-page .entry-title{color:#1a1a1a;font-size:1.125rem;font-weight:800;margin-bottom:.25rem}.landing-page .entry-subtitle{color:#6b7280;font-size:.75rem}.landing-page .entry-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.landing-page .entry-input{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#1a1a1a;cursor:default;flex:1 1;font-size:.8rem;font-weight:600;padding:.625rem}.landing-page .entry-score{text-align:center;width:55px}.landing-page .winner-badge{font-size:1.25rem}.landing-page .save-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:none;cursor:pointer;font-size:.875rem;gap:.5rem;margin-top:1rem;padding:.875rem;width:100%}.landing-page .save-button,.landing-page .timer-badge{align-items:center;color:#fff;display:flex;font-weight:800;justify-content:center}.landing-page .timer-badge{background:#10b981;border-radius:50px;font-size:.75rem;gap:.375rem;margin-top:.875rem;padding:.5rem .875rem}.landing-page .screen-leaderboard{padding:1.25rem 1rem}.landing-page .phone-center .phone-screen{padding:3rem 1.125rem 1.125rem}.landing-page .lb-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;box-shadow:0 4px 0 #4338ca;color:#fff;margin-bottom:1rem;padding:1rem;text-align:center}.landing-page .lb-title{font-size:1.125rem;font-weight:900;margin-bottom:.25rem}.landing-page .lb-subtitle{font-size:.75rem;opacity:.95}.landing-page .lb-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;display:flex;gap:.75rem;margin-bottom:.625rem;padding:.875rem;transition:all .2s ease}.landing-page .lb-item.first{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;box-shadow:0 4px 0 #d97706}.landing-page .lb-item.highlight{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6}.landing-page .lb-position{align-items:center;background:#6366f1;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:900;height:32px;justify-content:center;width:32px}.landing-page .lb-item.first .lb-position{background:#f59e0b}.landing-page .lb-name{color:#1a1a1a;flex:1 1;font-size:.875rem;font-weight:700}.landing-page .lb-stats{text-align:right}.landing-page .lb-wins{color:#1a1a1a;font-size:1.125rem;font-weight:900;line-height:1}.landing-page .lb-label{color:#6b7280;font-size:.625rem;letter-spacing:.03em;text-transform:uppercase}.landing-page .live-badge{align-items:center;background:#ef4444;border-radius:50px;color:#fff;display:flex;font-size:.75rem;font-weight:800;gap:.375rem;justify-content:center;margin-top:.75rem;padding:.375rem .75rem}.landing-page .pulse-dot{animation:pulse-live 2s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;width:8px}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.3}}.landing-page .screen-analytics{padding:1rem .875rem}.landing-page .analytics-header{margin-bottom:1rem;text-align:center}.landing-page .analytics-title{color:#1a1a1a;font-size:1.125rem;font-weight:800;margin-bottom:.25rem}.landing-page .analytics-subtitle{color:#6b7280;font-size:.75rem}.landing-page .stat-grid{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.landing-page .stat-card{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:.875rem;text-align:center}.landing-page .stat-card.highlight{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6}.landing-page .stat-number-small{color:#1a1a1a;font-size:1.5rem;font-weight:900;line-height:1;margin-bottom:.25rem}.landing-page .stat-label-small{color:#6b7280;font-size:.625rem;letter-spacing:.03em;text-transform:uppercase}.landing-page .chart-container{background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:.875rem;padding:1rem}.landing-page .chart-title{align-items:center;color:#1a1a1a;display:flex;font-size:.875rem;font-weight:700;gap:.375rem;margin-bottom:.875rem}.landing-page .chart-bars{align-items:flex-end;display:flex;gap:.5rem;height:120px;padding:.5rem 0}.landing-page .chart-bar{align-items:center;background:linear-gradient(0deg,#6366f1,#8b5cf6);border-radius:6px 6px 0 0;display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;min-height:30px;padding-bottom:.375rem;position:relative}.landing-page .chart-value{color:#fff;font-size:.75rem;font-weight:900;margin-bottom:.25rem}.landing-page .chart-label{bottom:-1.25rem;color:#6b7280;font-size:.625rem;font-weight:700;position:absolute}.landing-page .coaching-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:10px;color:#92400e;font-size:.75rem;font-weight:600;line-height:1.5;padding:.875rem}.landing-page .coaching-header{align-items:center;display:flex;font-weight:800;gap:.375rem;margin-bottom:.375rem}.landing-page .features-section{padding:clamp(var(--space-8),5vw,3.5rem) 0}.landing-page .section-header{margin:0 auto clamp(var(--space-8),5vw,var(--space-12));max-width:760px;text-align:center}.landing-page .section-header h2{text-wrap:balance;color:#1a1a1a!important;font-family:var(--font-display);font-size:clamp(1.875rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.025em;line-height:1.15;margin-bottom:var(--space-3);text-align:center}.landing-page .section-header p{text-wrap:pretty;color:#4b5563!important;font-size:1.0625rem;line-height:1.55;margin:0 auto;max-width:60ch;text-align:center}.landing-page .section-header--wide{max-width:100%}.landing-page .section-header--wide h2{text-wrap:nowrap;white-space:nowrap}.landing-page .section-header--wide p{text-wrap:nowrap;max-width:100%;white-space:nowrap}@media (max-width:1100px){.landing-page .section-header--wide h2{text-wrap:balance;white-space:normal}.landing-page .section-header--wide p{text-wrap:pretty;white-space:normal}}.landing-page .supported-games-section{padding:clamp(var(--space-8),5vw,3.5rem) 0}.landing-page .supported-games-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1100px}.landing-page .supported-game-tile{align-items:center;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);background:#ffffffc7;border:1px solid #e5e7eb;border-radius:14px;cursor:default;display:flex;font-family:inherit;gap:var(--space-3);padding:var(--space-4) var(--space-4);text-align:left;transition:border-color .2s ease,transform .2s ease;width:100%}.landing-page .supported-game-tile:hover{border-color:#cbd5e1;border-color:var(--game-color,#cbd5e1);transform:translateY(-2px)}.landing-page .supported-game-tile--request,.landing-page .supported-game-tile--request:hover{cursor:pointer}.landing-page .supported-game-tile--request:focus-visible{outline:2px solid #667eea;outline:2px solid var(--game-color,#667eea);outline-offset:2px}.landing-page .supported-game-icon{align-items:center;border-radius:10px;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.landing-page .supported-game-text{display:flex;flex-direction:column;gap:2px;min-width:0}.landing-page .supported-game-name{color:#1a1a1a;font-family:var(--font-display);font-size:.875rem;font-weight:700;line-height:1.2}.landing-page .supported-game-note{color:#4b5563;font-size:.6875rem;font-weight:500;line-height:1.3}.landing-page .contact-section h2,.landing-page .faq-section h2,.landing-page .features-section h2,.landing-page .features-section h3,.landing-page .hero-section h1,.landing-page .hero-section h2,.landing-page .hero-section h3,.landing-page .how-it-works-section h2,.landing-page .how-it-works-section h3,.landing-page .pricing-section h2,.landing-page .pricing-section h3,.landing-page .testimonials-section h2,.landing-page .testimonials-section h3{color:#1a1a1a!important}.landing-page .contact-section p,.landing-page .faq-section p,.landing-page .features-section p,.landing-page .hero-section p,.landing-page .how-it-works-section p,.landing-page .pricing-section p:not(.pricing-description):not(.price-subline),.landing-page .testimonials-section p{color:#374151!important}.landing-page .features-grid{grid-gap:clamp(var(--space-4),2vw,var(--space-8));display:grid;gap:clamp(var(--space-4),2vw,var(--space-8));grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.landing-page .feature-card{backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);background:#ffffffc7;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 6px 0 #1a1a1a;padding:var(--space-6) var(--space-6) 1.75rem;position:relative;text-align:left;transition:all .3s ease}.landing-page .feature-card.coming-soon{opacity:.7}.landing-page .feature-card .coming-soon-badge{align-items:center;animation:pulse-badge 2s ease-in-out infinite;background:#fbbf24;border:2px solid #1a1a1a;border-radius:50px;box-shadow:0 2px 0 #0003;color:#1a1a1a;display:inline-flex;font-size:.75rem;font-weight:800;gap:var(--space-1);letter-spacing:.05em;padding:var(--space-2) var(--space-3);position:absolute;right:var(--space-4);text-transform:uppercase;top:var(--space-4)}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.landing-page .feature-card:hover{box-shadow:0 12px 0 #1a1a1a;transform:translateY(-4px)}.landing-page .feature-icon{align-items:center;background:#1a1a1a;border-radius:16px;box-shadow:0 4px 0 #6b7280;color:#fff;display:flex;height:56px;justify-content:center;margin:0 0 var(--space-5);width:56px}.landing-page .feature-icon svg{height:26px;width:26px}.landing-page .feature-card h3{color:#1a1a1a;font-family:var(--font-display);font-size:1.1875rem;font-weight:700;letter-spacing:-.01em;line-height:1.25;margin-bottom:var(--space-2)}.landing-page .feature-card p{color:#4b5563;font-size:.9375rem;line-height:1.55}.landing-page .how-it-works-section{padding:clamp(var(--space-8),5vw,3.5rem) 0;position:relative}.landing-page .steps-container{grid-gap:clamp(var(--space-4),3vw,var(--space-8));align-items:start;display:grid;gap:clamp(var(--space-4),3vw,var(--space-8));grid-template-columns:1fr auto 1fr auto 1fr;margin:0 auto;max-width:1100px}.landing-page .step{text-align:center}.landing-page .step-icon-wrap{height:80px;margin:0 auto var(--space-4);position:relative;width:80px}.landing-page .step-number{background:#1a1a1a;border-radius:50%;color:#fff;font-size:.875rem;font-weight:700;height:32px;position:absolute;right:-10px;top:-10px;width:32px;z-index:1}.landing-page .step-icon,.landing-page .step-number{align-items:center;display:flex;justify-content:center}.landing-page .step-icon{backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);background:#ffffffc7;border:1px solid #e5e7eb;border-radius:20px;height:100%;width:100%}.landing-page .step h3{color:#1a1a1a;font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:var(--space-2)}.landing-page .step p{color:#4b5563;line-height:1.6}.landing-page .step-connector{color:#1a1a1a;display:flex;font-weight:700;justify-content:center;padding-top:28px}.landing-page .testimonials-section{padding:clamp(var(--space-8),5vw,3.5rem) 0}.landing-page .testimonials-grid{grid-gap:clamp(var(--space-4),2vw,var(--space-8));display:grid;gap:clamp(var(--space-4),2vw,var(--space-8));grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.landing-page .testimonial-card{backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);background:#ffffffc7;border:1px solid #e5e7eb;border-radius:20px;padding:var(--space-6) var(--space-6) 1.75rem;transition:all .3s ease}.landing-page .testimonial-card:hover{box-shadow:0 8px 0 #1a1a1a;transform:translateY(-2px)}.landing-page .testimonial-stars{display:flex;gap:var(--space-1);margin-bottom:var(--space-4)}.landing-page .testimonial-card blockquote{color:#1a1a1a;font-size:1.125rem;font-style:italic;line-height:1.6;margin-bottom:var(--space-6)}.landing-page .author-name{color:#1a1a1a;font-weight:700;margin-bottom:var(--space-1)}.landing-page .author-role{color:#6b7280;font-size:.875rem}.landing-page .pricing-section{padding:clamp(var(--space-8),5vw,3.5rem) 0;position:relative}.landing-page .pricing-grid{grid-gap:clamp(var(--space-4),2vw,var(--space-8));display:grid;gap:clamp(var(--space-4),2vw,var(--space-8));grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:880px}.landing-page .pricing-grid.pricing-grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);max-width:1200px}.landing-page .pricing-card{backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);background:#ffffffc7;border:1px solid #e5e7eb;border-radius:20px;display:flex;flex-direction:column;padding:1.75rem var(--space-6);position:relative;transition:all .3s ease}.landing-page .pricing-card.popular{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.landing-page .pricing-card:hover{transform:translateY(-4px)}.landing-page .pricing-card.popular .price-amount,.landing-page .pricing-card.popular .pricing-header h3{color:#fff!important}.landing-page .pricing-card.popular .features-list-item span,.landing-page .pricing-card.popular .price-period,.landing-page .pricing-card.popular .pricing-description{color:#fffffff2!important}.landing-page .pricing-card.popular .pricing-header{border-bottom-color:#ffffff40}.landing-page .popular-badge{align-items:center;background:#10b981;border-radius:50px;color:#fff;display:flex;font-size:.75rem;font-weight:700;gap:var(--space-1);left:50%;letter-spacing:.05em;padding:var(--space-2) var(--space-4);position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.landing-page .pricing-header{margin-bottom:var(--space-5);text-align:left}.landing-page .pricing-header h3{color:#1a1a1a;font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin-bottom:var(--space-2)}.landing-page .pricing-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:var(--space-5)}.landing-page .price{align-items:baseline;display:flex;gap:var(--space-2)}.landing-page .price-amount{color:#1a1a1a;font-family:var(--font-display);font-size:3rem;font-weight:800;line-height:1}.landing-page .price-period{color:#6b7280;font-size:1rem;font-weight:500}.landing-page .price-subline{color:#6b7280;font-size:.875rem;margin-bottom:0;margin-top:var(--space-2)}.landing-page .pricing-card.popular .price-subline{color:#ffffffd9}.landing-page .features-list{border-top:1px solid #e5e7eb;flex:1 0 auto;margin-top:var(--space-6);padding-top:var(--space-6)}.landing-page .pricing-card.popular .features-list{border-top-color:#ffffff40}.landing-page .features-list-item{align-items:flex-start;color:#374151;display:flex;font-size:.875rem;gap:var(--space-3);line-height:1.5;margin-bottom:var(--space-3)}.landing-page .pricing-cta{align-items:center;border:none;border-radius:12px;display:flex;font-size:1rem;font-weight:700;gap:var(--space-2);justify-content:center;padding:var(--space-4);text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.landing-page .pricing-cta.primary{background:#fff;color:#667eea}.landing-page .pricing-cta.primary:hover{transform:translateY(-2px)}.landing-page .pricing-cta.secondary{background:#667eea;color:#fff}.landing-page .pricing-cta.secondary:hover{background:#5a6fd8;transform:translateY(-2px)}.landing-page .faq-section{padding:clamp(var(--space-8),5vw,3.5rem) 0}.landing-page .faq-container{margin:0 auto;max-width:880px}.landing-page .faq-item{backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);background:#ffffffc7;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;margin-bottom:var(--space-3);padding:var(--space-5) var(--space-6);transition:border-color .2s ease}.landing-page .faq-item:hover{border-color:#cbd5e1}.landing-page .faq-item>summary{align-items:center;color:#1a1a1a;cursor:pointer;display:flex;font-family:var(--font-display);font-size:1.0625rem;font-weight:700;gap:var(--space-3);justify-content:space-between;list-style:none}.landing-page .faq-item>summary::-webkit-details-marker{display:none}.landing-page .faq-toggle-icon{color:#667eea;flex-shrink:0;font-size:1.5rem;font-weight:400;line-height:1;transition:transform .2s ease}.landing-page .faq-item[open] .faq-toggle-icon{transform:rotate(45deg)}.landing-page .faq-answer{border-top:1px solid #f3f4f6;color:#4b5563;font-size:.9375rem;line-height:1.6;margin-top:var(--space-3);padding-top:var(--space-3)}.landing-page .contact-section{padding:clamp(var(--space-8),5vw,3.5rem) 0;position:relative}.landing-page .contact-grid{align-items:center;display:flex;flex-direction:column;gap:clamp(var(--space-6),3vw,var(--space-10));margin:0 auto;max-width:720px;text-align:center}.landing-page .contact-info{max-width:560px}.landing-page .contact-form{width:100%}.landing-page .contact-info h2{color:#1a1a1a;font-family:var(--font-display);font-size:2.5rem;font-weight:800;margin-bottom:var(--space-4)}.landing-page .contact-info p{color:#6b7280;font-size:1.125rem;line-height:1.6;margin:0}.landing-page .contact-form{backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);background:#ffffffc7;border:1px solid #e5e7eb;border-radius:20px;padding:var(--space-8);text-align:left}.landing-page .form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.landing-page .form-group{margin-bottom:var(--space-6)}.landing-page .form-group label{color:#1a1a1a;display:block;font-weight:600;margin-bottom:var(--space-2)}.landing-page .form-group input,.landing-page .form-group textarea{border:2px solid #d1d5db;border-radius:12px;font-family:var(--font-sans);font-size:1rem;padding:var(--space-4);transition:all .2s ease;width:100%}.landing-page .form-group input:focus,.landing-page .form-group textarea:focus{border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a;outline:none}.landing-page .contact-submit{align-items:center;background:#1a1a1a;border:none;border-radius:12px;box-shadow:none;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:700;gap:var(--space-2);justify-content:center;padding:var(--space-4);transition:all .3s ease;width:100%}.landing-page .contact-submit:hover{box-shadow:none;filter:brightness(1.12);transform:translateY(-1px)}.landing-page .footer{background:#1a1a1a;color:#fff;padding:var(--space-16) 0 var(--space-8)}.landing-page .footer-content{grid-gap:var(--space-16);display:grid;gap:var(--space-16);grid-template-columns:1fr 3fr;margin-bottom:var(--space-12)}.landing-page .footer-brand{max-width:300px}.landing-page .footer-logo{align-items:center;display:flex;font-family:var(--font-display);font-size:1.5rem;font-weight:800;gap:var(--space-3);margin-bottom:var(--space-4)}.landing-page .footer-brand p{color:#9ca3af;line-height:1.6}.landing-page .footer-links{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(4,1fr)}.landing-page .footer-section h4{color:#fff;font-weight:700;margin-bottom:var(--space-4)}.landing-page .footer-section a{color:#9ca3af;display:block;margin-bottom:var(--space-2);text-decoration:none;transition:color .2s ease}.landing-page .footer-section a:hover{color:#fff}.landing-page .footer-bottom{align-items:center;border-top:1px solid #374151;display:flex;justify-content:space-between;padding-top:var(--space-8)}.landing-page .footer-bottom p{color:#9ca3af}.landing-page .footer-social{display:flex;gap:var(--space-4)}.landing-page .footer-social a,.landing-page .footer-social-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-family:inherit;font-size:inherit;text-decoration:none;transition:color .2s ease}.landing-page .footer-social a:hover,.landing-page .footer-social-btn:hover{color:#fff}.landing-page .footer-links--compact{grid-template-columns:repeat(3,1fr)}.landing-page .footer-bottom--compact{justify-content:center}@media (max-width:768px){.landing-page .footer-links--compact{grid-template-columns:1fr}}@media (max-width:1100px){.landing-page .hero-container{gap:clamp(var(--space-6),6vw,var(--space-12));grid-template-columns:1fr;text-align:center}.landing-page .hero-content{margin:0 auto}.landing-page .hero-description,.landing-page .section-header,.landing-page .section-header p{margin-left:auto;margin-right:auto}.landing-page .hero-stats{justify-items:center}.landing-page .feature-card,.landing-page .section-header,.landing-page .section-header h2,.landing-page .stat{text-align:center}.landing-page .feature-icon{margin-left:auto;margin-right:auto}.landing-page .overlapping-phones{--visual-scale:1;align-items:center;display:flex;height:auto;justify-content:center;min-height:560px;transform:none;width:100%}.landing-page .phone-left,.landing-page .phone-right{display:none}.landing-page .phone-center{left:auto;position:relative;top:auto;transform:none}.landing-page .contact-grid{gap:var(--space-10);grid-template-columns:1fr}.landing-page .steps-container{gap:var(--space-8);grid-template-columns:1fr}.landing-page .step-connector{display:none}}@media (max-width:768px){.landing-page .hero-cta{flex-direction:column}.landing-page .hero-stats{gap:var(--space-4);grid-template-columns:1fr}.landing-page .features-grid,.landing-page .pricing-grid,.landing-page .pricing-grid.pricing-grid-3,.landing-page .testimonials-grid{grid-template-columns:1fr}.landing-page .footer-content{gap:var(--space-8);grid-template-columns:1fr}.landing-page .footer-links{grid-template-columns:repeat(2,1fr)}.landing-page .footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}.landing-page .form-row{grid-template-columns:1fr}}.lms-storyboard{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-family:system-ui,sans-serif;font-family:var(--font-sans,system-ui,sans-serif)}.lms-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.lms-section.lms-section-story-tabs{padding:clamp(var(--space-8),5vw,3.5rem) 0}.landing-page .lms-storyboard .section-header .lms-panel-title{text-wrap:balance;color:#2d3748!important;font-family:system-ui,sans-serif;font-family:var(--font-display,system-ui,sans-serif);font-size:clamp(1.1875rem,2.15vw,1.5rem);font-weight:700;letter-spacing:-.015em;line-height:1.35;margin:0 auto 12px;margin:0 auto var(--space-3,12px);max-width:52ch;text-align:center}.landing-page .lms-storyboard .container>.section-header:first-of-type{margin-bottom:clamp(14px,2.4vw,22px)}.landing-page .lms-storyboard .lms-story-panel .section-header{margin-bottom:clamp(8px,1.4vw,14px)}.landing-page .lms-storyboard .lms-story-panel .section-header .lms-panel-title{margin-bottom:clamp(10px,1.5vw,16px)}.landing-page .lms-storyboard .lms-story-panel .lms-product-band:has(>.lms-tabs)>.section-header{margin-bottom:0}.landing-page .lms-storyboard .lms-story-panel .lms-product-band:has(>.lms-tabs)>.section-header .lms-panel-title{margin-bottom:clamp(20px,3vw,32px)}.lms-story-tablist{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:clamp(14px,2.2vw,21px);padding:0 4px}.lms-story-tablist button{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#4b5563;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;padding:12px 18px}.lms-story-tablist button.lms-story-tab-active{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.lms-story-panel{margin:0 auto;max-width:1180px}.lms-product-band-flush{margin-bottom:0;margin-top:0;padding-bottom:clamp(8px,1.2vw,14px);padding-top:0}.lms-entry-nav{background:#fff;border:1px solid #1a1a1a;border-radius:12px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;padding:12px 18px}.lms-entry-nav:disabled{cursor:not-allowed;opacity:.35}.lms-product-band{margin:0 auto;max-width:1180px;padding:clamp(9px,1.6vw,16px) 0}.lms-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:12px}.lms-tabs button{background:#fff;border:2px solid #e5e7eb;border-radius:999px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:700;padding:8px 14px}.lms-tabs button.lms-tab-active{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.lms-panels [data-lms-game]{display:none}.lms-panels [data-lms-game].lms-panel-active{display:block}.lms-panel-carousel{margin:0 auto;max-width:920px}.lms-panel-viewport{background:linear-gradient(180deg,#fafafa,#fff 55%);border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;position:relative;touch-action:pan-y}.lms-panel-track{display:flex;transition:transform .38s cubic-bezier(.22,1,.36,1)}.lms-panel-slide{box-sizing:border-box;flex:0 0 100%;padding:13px clamp(12px,2.5vw,22px);width:100%}.lms-panel-slide-fig{align-items:stretch;background:#fff;border-radius:12px;display:flex;flex-direction:column;gap:8px;margin:0;min-height:120px;overflow:hidden}.lms-panel-slide-img-wrap{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:min(52vh,520px);padding:11px clamp(10px,2.5vw,20px) 0}.lms-panel-slide-tall .lms-panel-slide-img-wrap{min-height:min(78vh,820px)}.lms-panel-slide-img-wrap img{display:block;height:auto;max-height:min(52vh,520px);max-width:100%;object-fit:contain;object-position:center;width:auto}.lms-panel-slide-tall .lms-panel-slide-img-wrap img{max-height:min(78vh,820px)}.lms-panel-slide-caption{text-wrap:balance;background:#fafafa;border-top:1px solid #1a1a1a0f;color:#4b5563;flex-shrink:0;font-size:14px;line-height:1.45;margin:0;padding:12px clamp(10px,2.5vw,18px) 14px;text-align:center}.lms-panel-slide-caption--stacked{align-items:center;display:flex;flex-direction:column;gap:6px;text-align:center}.lms-panel-slide-caption-headline{color:#1a1a1a;display:block;font-size:14px;font-weight:700;letter-spacing:-.02em;line-height:1.35}.lms-panel-slide-caption-text{color:#4b5563;display:block;font-size:14px;font-weight:400;line-height:1.5;max-width:52ch}.lms-panel-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:14px}.lms-panel-counter{color:#6b7280;font-size:13px;font-weight:600;min-width:3.5rem;text-align:center}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}*,:after,:before{box-shadow:none!important;text-shadow:none!important}input[type=number]{-webkit-appearance:textfield;appearance:textfield}input[inputmode=numeric]{-webkit-appearance:none;appearance:none}:root{--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--text-primary:#1a1a1a;--text-secondary:#4b5563;--text-tertiary:#6b7280;--border-color:#e5e7eb;--border-strong:#1a1a1a;--card-shadow:#0000001a;--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827}body{--success-50:#f0fdf4;--success-500:#10b981;--success-600:#059669;--success-700:#047857;--error-50:#fef2f2;--error-100:#fee2e2;--error-200:#fecaca;--error-300:#fca5a5;--error-400:#f87171;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--error-800:#991b1b;--error-900:#7f1d1d;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-300:#fcd34d;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--amber-800:#92400e;--amber-900:#78350f;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:50px;--catan-color:#8b5cf6;--catan-shadow:#7c3aed;--qwixx-color:#f59e0b;--qwixx-shadow:#d97706;--monopoly-color:#10b981;--monopoly-shadow:#059669;--ticket-to-ride-color:#3b82f6;--ticket-to-ride-shadow:#2563eb;--uno-color:#ef4444;--uno-shadow:#dc2626;--custom-color:#6b7280;--custom-shadow:#4b5563;--warning-500:#f59e0b;--warning-600:#d97706;--warning-50:#fffbeb;--info-500:#8b5cf6;--info-600:#7c3aed;--info-50:#f3e8ff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-brand-sm:0 2px 0 #1a1a1a;--shadow-brand-md:0 4px 0 #1a1a1a;--shadow-brand-lg:0 6px 0 #1a1a1a;--shadow-brand-xl:0 8px 0 #1a1a1a;--space-5:1.25rem;--space-10:2.5rem;--mobile-padding:1rem;--tablet-padding:1.5rem;--desktop-padding:2rem;--mobile-font-size:16px;--tablet-font-size:16px;--desktop-font-size:14px;--touch-target-size:44px;--desktop-target-size:36px;--vh:1vh;--cyber-primary:#00d4ff;--cyber-secondary:#ff0080;--cyber-accent:#0f8;--cyber-warning:#ff6b00;--cyber-purple:#8b5cf6;--cyber-dark:#0a0a0f;--cyber-darker:#050507;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-display:"Space Grotesk",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--shadow-2xl:0 25px 50px -12px #00000040;--cyber-glow:0 0 20px #00d4ff4d;--cyber-glow-lg:0 0 40px #00d4ff66;--brand-a:#8b5cf6;--brand-b:#ec4899;--brand-black:#1a1a1a;--brand-grad:linear-gradient(135deg,#8b5cf6,#ec4899);--text-xs:0.8125rem;--text-sm:0.875rem;--text-base:1rem;--mobile-topbar-h:52px;--mobile-tabbar-h:67px;--mc-page-pad:12px;--mc-section-gap:12px;--mc-card-pad:12px;--mc-card-radius:14px;--mc-card-border:2px;--mc-card-shadow:0 4px 0 var(--brand-black,#1a1a1a);--mc-h1:1.25rem;--mc-h2:1.0625rem;--mc-h3:0.9375rem;--mc-body:0.875rem;--mc-meta:0.75rem;--mc-pill-h:32px;--mc-tap:40px;--mc-input-h:44px;--mc-icon-sm:16px;--mc-icon-md:20px;transition:background-color .3s ease,color .3s ease}@supports (color:rgb(0 0 0/0)){body{--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes mobile-route-slide{0%{opacity:0;transform:translate3d(16px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes mobile-tab-fade{0%{opacity:.35}to{opacity:1}}*{margin:0;padding:0}html{font-size:16px;line-height:1.5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background-color:#f9fafb;background-color:var(--gray-50);color:#111827;color:var(--gray-900);font-family:var(--font-sans);font-weight:400;touch-action:manipulation}.hybrid-coaching [style*=border-radius],[style*=border-radius][style*=border],table[style*=border-radius]{-webkit-backface-visibility:hidden;backface-visibility:hidden;isolation:isolate;overflow:hidden;transform:translateZ(0);will-change:transform}.hybrid-coaching>div[style*="border: 2px solid"],.hybrid-coaching>div[style*="border: 3px solid"]{-webkit-backface-visibility:hidden;backface-visibility:hidden;isolation:isolate;transform:translateZ(0)}div[style*="borderBottom: '2px solid #1a1a1a'"],div[style*=borderTop][style*="background: #fafbfc"],div[style*=linear-gradient][style*=border]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}div[style*=linear-gradient][style*=border]{isolation:isolate}table[cellpadding="0"][cellspacing="0"]{border-collapse:initial!important;border-spacing:0!important}a[style*=border-radius],button[style*=border-radius]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.portfolio-landing{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#667eea);background-size:400% 400%;min-height:100vh;overflow:hidden;position:relative}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.portfolio-landing:before{background:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-section{grid-gap:var(--space-20);align-items:center;display:grid;gap:var(--space-20);grid-template-columns:1fr 420px;margin:0 auto;max-width:1400px;min-height:100vh;padding:var(--space-8) var(--space-16);position:relative;z-index:1}.hero-content{color:#fff}.hero-badge{align-items:center;animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff26;border:1px solid #fff3;border-radius:50px;display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-2) var(--space-4)}.hero-title{animation:fadeInUp .8s ease-out .2s both;font-family:var(--font-display);font-size:clamp(3rem,8vw,5rem);font-weight:700;line-height:1.1;margin-bottom:var(--space-6)}.hero-gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text}.hero-description{animation:fadeInUp .8s ease-out .4s both;font-size:1.25rem;line-height:1.7;margin-bottom:var(--space-12);max-width:540px;opacity:.9}.feature-grid{grid-gap:var(--space-4);animation:fadeInUp .8s ease-out .6s both;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));max-width:540px}.feature-item{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:16px;display:flex;font-size:.875rem;font-weight:500;gap:var(--space-3);padding:var(--space-4);transition:all .3s ease}.feature-item:hover{background:#ffffff26;transform:translateY(-2px)}.login-container{animation:fadeInUp .8s ease-out .8s both;position:relative}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fff3;border-radius:24px;box-shadow:var(--shadow-2xl);overflow:hidden;padding:var(--space-12);position:relative}.login-card:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.login-header{margin-bottom:var(--space-8);text-align:center}.login-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:var(--shadow-lg);color:#fff;display:inline-flex;height:72px;justify-content:center;margin-bottom:var(--space-6);width:72px}.login-header h2{color:#111827;color:var(--gray-900);font-family:var(--font-display);font-size:1.875rem;font-weight:700;margin-bottom:var(--space-2)}.login-header p{color:#4b5563;color:var(--gray-600);font-size:1rem}.login-form{gap:var(--space-6)}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:var(--space-2)}.form-group label{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:600}.form-input{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;font-family:var(--font-sans);font-size:1rem;padding:var(--space-4);transition:all .2s ease}.form-input:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.password-input{position:relative}.password-toggle{background:none;border:none;border-radius:6px;color:#9ca3af;color:var(--gray-400);cursor:pointer;padding:var(--space-2);position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);transition:color .2s ease}.password-toggle:hover{color:#3b82f6;color:var(--primary-500)}.login-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-family:var(--font-sans);font-size:1rem;font-weight:600;gap:var(--space-2);justify-content:center;padding:var(--space-4) var(--space-6);transition:all .2s ease}.login-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-content{align-items:center;display:flex;gap:var(--space-2)}body:has(.hybrid-analytics),body:has(.hybrid-auth),body:has(.hybrid-coaching),body:has(.hybrid-dashboard),body:has(.hybrid-games),body:has(.leagues-redesign){background-color:#fff!important;background-image:none!important;overflow-anchor:none}.main-content:has(.hybrid-analytics),.main-content:has(.hybrid-auth),.main-content:has(.hybrid-coaching),.main-content:has(.hybrid-dashboard),.main-content:has(.hybrid-games),.main-content:has(.leagues-redesign),.responsive-container:has(.hybrid-analytics),.responsive-container:has(.hybrid-auth),.responsive-container:has(.hybrid-coaching),.responsive-container:has(.hybrid-dashboard),.responsive-container:has(.hybrid-games),.responsive-container:has(.leagues-redesign){background-color:#fff!important;max-width:none!important;padding-left:0!important;padding-right:0!important;padding-top:0!important}.hybrid-analytics{background:#fff;color:#1a1a1a;font-family:var(--font-body);min-height:100vh;position:relative}.analytics-container{margin:0 auto;max-width:1400px;padding:var(--space-8) var(--space-4);position:relative;z-index:1}.analytics-header{margin-bottom:var(--space-8);padding-bottom:var(--space-3);padding-top:var(--space-3);position:relative;text-align:center}.analytics-badge{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #1a1a1a;border-radius:50px;color:#1a1a1a;display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--space-2);letter-spacing:.05em;margin-bottom:var(--space-4);padding:var(--space-2) var(--space-4);text-transform:uppercase}.analytics-title{color:#1a1a1a;font-family:var(--font-display);font-size:3.5rem;font-weight:800;letter-spacing:-.025em;line-height:1.1;margin:0}.analytics-subtitle{color:#4a5568;font-size:1.125rem;line-height:1.6;margin:0 auto;margin-bottom:var(--space-4);white-space:nowrap}@media (max-width:768px){.analytics-header{margin-bottom:var(--space-3);padding-bottom:var(--space-2);padding-top:var(--space-2)}.analytics-badge{font-size:.6875rem;letter-spacing:.04em;margin-bottom:var(--space-2);padding:4px 10px}.analytics-title{font-size:1.75rem;line-height:1.15}.analytics-subtitle{font-size:.9375rem;line-height:1.4;margin-bottom:var(--space-2);white-space:normal}}.metrics-grid{grid-gap:var(--space-4);align-items:stretch;display:grid;gap:var(--space-4);grid-auto-rows:1fr;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-8);max-width:100%}.metrics-grid>*{height:100%;min-height:100px}.metrics-grid.two-rows{gap:var(--space-4);grid-auto-rows:1fr;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:1200px){.metrics-grid{gap:var(--space-3)}.metrics-grid,.metrics-grid.two-rows{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){[data-fab=scroll-top]{display:none!important}.metrics-grid{gap:var(--space-3);padding:0}.metrics-grid,.metrics-grid.two-rows{grid-template-columns:repeat(2,1fr)}.row-focus-grid{grid-template-columns:1fr!important}}@media (max-width:480px){.metrics-grid{gap:var(--space-3)}.metrics-grid,.metrics-grid.two-rows{grid-template-columns:1fr}}.metric-card{background:#fff;border:2px solid #1a1a1a;border-radius:16px;box-shadow:0 4px 0 #1a1a1a;padding:var(--space-6);position:relative;transition:all .3s ease}.metric-card:hover{box-shadow:0 8px 0 #1a1a1a;transform:translateY(-2px)}.metric-card:before{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:18px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.metric-card:hover:before{opacity:.1}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.metric-icon{background:#1a1a1a;border-radius:12px;color:#fff;height:48px;justify-content:center;width:48px}.metric-icon,.metric-trend{align-items:center;display:flex;font-weight:600}.metric-trend{font-size:.875rem;gap:var(--space-1)}.metric-trend.up{color:#10b981}.metric-trend.down{color:#ef4444}.metric-value{color:#1a1a1a;font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:var(--space-1)}.metric-label{color:#6b7280;font-size:.875rem;font-weight:500}.metric-subtitle{color:#9ca3af;font-size:.75rem;margin-top:var(--space-1)}.chart-section{background:#fff;border:2px solid #1a1a1a;border-radius:20px;box-shadow:0 4px 0 #1a1a1a;margin-bottom:var(--space-8);padding:var(--space-8);position:relative}.chart-section.chart-section-control-center{padding-left:var(--space-6);padding-right:var(--space-6)}.chart-section:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:.05;position:absolute;right:-2px;top:-2px;z-index:-1}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.chart-title{color:#1a1a1a;font-family:var(--font-display);font-size:1.5rem;gap:var(--space-3)}.chart-title,.control-center-label{align-items:center;display:flex;font-weight:700}.control-center-label{color:#4b5563;font-size:.8125rem;gap:var(--space-2);letter-spacing:.05em;margin-bottom:var(--space-2);text-transform:uppercase}.chart-controls{display:flex;gap:var(--space-3)}.lens-filter-bar .lens-filter-chip.control-button{gap:6px;padding:var(--space-2) var(--space-3)}.control-button{background:#fff;border:2px solid #1a1a1a;border-radius:8px;color:#1a1a1a;cursor:pointer;font-size:.875rem;font-weight:600;padding:var(--space-2) var(--space-4);transition:all .2s ease}.control-button.active,.control-button:hover{background:#1a1a1a;color:#fff}.overview-section{align-items:stretch;display:flex;gap:var(--space-6)}.overview-distribution-panel{background:#fff;border:2px solid #1a1a1a;border-radius:20px;box-shadow:0 4px 0 #1a1a1a;flex:1 1;min-width:0;padding:var(--space-6);position:relative}.overview-distribution-panel:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:.05;position:absolute;right:-2px;top:-2px;z-index:-1}.overview-metrics-panel{display:flex;flex:1 1;flex-direction:column;min-width:0;padding-bottom:1px}.overview-metrics-panel .metrics-grid{grid-gap:var(--space-4);align-content:stretch;display:grid;flex:1 1;gap:var(--space-4);grid-auto-rows:minmax(0,1fr);grid-template-columns:repeat(3,1fr);height:100%;margin-bottom:0}.overview-metrics-panel .metrics-grid>*{min-height:0}.distribution-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-4)}.distribution-charts-row{display:flex;gap:var(--space-6);justify-content:center;width:100%}.distribution-chart-container{align-items:center;display:flex;flex-direction:column;text-align:center}.distribution-chart-title{color:#1a1a1a;font-size:1rem;font-weight:700;margin-bottom:var(--space-3)}.distribution-legend{display:flex;flex-direction:column;gap:var(--space-2);max-width:420px;width:100%}.distribution-legend-item{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:8px;display:flex;font-size:.8125rem;justify-content:space-between;padding:var(--space-2) var(--space-3)}.distribution-legend-left{align-items:center;display:flex;flex:1 1;gap:var(--space-2);min-width:0}.distribution-legend-dot{border-radius:3px;flex-shrink:0;height:10px;width:10px}.distribution-legend-name{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.distribution-legend-count{color:#6b7280;color:var(--text-tertiary,#6b7280);flex-shrink:0;font-family:var(--font-display);font-size:.75rem;font-weight:600;white-space:nowrap}.overview-distribution-panel .distribution-legend-item{background:#f3f4f6}.overview-distribution-panel .distribution-legend-name{color:#1a1a1a}.overview-distribution-panel .distribution-legend-count{color:#6b7280}@media (max-width:1100px){.overview-section{flex-direction:column}.overview-distribution-panel{flex:none;width:100%}}@media (max-width:640px){.distribution-charts-row{align-items:center;flex-direction:column}.distribution-legend{flex-direction:column}.distribution-legend-item{width:100%}}.insights-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:var(--space-12)}.insight-panel{background:#fff;border:2px solid #1a1a1a;border-radius:16px;padding:var(--space-6);position:relative}.insight-panel.settlers{box-shadow:0 6px 0 #7c3aed}.insight-panel.qwixx{border-color:#1a1a1a}.insight-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.insight-badge{background:#1a1a1a;border-radius:6px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:var(--space-1) var(--space-2);text-transform:uppercase}.insight-title{color:#1a1a1a;font-family:var(--font-display);font-size:1.25rem;font-weight:700}.insight-list{display:flex;flex-direction:column;gap:var(--space-4)}.insight-item{align-items:center;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:var(--space-3);padding:var(--space-4);position:relative}.insight-item,.insight-item.success,.insight-item.tip,.insight-item.warning{background:#f9fafb}.insight-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-weight:600;height:32px;justify-content:center;width:32px}.insight-icon,.insight-icon.success,.insight-icon.tip,.insight-icon.warning{background:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563}.insight-content h4{color:#1a1a1a;font-size:.875rem;font-weight:600;margin-bottom:var(--space-1)}.insight-content p{color:#6b7280;font-size:.875rem;line-height:1.5}.performance-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--space-6)}.performance-card{align-items:center;background:#fff;border:2px solid #1a1a1a;border-radius:12px;display:flex;justify-content:space-between;padding:var(--space-4);transition:all .2s ease}.performance-card:hover{box-shadow:-4px 4px 0 #1a1a1a;transform:translateX(4px)}.performance-info h4{color:#1a1a1a;font-weight:600;margin-bottom:var(--space-1)}.performance-info p{color:#6b7280;font-size:.875rem}.performance-value{color:#1a1a1a;font-size:1.5rem;font-weight:800}.watercolor-bg{overflow-x:hidden;overflow-y:visible;position:relative}.watercolor-bg:before{background-image:radial-gradient(ellipse 800px 600px at 20% 30%,#fbbf24 0,#0000 50%),radial-gradient(ellipse 600px 800px at 80% 70%,#3b82f6 0,#0000 50%),radial-gradient(ellipse 700px 500px at 60% 20%,#10b981 0,#0000 50%),radial-gradient(ellipse 500px 700px at 30% 80%,#8b5cf6 0,#0000 50%),radial-gradient(ellipse 400px 600px at 90% 40%,#f59e0b 0,#0000 60%),radial-gradient(ellipse 650px 400px at 10% 60%,#06b6d4 0,#0000 60%);bottom:0;content:"";left:0;opacity:.03;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.watercolor-bg-orange:before{background-image:radial-gradient(ellipse 900px 700px at 15% 25%,#fbbf24 0,#0000 45%),radial-gradient(ellipse 600px 800px at 85% 75%,#f59e0b 0,#0000 50%),radial-gradient(ellipse 500px 600px at 70% 15%,#fed7aa 0,#0000 60%),radial-gradient(ellipse 700px 500px at 25% 85%,#fef3c7 0,#0000 55%);opacity:.04}.watercolor-bg-green:before{background-image:radial-gradient(ellipse 800px 600px at 25% 35%,#10b981 0,#0000 45%),radial-gradient(ellipse 650px 750px at 75% 65%,#059669 0,#0000 50%),radial-gradient(ellipse 550px 650px at 60% 10%,#bbf7d0 0,#0000 60%),radial-gradient(ellipse 750px 550px at 20% 90%,#dcfce7 0,#0000 55%);opacity:.04}.watercolor-bg-blue:before{background-image:radial-gradient(ellipse 850px 650px at 20% 40%,#3b82f6 0,#0000 45%),radial-gradient(ellipse 600px 800px at 80% 60%,#1e40af 0,#0000 50%),radial-gradient(ellipse 500px 700px at 65% 20%,#bfdbfe 0,#0000 60%),radial-gradient(ellipse 700px 500px at 30% 80%,#dbeafe 0,#0000 55%);opacity:.04}.watercolor-bg-purple:before{background-image:radial-gradient(ellipse 800px 700px at 30% 30%,#8b5cf6 0,#0000 45%),radial-gradient(ellipse 650px 800px at 70% 70%,#7c3aed 0,#0000 50%),radial-gradient(ellipse 550px 650px at 60% 15%,#e9d5ff 0,#0000 60%),radial-gradient(ellipse 750px 550px at 25% 85%,#f3e8ff 0,#0000 55%);opacity:.04}.watercolor-bg-multi:before{background-image:radial-gradient(ellipse 900px 700px at 15% 20%,#fbbf24 0,#0000 40%),radial-gradient(ellipse 700px 900px at 85% 80%,#3b82f6 0,#0000 40%),radial-gradient(ellipse 800px 600px at 70% 25%,#10b981 0,#0000 45%),radial-gradient(ellipse 600px 800px at 25% 75%,#8b5cf6 0,#0000 45%),radial-gradient(ellipse 500px 700px at 90% 50%,#f59e0b 0,#0000 55%),radial-gradient(ellipse 750px 500px at 10% 50%,#06b6d4 0,#0000 55%);opacity:.035}.hybrid-auth{background:#fff;color:#1a1a1a;font-family:var(--font-body)}.auth-container,.hybrid-auth{min-height:100vh;position:relative}.auth-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-4);z-index:1}.auth-card{background:#fff;border:3px solid #1a1a1a;border-radius:20px;box-shadow:0 8px 0 #1a1a1a;max-width:520px;padding:var(--space-8);position:relative;width:100%}.auth-card:before{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:23px;bottom:-3px;content:"";left:-3px;opacity:.1;position:absolute;right:-3px;top:-3px;z-index:-1}.hybrid-dashboard{background:#fff;color:#1a1a1a;font-family:var(--font-body);min-height:100vh}.dashboard-hybrid-container{margin:0 auto;max-width:1400px;padding:var(--space-8) var(--space-4);position:relative;z-index:1}.dashboard-hybrid-header{margin-bottom:var(--space-12);text-align:center}.dashboard-badge{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #1a1a1a;border-radius:50px;display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--space-2);letter-spacing:.05em;padding:var(--space-2) var(--space-4);text-transform:uppercase}.dashboard-badge,.dashboard-hybrid-title{color:#1a1a1a;margin-bottom:var(--space-4)}.dashboard-hybrid-title{font-family:var(--font-display);font-size:3.5rem;font-weight:800;letter-spacing:-.025em;line-height:1.1}.dashboard-stat-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-12)}.dashboard-stat-card{background:#fff;border:2px solid #1a1a1a;border-radius:16px;box-shadow:0 4px 0 #1a1a1a;padding:var(--space-6);position:relative;transition:all .3s ease}.dashboard-stat-card:hover{box-shadow:0 8px 0 #1a1a1a;transform:translateY(-2px)}.hybrid-games{background:#fff;color:#1a1a1a;font-family:var(--font-body);min-height:100vh}.games-hybrid-container{margin:0 auto;max-width:1400px;padding:var(--space-8) var(--space-4);position:relative;z-index:1}.hybrid-games .games-pagination{-webkit-tap-highlight-color:transparent;background-color:#fff}.hybrid-games [data-pagination] button{-webkit-tap-highlight-color:transparent;-webkit-appearance:none!important;appearance:none!important;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;background-color:#fff!important;isolation:auto!important;overflow:visible!important;transform:none!important;will-change:auto!important}.hybrid-games [data-pagination] button:disabled{background-color:#fff!important;opacity:1!important}.hybrid-games .chart-section:before{content:none!important;display:none!important}.hybrid-coaching{background:#fff;color:#1a1a1a;font-family:var(--font-body);min-height:100vh}@media (max-width:639px){.hybrid-coaching [style*=box-shadow],.hybrid-coaching [style*=boxShadow],.mobile-dashboard .md-mini-stat,.mobile-dashboard .md-per-game-card,.mobile-dashboard .md-per-game-card button,.mobile-dashboard .md-per-game-nav-link{box-shadow:none!important}}.mobile-dashboard .md-per-game-card{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;background:#fff;border:2px solid #1a1a1a;border:2px solid var(--brand-black,#1a1a1a);border-radius:12px;box-shadow:none;isolation:auto!important;overflow:visible!important;overflow-anchor:none;padding:var(--space-3);transform:none!important;will-change:auto!important}.mobile-dashboard .md-per-game-icon-tile{align-items:center;background:#fff;border:1px solid #6b7280;border:1px solid var(--md-game-accent,#6b7280);border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.mobile-dashboard .md-mini-stat{background:#fafafa;padding:var(--space-2);text-align:center}.mobile-dashboard .md-mini-stat,.mobile-dashboard .md-per-game-nav-link{border:2px solid #1a1a1a;border:2px solid var(--brand-black,#1a1a1a);border-radius:8px;box-shadow:none}.mobile-dashboard .md-per-game-nav-link{align-items:center;box-sizing:border-box;color:#1a1a1a;display:flex;font-size:.8125rem;font-size:var(--text-xs,.8125rem);font-weight:700;gap:6px;justify-content:center;margin-top:var(--space-3);min-height:40px;padding:var(--space-2) var(--space-3);text-decoration:none}.mobile-dashboard .md-per-game-expand{margin-top:var(--space-3);overflow-anchor:none}.mobile-dashboard .md-rival-card{align-items:center;background:#fff;border:2px solid #1a1a1a;border:2px solid var(--brand-black,#1a1a1a);border-radius:10px;display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.mobile-dashboard .md-rival-rank{align-items:center;border:2px solid #1a1a1a;border:2px solid var(--brand-black,#1a1a1a);border-radius:999px;color:#1a1a1a;display:flex;flex-shrink:0;font-family:Space Grotesk,system-ui;font-family:var(--font-display,"Space Grotesk",system-ui);font-weight:800;height:32px;justify-content:center;width:32px}.mobile-dashboard .md-dashboard-section-panel{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;isolation:auto!important;overflow:visible!important;transform:none!important;will-change:auto!important}.mobile-dashboard .md-dashboard-section-children{overflow:visible!important;overflow-anchor:none}.mobile-dashboard .md-per-game-stack,.mobile-dashboard .md-rivals-stack{overflow-anchor:none}.games-badge{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #1a1a1a;border-radius:50px;color:#1a1a1a;display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--space-2);letter-spacing:.05em;margin-bottom:var(--space-4);padding:var(--space-2) var(--space-4);text-transform:uppercase}.games-list-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:none;margin-bottom:.5rem;padding:var(--space-4);position:relative;transition:border-color .2s ease}.games-list-card:hover{border-color:#d1d5db;box-shadow:none}.mobile-game-card{border-radius:12px;box-shadow:none;margin-bottom:var(--space-2);padding:var(--space-4)}.games-card-swipe-wrap>div>.games-list-card,.games-card-swipe-wrap>div>.mobile-game-card{margin-bottom:0}.game-card-header{justify-content:space-between;margin-bottom:0}.game-card-header,.game-card-header-left{align-items:center;display:flex;gap:var(--space-2)}.game-card-header-left{flex:1 1;min-width:0}.games-list-card .game-icon{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;box-shadow:none;color:#6b7280;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.game-info{min-width:0}.game-title{color:#1a1a1a;font-family:var(--font-display);font-size:1rem;font-weight:700;line-height:1.2;margin:0 0 var(--space-1) 0}.game-meta{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:.75rem;gap:var(--space-1)}.game-meta-sep{color:#d1d5db;flex-shrink:0;font-size:.875rem;line-height:1;margin:0 .125rem;-webkit-user-select:none;user-select:none}.game-league-badge,.game-meta-item{align-items:center;display:flex;gap:4px}.game-league-badge{background:#ede9fe;border:1.5px solid #a78bfa;border-radius:4px;color:#5b21b6;font-size:.625rem;font-weight:700;padding:2px 6px}.game-league-badge-icon{color:inherit;flex-shrink:0}.game-competition-badge{align-items:center;background:#ffe4e6;border:1.5px solid #fb7185;border-radius:4px;color:#9f1239;display:flex;font-size:.625rem;font-weight:700;gap:4px;padding:2px 6px}.game-competition-badge.game-competition-badge--active{background:#d1fae5;border:1.5px solid #34d399;color:#065f46}.game-competition-badge.game-competition-badge--upcoming{background:#dbeafe;border:1.5px solid #60a5fa;color:#1e40af}.game-competition-badge.game-competition-badge--ended{background:#f3f4f6;border:1.5px solid #9ca3af;color:#4b5563}.game-competition-badge.game-competition-badge--archived{background:#e5e7eb;border:1.5px solid #9ca3af;color:#374151}.game-card-header-right{align-items:center;display:flex;flex-shrink:0;gap:var(--space-2)}.games-grid-container .games-list-card:not(.mobile-game-card) .game-card-header-right{gap:var(--space-1)}@media (hover:hover) and (pointer:fine){.hybrid-games .games-grid-container>.games-list-card:not(.mobile-game-card) .game-card-header-right{opacity:0;transition:opacity .15s ease}.hybrid-games .games-grid-container>.games-list-card:not(.mobile-game-card):focus-within .game-card-header-right,.hybrid-games .games-grid-container>.games-list-card:not(.mobile-game-card):hover .game-card-header-right{opacity:1}}.mobile-winner-badge{background:#10b981;border-radius:20px;box-shadow:0 2px 0 #059669;font-size:.875rem;font-weight:600;gap:var(--space-1);padding:var(--space-2) var(--space-3)}.winner-score{font-size:1rem;font-weight:700}.winner-badge-desktop{align-items:center;background:#10b981;border-radius:50px;box-shadow:0 4px 0 #059669;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:var(--space-2);padding:.5rem .75rem}.icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);transition:all .2s ease}.icon-btn:hover{background:#f3f4f6;color:#374151}.icon-btn-delete{color:#ef4444}.icon-btn-delete:hover{background:#fef2f2;color:#dc2626}.icon-btn-delete:disabled{color:#9ca3af;cursor:not-allowed;opacity:.6}.expand-btn{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;padding:var(--space-1);transition:all .2s ease;width:32px}.expand-btn:active{background:#e5e7eb;transform:scale(.95)}.mobile-action-bar{display:flex;gap:var(--space-2);margin-top:var(--space-1);padding:var(--space-2) 0}.mobile-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:var(--space-2);justify-content:center;padding:var(--space-3);transition:all .2s ease}.mobile-action-btn-edit{background:#f3f4f6;color:#374151}.mobile-action-btn-edit:active{background:#e5e7eb}.mobile-action-btn-delete{background:#fef2f2;color:#dc2626}.mobile-action-btn-delete:active{background:#fecaca}.mobile-action-btn-delete:disabled{cursor:not-allowed;opacity:.5}@media (min-width:640px){.hybrid-games .games-chart-section-edge{box-sizing:border-box;margin-left:calc(var(--space-8)*-1);margin-right:calc(var(--space-8)*-1);padding-left:var(--space-4);padding-right:var(--space-4)}.hybrid-games .chart-section>.games-grid-container.games-chart-section-edge{margin-top:var(--space-6)}}.games-grid-container{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}@media (min-width:769px){.hybrid-games .games-grid-container>.games-list-card:not(.mobile-game-card){border:2px solid #1a1a1a;border:2px solid var(--brand-black,#1a1a1a);border-radius:14px;box-shadow:none!important}.hybrid-games .games-grid-container>.games-list-card:not(.mobile-game-card):hover{border-color:#1a1a1a;border-color:var(--brand-black,#1a1a1a);box-shadow:none!important}.hybrid-games .games-grid-container>[data-testid^=generic-game-card]{border:2px solid #1a1a1a!important;border:2px solid var(--brand-black,#1a1a1a)!important;border-radius:14px!important;box-shadow:none!important}}@media (max-width:768px){.games-grid-container{gap:var(--space-2);grid-template-columns:1fr}}.games-list-container{display:flex;flex-direction:column}.game-list-edit-inline{background:#fafafa;border-bottom:1px solid #e5e7eb;padding:16px 20px}.game-list-edit-inline .games-list-card{border:2px solid #e5e7eb;box-shadow:none;margin:0}.game-list-row{align-items:center;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;gap:12px;padding:18px 20px;transition:background .15s ease}.game-list-row:last-child,.games-list-container>div:last-child .game-list-expanded-shell,.games-list-container>div:last-child .game-list-row{border-bottom:none}.game-list-row:hover{background:#f9fafb}.game-list-expanded-shell{border-bottom:1px solid #e5e7eb}.game-list-expanded-shell.game-list-row-expanded{background:#fff}.game-list-expanded-shell.game-list-row-expanded:last-child{border-bottom:none}.game-list-expanded-header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:18px 20px;transition:background .15s ease}.game-list-expanded-header:hover{background:#f9fafb}.game-list-expanded-title-cluster{align-items:center;display:flex;flex-direction:row;flex-shrink:0;flex-wrap:wrap;gap:10px;min-width:0}.game-list-expanded-header-meta-chips{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.game-list-expanded-header-duration,.game-list-expanded-header-version{flex-shrink:0}.game-list-expanded-header-version{max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-list-expanded-header-spacer{flex:1 1;min-width:8px}.game-list-expanded-shell .game-list-detail{animation:listDetailSlideDown .2s ease;background:#0000;border-bottom:none;padding-top:0}.game-list-row-icon{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#6b7280;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.game-list-row-title{display:flex;flex-direction:column;flex-shrink:0;gap:1px;max-width:170px;min-width:130px}.game-list-row-name{color:#1a1a1a;font-size:.875rem;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-list-row-date{line-height:1.2}.game-list-row-date,.game-list-row-meta{color:#9ca3af;font-size:.6875rem;white-space:nowrap}.game-list-row-meta{align-items:center;display:flex;flex-shrink:0;gap:10px}.game-list-row-meta-sep{color:#d1d5db}.game-list-row-competition-badge,.game-list-row-league-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;line-height:1.3;margin-left:6px;padding:3px 10px}.game-list-row-league-badge{background:#ede9fe;border:1.5px solid #a78bfa;color:#5b21b6}.game-list-row-competition-badge{background:#ffe4e6;border:1.5px solid #fb7185;color:#9f1239}.game-list-row-competition-badge.game-competition-badge--active{background:#d1fae5;border:1.5px solid #34d399;color:#065f46}.game-list-row-competition-badge.game-competition-badge--upcoming{background:#dbeafe;border:1.5px solid #60a5fa;color:#1e40af}.game-list-row-competition-badge.game-competition-badge--ended{background:#f3f4f6;border:1.5px solid #9ca3af;color:#4b5563}.game-list-row-competition-badge.game-competition-badge--archived{background:#e5e7eb;border:1.5px solid #9ca3af;color:#374151}a.game-league-comp-badge-link{cursor:pointer;text-decoration:none}a.game-league-comp-badge-link:hover{filter:brightness(.96)}.game-list-row-players{align-items:center;display:flex;flex:1 1;flex-wrap:nowrap;gap:12px;min-width:0;overflow:hidden}.game-list-row-players--tight{align-content:center;column-gap:10px;flex-wrap:wrap;overflow:visible;row-gap:8px}.game-list-row-player{align-items:center;display:inline-flex;font-size:.8125rem;gap:10px;white-space:nowrap}.game-list-row-player-body{column-gap:4px;column-gap:var(--player-name-score-gap,4px);min-width:0}.game-list-row-player-body,.game-list-row-rank-badge{align-items:center;box-sizing:border-box;display:inline-flex}.game-list-row-rank-badge{background:#e5e7eb;border:none;border-radius:999px;color:#1a1a1a;flex-shrink:0;font-size:.625rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 4px}.game-list-row-rank-badge.gold{background:#d4a72c;border:none;color:#fff}.game-list-row-rank-badge.silver{background:#b8bdc6;border:none;color:#fff}.game-list-row-rank-badge.bronze{background:#d4a574;border:none;color:#fff}.game-list-row-player-name{color:#1a1a1a;font-weight:600;max-width:20ch;max-width:var(--player-name-max-ch,20ch);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-list-player-name--anonymous{font-style:italic}.game-list-detail-player-name-text{min-width:0}.game-list-row-player-score{font-feature-settings:"tnum";align-items:center;box-sizing:border-box;color:#1a1a1a;display:inline-flex;flex-shrink:0;font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:700;justify-content:flex-end;max-width:8ch;max-width:var(--score-slot-max-ch,8ch);min-width:6ch;min-width:var(--score-slot-ch,6ch);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:6ch;width:var(--score-slot-ch,6ch)}.game-list-row-players--tight .game-list-row-player-score{font-size:.75rem}.game-list-row-player-sep{color:#d1d5db;flex-shrink:0;font-size:.75rem}.game-list-row-player.more{color:#9ca3af;font-size:.75rem;font-weight:500}.list-row-actions{display:flex;flex-shrink:0;gap:4px;opacity:0;transition:opacity .15s ease}.game-list-expanded-header:focus-within .list-row-actions,.game-list-expanded-header:hover .list-row-actions,.game-list-row:hover .list-row-actions{opacity:1}.list-row-action-btn{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .15s ease;width:30px}.list-row-action-btn:hover{background:#e5e7eb;color:#4b5563}.list-row-action-delete:hover{background:#fee2e2;color:#ef4444}.game-list-expanded-header .game-list-row-meta+.list-row-actions,.game-list-expanded-header .list-row-actions+.game-list-row-expand,.game-list-row .game-list-row-meta+.list-row-actions,.game-list-row .list-row-actions+.game-list-row-expand{margin-left:6px}.game-list-row-expand{align-items:center;color:#9ca3af;display:flex;flex-shrink:0;transition:transform .2s ease}.game-list-detail{background:#fff;border-bottom:1px solid #e5e7eb;padding:0 20px 12px 62px}@keyframes listDetailSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.game-list-detail-standings{display:flex;flex-wrap:wrap;gap:6px}.game-list-detail-standings:not(:last-child){margin-bottom:8px}.game-list-detail-player{align-items:center;border-radius:8px;column-gap:6px;column-gap:var(--player-name-score-gap,6px);display:flex;flex:1 1;font-size:.8125rem;justify-content:flex-start;min-width:120px;padding:8px 12px}.compact-player-card.standings-place-row--1,.game-list-detail-player.standings-place-row--1,.game-list-row-player.standings-place-row--1{background:#0000;border:1px solid #d4a72c}.compact-player-card.standings-place-row--2,.game-list-detail-player.standings-place-row--2,.game-list-row-player.standings-place-row--2{background:#0000;border:1px solid #b8bdc6}.compact-player-card.standings-place-row--3,.game-list-detail-player.standings-place-row--3,.game-list-row-player.standings-place-row--3{background:#0000;border:1px solid #d4a574}.compact-player-card.standings-place-row--rest,.game-list-detail-player.standings-place-row--rest,.game-list-row-player.standings-place-row--rest{background:#fff;border:1px solid #9ca3af}.game-list-row-player.standings-place-row--1,.game-list-row-player.standings-place-row--2,.game-list-row-player.standings-place-row--3,.game-list-row-player.standings-place-row--rest{border-radius:8px;box-sizing:border-box;padding:8px 12px}.game-list-detail-qwixx-player-wrap{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:120px}.game-list-detail-qwixx-player-wrap>.game-list-detail-player{box-sizing:border-box;width:100%}.game-list-detail-player-name{align-items:center;color:#1a1a1a;display:flex;flex:1 1;font-weight:600;gap:8px;min-width:0}.compact-position-badge,.game-list-detail-pos{align-items:center;background:#e5e7eb;border:none;border-radius:999px;box-sizing:border-box;color:#1a1a1a;display:inline-flex;flex-shrink:0;font-size:.625rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 4px}.compact-position-badge{font-size:.75rem;height:22px;min-width:22px}.compact-position-badge.gold,.game-list-detail-pos.gold{background:#d4a72c;border:none;color:#fff}.compact-position-badge.silver,.game-list-detail-pos.silver{background:#b8bdc6;border:none;color:#fff}.compact-position-badge.bronze,.game-list-detail-pos.bronze{background:#d4a574;border:none;color:#fff}.game-list-detail-player-score{font-feature-settings:"tnum";align-items:center;color:#1a1a1a;display:inline-flex;flex-shrink:0;font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:700;justify-content:flex-end;max-width:none;overflow:visible;white-space:nowrap}.game-list-detail-tags{display:flex;flex-wrap:wrap;gap:6px}.game-list-detail-tags:empty{display:none}.game-list-detail-tags:not(:empty){margin-top:8px}.game-list-detail-tag{align-items:center;background:#fafbfc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:3px 10px}.game-list-detail-tag.league{background:#ede9fe;border-color:#a78bfa;border-width:1.5px;color:#5b21b6}.game-list-detail-tag.competition{background:#ffe4e6;border-color:#fb7185;border-width:1.5px;color:#9f1239}.game-list-detail-rounds{margin-bottom:4px}.game-list-rounds-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.game-list-rounds-table{border-collapse:collapse;font-size:.75rem;width:100%}.game-list-rounds-table thead{border-bottom:2px solid #e5e7eb}.game-list-rounds-th-player{color:#111827;font-size:.75rem;font-weight:700;letter-spacing:.04em;padding:6px 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.game-list-rounds-th-round{color:#1f2937;font-size:.6875rem;font-weight:700;min-width:42px;padding:6px 8px;text-align:center;text-transform:uppercase}.game-list-rounds-th-total{color:#111827;font-size:.75rem;font-weight:700;letter-spacing:.04em;padding:6px 10px;text-align:right;text-transform:uppercase;white-space:nowrap}.game-list-rounds-table tbody tr{background:#fff;background:var(--bg-primary,#fff);border-bottom:1px solid #f0f0f0}.game-list-rounds-table tbody tr:nth-child(2n){background:#f9fafb;background:var(--gray-50,#f9fafb)}.game-list-rounds-table tbody tr:last-child{border-bottom:none}.game-list-rounds-td-player{align-items:center;color:#1a1a1a;display:flex;font-weight:600;gap:8px;padding:7px 10px;white-space:nowrap}.game-list-rounds-td-round{color:#4b5563;font-size:.6875rem;font-weight:600;padding:7px 6px;text-align:center;vertical-align:middle}.game-list-rounds-td-round svg{vertical-align:middle}.game-list-rounds-td-round.round-blitz,.game-list-rounds-td-round.round-win{color:#111827;font-weight:700}.game-list-rounds-td-round.round-loss{color:#d1d5db}.game-list-rounds-td-round.round-positive{color:#4b5563}.game-list-rounds-td-round.round-negative{color:#dc2626}.game-list-rounds-td-total{color:#1a1a1a;font-size:.75rem;font-weight:700;padding:7px 10px;text-align:right}.game-list-detail-note{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:.8125rem;font-style:italic;margin-top:8px;padding:8px 12px}.game-card-extra-detail{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.game-card-extra-detail:empty{display:none}.game-card-extra-detail>.game-section:first-child{margin-top:0;padding-top:0}.game-card-meta-badges{margin:.5rem 0 0}.game-card-meta-badges .game-competition-badge,.game-card-meta-badges .game-league-badge{border-radius:6px;font-size:.75rem;font-weight:600;line-height:1.3;padding:3px 10px}.game-card-qwixx-boxes{display:flex;flex-direction:column;gap:.75rem}.game-card-qwixx-boxes-player{display:flex;flex-direction:column;gap:4px}.game-card-qwixx-boxes-name{color:#4b5563;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.compact-players-grid{grid-column-gap:8px;grid-row-gap:10px;border:none;column-gap:8px;display:grid;grid-template-columns:repeat(3,1fr);row-gap:10px}.compact-player-card{grid-column-gap:4px;grid-column-gap:var(--player-name-score-gap,4px);align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;column-gap:4px;column-gap:var(--player-name-score-gap,4px);display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:40px;padding:10px 12px;width:100%}.compact-player-card.is-you .compact-player-name,.game-list-detail-player.is-you .game-list-detail-player-name-text,.game-list-rounds-table tbody tr.is-you .game-list-rounds-td-player,.game-list-row-player.is-you .game-list-row-player-name,.you-badge{font-weight:700}.you-badge{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#4b5563;display:inline-block;font-size:.625rem;letter-spacing:.03em;margin-left:6px;padding:1px 6px;text-transform:uppercase;vertical-align:middle}.compact-player-left{align-items:center;display:flex;gap:6px;justify-self:start;min-width:0}.compact-player-name{color:#1a1a1a;font-size:.8125rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-player-name--anonymous{font-style:italic}.compact-player-score{font-feature-settings:"tnum";align-items:center;box-sizing:border-box;color:#1a1a1a;display:inline-flex;font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:700;justify-content:flex-end;justify-self:end;max-width:8ch;max-width:var(--score-slot-max-ch,8ch);min-width:6ch;min-width:var(--score-slot-ch,6ch);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:6ch;width:var(--score-slot-ch,6ch)}.game-section{border:none;margin-top:.5rem;padding-top:.5rem}.game-section-title{align-items:center;border:none;color:#1a1a1a;display:flex;font-size:.875rem;font-weight:600;gap:var(--space-2);line-height:1.2;margin-bottom:.5rem;margin-top:0}.games-list-card .game-card-standings-preview{margin-top:var(--space-3);padding-top:0}.games-list-card .game-card-standings-preview>.game-section-title{margin-bottom:var(--space-2);margin-top:0}.games-list-card .game-section:not(.game-achievements){margin-top:0;padding-top:0}.games-list-card .game-section:not(.game-achievements)>.game-section-title:first-child{margin-top:0}.game-achievements{border:none}.achievement-badges{display:flex;flex-wrap:wrap;gap:.375rem}.achievement-badge{align-items:center;border:1px solid;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:var(--space-1);padding:.375rem .625rem}.achievement-badge-blue{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.achievement-badge-red{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.achievement-badge-yellow{background:#fef3c7;border-color:#fbbf24;color:#d97706}.game-footer-badges{align-items:center;bottom:var(--space-4);display:flex;gap:var(--space-3);position:absolute;right:var(--space-4)}.info-badge{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#64748b;font-size:.75rem;font-weight:600;padding:var(--space-1) var(--space-2)}.info-badge-id{font-family:monospace}@media (max-width:768px){.games-hybrid-container{padding:var(--space-4)}.mobile-game-card .game-icon{height:44px;width:44px}.mobile-game-card .game-title{font-size:1rem}.mobile-game-card .game-meta{font-size:.6875rem}.achievement-badge{font-size:.6875rem;padding:6px 10px}.game-footer-badges{justify-content:flex-start;margin-top:var(--space-3);position:static}}.hybrid-entry{background:#fff;color:#1a1a1a;font-family:var(--font-body);min-height:100vh}.entry-hybrid-container{margin:0 auto;max-width:1400px;padding:var(--space-8) var(--space-4);position:relative;z-index:1}.entry-badge{align-items:center;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:2px solid #1a1a1a;border-radius:50px;color:#1a1a1a;display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--space-2);letter-spacing:.05em;margin-bottom:var(--space-4);padding:var(--space-2) var(--space-4);text-transform:uppercase}.entry-form-section{background:#fff;border:2px solid #1a1a1a;border-radius:20px;box-shadow:0 6px 0 #1a1a1a;margin-bottom:var(--space-8);padding:var(--space-8);position:relative}.entry-form-section:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:.05;position:absolute;right:-2px;top:-2px;z-index:-1}.hybrid-navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:2px solid var(--brand-black);box-shadow:0 2px 0 #6b7280;box-shadow:0 2px 0 var(--gray-500);position:-webkit-sticky;position:sticky;top:0;z-index:100}.hybrid-nav-container{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;height:80px;margin:0 auto;max-width:1400px;padding:0 var(--space-4);position:relative}.hybrid-nav-logo{align-items:center;color:#1a1a1a;display:flex;font-family:var(--font-display);font-size:1.5rem;font-weight:800;gap:var(--space-3);grid-column:1;justify-self:start;text-decoration:none;z-index:102}.hybrid-nav-icon{align-items:center;background:#1a1a1a;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.hybrid-nav-logo-text{white-space:nowrap}.hybrid-nav-links{display:flex;gap:var(--space-2);grid-column:2;justify-self:center}.hybrid-nav-link{align-items:center;background:#0000;border:2px solid #0000;border-radius:12px;color:#1a1a1a;display:flex;font-size:.875rem;font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-4);text-decoration:none;transition:all .2s ease;white-space:nowrap}.hybrid-nav-link.active,.hybrid-nav-link:hover{background:#1a1a1a;border-color:#1a1a1a;color:#fff;transform:translateY(-2px)}.hybrid-nav-user-menu{align-items:center;display:flex;gap:var(--space-4);grid-column:3;justify-self:end}.hybrid-nav-user-dropdown{position:relative}.hybrid-nav-user-button{align-items:center;background:none;border:none;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--space-3);padding:var(--space-2);transition:all .2s ease}.hybrid-nav-user-button:hover{background-color:#f3f4f6}.hybrid-nav-menu-button{background:#0000;border-radius:0;box-shadow:none;gap:0;padding:6px}.hybrid-nav-user-button.hybrid-nav-menu-button:hover{background-color:initial}.hybrid-nav-menu-trigger{align-items:center;background:#0000;color:#1a1a1a;display:flex;flex-shrink:0;justify-content:center;transition:color .15s ease}.hybrid-nav-menu-button--open .hybrid-nav-menu-trigger{color:#3b82f6;color:var(--primary-500)}.hybrid-nav-user-avatar{align-items:center;background:#1a1a1a;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.hybrid-nav-user-text{color:#1a1a1a;font-weight:600;white-space:nowrap}.hybrid-nav-chevron{color:#6b7280;transition:transform .2s ease}.hybrid-nav-chevron.open{transform:rotate(180deg)}.hybrid-nav-dropdown-menu{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;margin-top:var(--space-2);overflow:hidden;position:absolute;right:0;top:100%;width:200px;z-index:1000}.hybrid-nav-dropdown-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:var(--space-3)}.hybrid-nav-dropdown-name{color:#1a1a1a;font-size:.875rem;font-weight:600}.hybrid-nav-dropdown-email{color:#6b7280;font-size:.75rem}.hybrid-nav-dropdown-content{padding:var(--space-2)}.hybrid-nav-dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--space-3);padding:var(--space-3);transition:all .2s ease;width:100%}.hybrid-nav-dropdown-item:hover{background-color:#f3f4f6;color:#1a1a1a}.hybrid-nav-dropdown-item.logout{border-top:1px solid #e5e7eb;color:#dc2626;margin-top:var(--space-2);padding-top:var(--space-3)}.hybrid-nav-dropdown-item.logout:hover{background-color:#fef2f2;color:#dc2626}.hybrid-nav-auth-buttons{align-items:center;display:flex;gap:var(--space-3)}.hybrid-nav-signin-button{align-items:center;background:#0000;border:2px solid #e5e7eb;border-radius:12px;color:#1a1a1a;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-4);text-decoration:none;transition:all .2s ease}.hybrid-nav-signin-button:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-2px)}.hybrid-nav-register-button{align-items:center;background:#1a1a1a;border:2px solid #1a1a1a;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-4);text-decoration:none;transition:all .2s ease}.hybrid-nav-register-button:hover{transform:translateY(-2px)}.hybrid-nav-mobile-toggle{align-items:center;background:#1a1a1a;border:none;border-radius:12px;color:#fff;cursor:pointer;display:none;grid-column:3;height:48px;justify-content:center;justify-self:end;transition:all .2s ease;width:48px;z-index:102}.hybrid-nav-mobile-toggle:hover{transform:translateY(-2px)}.hybrid-nav-mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:2px solid var(--brand-black);box-shadow:0 8px 25px #0000001a;left:0;position:absolute;right:0;top:100%;z-index:101}.hybrid-nav-mobile-content{margin:0 auto;max-width:1400px;padding:var(--space-6) var(--space-4)}.hybrid-nav-mobile-links{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.hybrid-nav-mobile-link{align-items:center;background:#0000;border:2px solid #0000;border-radius:12px;color:#1a1a1a;display:flex;font-size:1rem;font-weight:600;gap:var(--space-4);padding:var(--space-4);text-decoration:none;transition:all .2s ease}.hybrid-nav-mobile-link.active,.hybrid-nav-mobile-link:hover{background:#1a1a1a;border-color:#1a1a1a;color:#fff;transform:translateY(-2px)}.hybrid-nav-mobile-user{border-top:1px solid #e5e7eb;padding-top:var(--space-6)}.hybrid-nav-mobile-user-info{align-items:center;background:#f9fafb;border-radius:12px;display:flex;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-4)}.hybrid-nav-mobile-avatar{align-items:center;background:#1a1a1a;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.hybrid-nav-mobile-username{color:#1a1a1a;font-size:1rem;font-weight:600}.hybrid-nav-mobile-email{color:#6b7280;font-size:.875rem}.hybrid-nav-mobile-logout,.hybrid-nav-mobile-settings{align-items:center;background:#0000;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:var(--space-3);margin-bottom:var(--space-2);padding:var(--space-4);transition:all .2s ease;width:100%}.hybrid-nav-mobile-settings{color:#374151}.hybrid-nav-mobile-settings:hover{background:#f3f4f6;border-color:#e5e7eb;color:#1a1a1a}.hybrid-nav-mobile-logout{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.hybrid-nav-mobile-logout:hover{background:#dc2626;border-color:#dc2626;color:#fff;transform:translateY(-2px)}.hybrid-nav-mobile-auth{border-top:2px solid #e5e7eb;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.hybrid-nav-mobile-signin,.hybrid-nav-mobile-signup{align-items:center;background:#0000;border:2px solid #e5e7eb;border-radius:12px;color:#1a1a1a;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:var(--space-3);padding:var(--space-4);text-decoration:none;transition:all .2s ease;width:100%}.hybrid-nav-mobile-signup{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.hybrid-nav-mobile-signin:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-2px)}.hybrid-nav-mobile-signup:hover{transform:translateY(-2px)}@media (min-width:1024px){.hybrid-nav-container{padding:0 var(--space-6)}.hybrid-nav-logo{font-size:1.75rem}.hybrid-nav-icon{height:52px;width:52px}}@media (max-width:1023px){.hybrid-nav-links,.hybrid-nav-user-menu{display:none}.hybrid-nav-mobile-toggle{display:flex}.hybrid-nav-logo-text{font-size:1.25rem}.hybrid-nav-icon{height:44px;width:44px}}@media (max-width:640px){.hybrid-nav-container{height:70px;padding:0 var(--space-3)}.hybrid-nav-logo{font-size:1.125rem}.hybrid-nav-logo-text{display:none}.hybrid-nav-icon{height:40px;width:40px}.hybrid-nav-mobile-toggle{height:44px;width:44px}.hybrid-nav-mobile-content{padding:var(--space-4) var(--space-3)}.hybrid-nav-mobile-link{font-size:.9375rem;padding:var(--space-3)}.hybrid-nav-mobile-user-info{padding:var(--space-3)}.hybrid-nav-mobile-avatar{height:44px;width:44px}.hybrid-nav-mobile-logout,.hybrid-nav-mobile-settings{font-size:.9375rem;padding:var(--space-3)}}.container{max-width:1400px}.container,.container-sm{margin:0 auto;padding:0 var(--space-4)}.container-sm{max-width:640px}.text-responsive{font-size:1rem}.heading-responsive{font-size:1.5rem;font-weight:700}.btn-mobile{border-radius:12px;font-size:1rem;min-height:44px;padding:var(--space-3) var(--space-4);transition:all .2s ease}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-responsive table{min-width:600px}button,input,select,textarea{font-size:16px}.hidden-mobile{display:block}.show-mobile{display:none}@media (max-width:1023px){.container{padding:0 var(--space-3)}.heading-responsive{font-size:1.25rem}.hidden-tablet{display:none}.show-tablet{display:block}}@media (max-width:640px){.container,.container-sm{padding:0 var(--space-3)}.text-responsive{font-size:.875rem}.heading-responsive{font-size:1.125rem}.hidden-mobile{display:none}.show-mobile{display:block}.btn,a,button{min-height:44px;min-width:44px}.space-mobile{margin:var(--space-4) 0}.stack-mobile{flex-direction:column;gap:var(--space-3)}}@media (max-width:480px){html{font-size:14px}.container,.container-sm{padding:0 var(--space-2)}.heading-responsive{font-size:1rem}.text-responsive{font-size:.8125rem}}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.login-footer{margin-top:var(--space-4);text-align:center}.login-footer p{color:#4b5563;color:var(--gray-600);font-size:.875rem}.signup-link{color:#2563eb;color:var(--primary-600);font-weight:600;text-decoration:none;transition:color .2s ease}.signup-link:hover{color:#1d4ed8;color:var(--primary-700)}.demo-credentials{background:#eff6ff;background:var(--primary-50);border:1px solid #bfdbfe;border:1px solid var(--primary-200);border-radius:12px;margin-top:var(--space-4);padding:var(--space-4)}.demo-credentials h4{color:#1d4ed8;color:var(--primary-700);font-size:.875rem;font-weight:600;margin-bottom:var(--space-2)}.demo-info{color:#2563eb;color:var(--primary-600);font-family:var(--font-mono);font-size:.8125rem}.demo-info p{margin:var(--space-1) 0}.error-message{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;font-size:.875rem;padding:var(--space-3)}.game-entry-submit-button:not(:disabled):hover,.login-submit-button:not(:disabled):hover,.register-submit-button:not(:disabled):hover{box-shadow:none!important;transform:translateY(-2px)!important}.game-entry-submit-button:not(:disabled):active,.login-submit-button:not(:disabled):active,.register-submit-button:not(:disabled):active{box-shadow:none!important;transform:translateY(-1px)!important}.portfolio-dashboard{background:#f9fafb;background:var(--gray-50);min-height:100vh;padding:var(--space-8)}.dashboard-container{margin:0 auto;max-width:1400px}.dashboard-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:var(--space-12);padding-bottom:var(--space-8)}.header-content{flex:1 1}.welcome-badge{align-items:center;background:#dbeafe;background:var(--primary-100);border:1px solid #bfdbfe;border:1px solid var(--primary-200);border-radius:50px;color:#1d4ed8;color:var(--primary-700);display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-4)}.dashboard-title{color:#111827;color:var(--gray-900);font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:var(--space-3)}.username-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--primary-600),var(--primary-500));-webkit-background-clip:text;background-clip:text}.dashboard-subtitle{color:#4b5563;color:var(--gray-600);font-size:1.125rem;line-height:1.6;max-width:500px}.cta-button{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--primary-600),var(--primary-500));border:none;border-radius:16px;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-family:var(--font-sans);font-size:1rem;font-weight:600;gap:var(--space-3);padding:var(--space-4) var(--space-6);text-decoration:none;transition:all .3s ease}.cta-button:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.stats-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--space-12)}.stat-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:20px;box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--space-8);position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#3b82f6,#60a5fa);background:linear-gradient(90deg,var(--primary-500),var(--primary-400));content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{border-color:#bfdbfe;border-color:var(--primary-200);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#60a5fa);background:linear-gradient(135deg,var(--primary-500),var(--primary-400));border-radius:16px;color:#fff;display:inline-flex;height:64px;justify-content:center;margin-bottom:var(--space-6);width:64px}.stat-content h3{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-weight:500;letter-spacing:.05em;margin-bottom:var(--space-2);text-transform:uppercase}.stat-value{font-family:var(--font-display);font-size:2.5rem;font-weight:700;margin-bottom:var(--space-2)}.stat-subtitle{color:#6b7280;color:var(--gray-500);font-size:.875rem;margin-bottom:var(--space-3)}.stat-trend{align-items:center;display:flex;font-size:.8125rem;font-weight:600;gap:var(--space-1)}.stat-trend.positive{color:#22c55e}.stat-trend.negative{color:#ef4444}.content-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:1fr 1fr;margin-bottom:var(--space-12)}.panel{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:20px;box-shadow:var(--shadow-sm);padding:var(--space-8)}.panel-header{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);justify-content:space-between}.panel-header h2{color:#111827;color:var(--gray-900);font-family:var(--font-display);font-size:1.25rem;font-weight:600}.view-all-link{align-items:center;color:#2563eb;color:var(--primary-600);display:flex;font-size:.875rem;font-weight:500;gap:var(--space-1);text-decoration:none;transition:color .2s ease}.view-all-link:hover{color:#1d4ed8;color:var(--primary-700)}.action-list{display:flex;flex-direction:column;gap:var(--space-3)}.action-item{align-items:center;border:1px solid #0000;border-radius:12px;display:flex;gap:var(--space-4);padding:var(--space-4);text-decoration:none;transition:all .2s ease}.action-item:hover{background:#f9fafb;background:var(--gray-50);border-color:#e5e7eb;border-color:var(--gray-200)}.action-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#60a5fa);background:linear-gradient(135deg,var(--primary-500),var(--primary-400));border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.action-content{flex:1 1}.action-content h3{color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:600;margin-bottom:var(--space-1)}.action-content p{color:#4b5563;color:var(--gray-600);font-size:.8125rem}.action-arrow{color:#9ca3af;color:var(--gray-400);transition:all .2s ease}.action-item:hover .action-arrow{color:#3b82f6;color:var(--primary-500);transform:translateX(4px)}.recent-games-list{display:flex;flex-direction:column;gap:var(--space-3)}.game-item{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:12px;display:flex;justify-content:space-between;padding:var(--space-4)}.game-info h4{color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:600;margin-bottom:var(--space-1)}.game-date{color:#6b7280;color:var(--gray-500);font-size:.8125rem}.game-winner{align-items:center;color:#22c55e;display:flex;gap:var(--space-2)}.winner-name{font-size:.875rem;font-weight:500}.empty-state{color:#6b7280;color:var(--gray-500);padding:var(--space-16) var(--space-4);text-align:center}.empty-state svg{color:#d1d5db;color:var(--gray-300);margin-bottom:var(--space-4)}.empty-state h3{color:#4b5563;color:var(--gray-600);font-size:1rem;font-weight:500;margin-bottom:var(--space-2)}.collection-panel{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:20px;box-shadow:var(--shadow-sm);padding:var(--space-8)}.section-title{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);color:#111827;color:var(--gray-900);font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.collection-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.collection-item{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;padding:var(--space-6);transition:all .3s ease}.collection-item:hover{background:#eff6ff;background:var(--primary-50);border-color:#93c5fd;border-color:var(--primary-300);transform:translateY(-2px)}.collection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.collection-header h3{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:600}.play-count{align-items:center;background:linear-gradient(135deg,#3b82f6,#60a5fa);background:linear-gradient(135deg,var(--primary-500),var(--primary-400));border-radius:50%;color:#fff;display:flex;font-size:1.125rem;font-weight:700;height:48px;justify-content:center;width:48px}.collection-stats{display:flex;gap:var(--space-8)}.stat{display:flex;flex-direction:column;gap:var(--space-1)}.stat-label{color:#6b7280;color:var(--gray-500);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.stat-value{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600}.cyberpunk-analytics{background:var(--cyber-dark);color:var(--cyber-primary);font-family:var(--font-mono);min-height:100vh;padding:var(--space-8)}.cyber-container{margin:0 auto;max-width:1600px}.cyber-header{background:linear-gradient(135deg,#00d4ff1a,#ff00801a,#00ff881a);border:2px solid var(--cyber-primary);border-radius:16px;box-shadow:var(--cyber-glow);margin-bottom:var(--space-8);overflow:hidden;padding:var(--space-8);position:relative}.cyber-header:before{animation:scan 4s linear infinite;background:linear-gradient(90deg,#0000,#00d4ff33,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes scan{0%{left:-100%}to{left:100%}}.header-grid{grid-gap:var(--space-8);align-items:center;display:grid;gap:var(--space-8);grid-template-columns:1fr 2fr 1fr;position:relative;z-index:1}.system-status{display:flex;flex-direction:column;gap:var(--space-3)}.status-line{align-items:center;color:var(--cyber-accent);display:flex;font-size:.75rem;font-weight:600;gap:var(--space-2);letter-spacing:.1em;text-transform:uppercase}.header-title{text-align:center}.header-title h1{align-items:center;color:var(--cyber-primary);display:flex;font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:900;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-2);text-shadow:0 0 20px var(--cyber-primary)}.header-title h1,.header-title p{letter-spacing:.1em;text-transform:uppercase}.header-title p{color:var(--cyber-secondary);font-size:.875rem;font-weight:500}.system-metrics{display:flex;flex-direction:column;gap:var(--space-2);text-align:right}.metric{display:flex;font-size:.75rem;justify-content:space-between;letter-spacing:.05em;text-transform:uppercase}.metric .label{color:var(--cyber-warning)}.metric .value{color:var(--cyber-accent);font-weight:700}.cyber-control-panel{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000c;border:2px solid var(--cyber-secondary);border-radius:12px;box-shadow:0 0 20px #ff00804d;display:flex;gap:var(--space-8);margin-bottom:var(--space-8);padding:var(--space-4) var(--space-8)}.control-section{align-items:center;color:var(--cyber-secondary);display:flex;font-size:.875rem;font-weight:700;gap:var(--space-2);letter-spacing:.1em;text-transform:uppercase}.control-inputs{display:flex;gap:var(--space-4)}.cyber-select{background:#000000e6;border:2px solid var(--cyber-primary);border-radius:8px;color:var(--cyber-primary);cursor:pointer;font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:var(--space-3) var(--space-4);text-transform:uppercase;transition:all .3s ease}.cyber-select:hover{border-color:var(--cyber-warning);box-shadow:0 0 15px var(--cyber-warning);color:var(--cyber-warning)}.cyber-select:focus{border-color:var(--cyber-secondary);box-shadow:0 0 20px var(--cyber-secondary);color:var(--cyber-secondary);outline:none}.cyber-stats-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--space-12)}.cyber-stat-card{background:#000000e6;border:2px solid var(--cyber-primary);border-radius:12px;box-shadow:0 0 15px #00d4ff33;overflow:hidden;padding:var(--space-6);position:relative;transition:all .3s ease}.cyber-stat-card:before{animation:pulse 2s ease-in-out infinite;background:linear-gradient(90deg,var(--cyber-primary),var(--cyber-secondary),var(--cyber-accent));content:"";height:3px;left:0;position:absolute;right:0;top:0}.cyber-stat-card:hover{border-color:var(--cyber-accent);box-shadow:var(--cyber-glow-lg);transform:translateY(-4px)}.cyber-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.status-indicator{align-items:center;display:flex;gap:var(--space-2)}.status-dot{animation:blink 2s ease-in-out infinite;border-radius:50%;height:8px;width:8px}.status-dot.online{background:var(--cyber-accent)}.status-dot.optimal{background:var(--cyber-warning)}.status-dot.stable{background:var(--cyber-primary)}.status-dot.enhanced{background:var(--cyber-secondary)}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.status-text{font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.cyber-icon{color:var(--cyber-primary)}.cyber-title{color:var(--cyber-secondary);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.cyber-title,.cyber-value{margin-bottom:var(--space-2)}.cyber-value{color:var(--cyber-primary);font-family:var(--font-display);font-size:2.5rem;font-weight:900;text-shadow:0 0 15px var(--cyber-primary)}.cyber-subtitle{color:var(--cyber-warning);margin-bottom:var(--space-3)}.cyber-subtitle,.cyber-trend{font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase}.cyber-trend{align-items:center;display:flex;font-weight:700;gap:var(--space-1)}.cyber-trend.positive{color:var(--cyber-accent)}.cyber-trend.negative{color:#f44}.cyber-charts-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:var(--space-12)}.cyber-chart-panel{background:#000000f2;border:2px solid var(--cyber-primary);border-radius:16px;box-shadow:0 0 20px #00d4ff33;overflow:hidden;padding:var(--space-6);position:relative}.cyber-chart-panel:before{animation:scan-line 3s linear infinite;background:linear-gradient(90deg,#0000,var(--cyber-primary),#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes scan-line{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.panel-header{align-items:center;border-bottom:1px solid #00d4ff4d;display:flex;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);position:relative}.panel-header h3{color:var(--cyber-primary);font-family:var(--font-mono);font-size:.875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.game-dashboard-section{display:flex;flex-direction:column;gap:var(--space-8);margin-bottom:var(--space-12);scroll-margin-top:var(--space-8)}.game-dashboard-section .chart-section{margin-bottom:0}.game-section-header{transition:all .3s ease}.game-section-header:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.game-content{animation:fadeInUp .6s ease-out}.analytics-substack,.game-content{display:flex;flex-direction:column;gap:var(--space-8)}.analytics-substack .chart-section,.game-content .chart-section{margin-bottom:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chart-controls{flex-wrap:wrap}.control-button{overflow:hidden;position:relative;transition:all .3s ease}.control-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.control-button:hover:before{left:100%}.control-button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}@media (max-width:1200px){.cyber-charts-grid,.header-grid{grid-template-columns:1fr}.header-grid{gap:var(--space-4)}.header-grid,.system-metrics{text-align:center}}@media (max-width:768px){.hero-section{gap:var(--space-12);grid-template-columns:1fr;padding:var(--space-8) var(--space-4);text-align:center}.feature-grid{max-width:100%}.content-grid,.cyber-stats-grid,.feature-grid{grid-template-columns:1fr}.cyber-control-panel,.dashboard-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.control-inputs{flex-direction:column;width:100%}.cyber-select{width:100%}.auth-container{min-height:auto;padding:var(--space-6) var(--space-4)}.auth-card{max-width:min(520px,100%)}}@media (max-width:480px){.login-card{padding:var(--space-8)}.cyberpunk-analytics,.portfolio-dashboard{padding:var(--space-4)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-padding-top:80px}body,html{font-size:var(--mobile-font-size)}body{line-height:1.5;margin:0;overscroll-behavior-y:contain;padding:0}.responsive-container{background:#0000;margin:0 auto;max-width:100vw;padding:0 var(--mobile-padding);width:100%}.touch-target{-webkit-touch-callout:none;cursor:pointer;justify-content:center;min-height:var(--touch-target-size);min-width:var(--touch-target-size);user-select:none;-webkit-user-select:none}.mobile-nav,.touch-target{align-items:center;display:flex}.mobile-nav{background:#fff;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);height:60px;left:0;padding:var(--space-3) var(--mobile-padding);position:fixed;right:0;top:0;z-index:1000}.mobile-nav-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:var(--space-2)}.mobile-nav-menu{background:#fff;bottom:0;left:0;overflow-y:auto;padding:var(--space-4);position:fixed;right:0;top:60px;transform:translateX(-100%);transition:transform .3s ease;z-index:999}.mobile-nav-menu.open{transform:translateX(0)}.mobile-nav-item{border-radius:var(--radius-lg);color:#111827;color:var(--gray-900);gap:var(--space-3);margin-bottom:var(--space-2);padding:var(--space-4);transition:background-color .2s ease}.mobile-nav-item:focus,.mobile-nav-item:hover{background:#f3f4f6;background:var(--gray-100)}.mobile-nav-item.active{background:#dbeafe;background:var(--primary-100);color:#1d4ed8;color:var(--primary-700)}.mobile-form input,.mobile-form select,.mobile-form textarea{border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--mobile-font-size)!important;margin-bottom:var(--space-3);padding:var(--space-3);width:100%}.mobile-form button{border-radius:var(--radius-lg);font-size:var(--mobile-font-size);min-height:var(--touch-target-size);padding:var(--space-4) var(--space-6);width:100%}.mobile-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:0 2px 8px #0000001a;margin-bottom:var(--space-4);padding:var(--space-4)}.mobile-stack{display:flex;flex-direction:column;gap:var(--space-4)}.mobile-grid-2{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.mobile-full-width{margin-left:calc(var(--mobile-padding)*-1);margin-right:calc(var(--mobile-padding)*-1);width:100vw}.mobile-h1{font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:var(--space-4)}.mobile-h2{font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:var(--space-3)}.mobile-h3{font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:var(--space-2)}@media (min-width:640px){.responsive-container{max-width:768px;padding:0 var(--tablet-padding)}.mobile-grid-2{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.mobile-nav-menu{background:#0000;display:flex;flex-direction:row;gap:var(--space-2);overflow:visible;padding:0;position:static;transform:none}.mobile-nav-toggle{display:none}.mobile-form{margin:0 auto;max-width:500px}}@media (min-width:1024px){html{font-size:var(--desktop-font-size)}.responsive-container{max-width:1200px;padding:0 var(--desktop-padding)}.touch-target{min-height:var(--desktop-target-size);min-width:var(--desktop-target-size)}.mobile-nav{border-bottom:none;position:static}.mobile-form button,.mobile-form input,.mobile-form select,.mobile-form textarea{font-size:var(--desktop-font-size)}.mobile-form button{min-width:200px;width:auto}.mobile-grid-2{grid-template-columns:repeat(3,1fr)}.touch-target:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}}@media (min-width:1440px){.responsive-container{max-width:1400px}}.hide-mobile,.show-desktop,.show-tablet{display:none}@media (min-width:640px){.hide-tablet{display:none}.hide-mobile,.show-tablet{display:block}}@media (min-width:1024px){.hide-desktop{display:none}.show-desktop{display:block}}@supports (-webkit-touch-callout:none){.mobile-nav-menu{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.mobile-form input{font-size:16px!important}}@media screen and (-webkit-min-device-pixel-ratio:0){.mobile-nav-menu{height:calc(100vh - 60px);height:calc(var(--vh)*100 - 60px)}}.app-layout{background:#0000;min-height:100vh;min-height:calc(var(--vh)*100)}.app-layout:not(:has(.landing-page)):not(:has(.leagues-page)):not(:has(.leagues-redesign)):not(:has(.hybrid-games)):not(:has(.hybrid-analytics)):not(:has(.hybrid-coaching)):not(:has(.hybrid-auth)):not(:has(.hybrid-dashboard)){background:#f9fafb;background:var(--gray-50)}.main-content{background:#0000;min-height:100vh}.main-content:not(:has(.landing-page)):not(:has(.leagues-page)):not(:has(.leagues-redesign)):not(:has(.hybrid-games)):not(:has(.hybrid-analytics)):not(:has(.hybrid-coaching)):not(:has(.hybrid-auth)):not(:has(.hybrid-dashboard)){background:#f9fafb;background:var(--gray-50)}.mobile-main{background:#0000;min-height:100vh;padding-bottom:calc(var(--mobile-tabbar-h, 67px) + env(safe-area-inset-bottom, 0px) + var(--space-3));padding-top:0}.mobile-main:has(.mobile-flow-root){padding-bottom:0;padding-top:0}.mobile-main:not(:has(.landing-page)):not(:has(.leagues-redesign)):not(:has(.hybrid-games)):not(:has(.hybrid-analytics)):not(:has(.hybrid-coaching)):not(:has(.hybrid-auth)):not(:has(.hybrid-dashboard)){background:#f9fafb;background:var(--gray-50)}.desktop-main{background:#0000;padding-top:var(--space-4)}.desktop-main:not(:has(.landing-page)):not(:has(.leagues-redesign)):not(:has(.hybrid-games)):not(:has(.hybrid-analytics)):not(:has(.hybrid-coaching)):not(:has(.hybrid-auth)):not(:has(.hybrid-dashboard)){background:#f9fafb;background:var(--gray-50)}.app-layout:has(.landing-page),.main-content:has(.landing-page),.responsive-container:has(.landing-page){max-height:none;overflow:visible}.layout-mobile{font-size:var(--mobile-font-size)}.layout-tablet{font-size:var(--tablet-font-size)}.layout-desktop{font-size:var(--desktop-font-size)}.simple-camera-overlay{align-items:center;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.camera-container{background:#fff;border-radius:1rem;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.camera-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1rem}.camera-header h2{font-size:1.25rem;font-weight:700;gap:.5rem;margin:0}.camera-header h2,.camera-view{align-items:center;display:flex}.camera-view{aspect-ratio:4/3;background:#111827;background:var(--gray-900);justify-content:center;overflow:hidden;position:relative}.video-element{height:100%;object-fit:cover;width:100%}.error-state,.loading-state{align-items:center;color:#fff;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem;text-align:center}.error-state h3{font-size:1.25rem;font-weight:700;margin:0}.error-state p{line-height:1.5;margin:0;opacity:.9}.upload-section{margin-top:1rem}.upload-btn{align-items:center;background:#3b82f6;background:var(--primary-500);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s}.upload-btn:hover{background:#2563eb;background:var(--primary-600)}.capture-guide{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.guide-frame{border:2px dashed #3b82f6cc;border-radius:.5rem;height:60%;position:relative;width:80%}.corner{border:3px solid #3b82f6;border:3px solid var(--primary-500);height:20px;position:absolute;width:20px}.corner.top-left{border-bottom:none;border-right:none;left:-3px;top:-3px}.corner.top-right{border-bottom:none;border-left:none;right:-3px;top:-3px}.corner.bottom-left{border-right:none;border-top:none;bottom:-3px;left:-3px}.corner.bottom-right{border-left:none;border-top:none;bottom:-3px;right:-3px}.guide-text{background:#000000b3;border-radius:1rem;bottom:1rem;color:#fff;font-size:.875rem;font-weight:600;padding:.5rem 1rem;position:absolute}.camera-controls{background:#f9fafb;background:var(--gray-50);justify-content:space-between;padding:1rem}.camera-controls,.control-btn{align-items:center;display:flex}.control-btn{background:#e5e7eb;background:var(--gray-200);border:none;border-radius:50%;cursor:pointer;height:50px;justify-content:center;transition:all .2s;width:50px}.control-btn:hover:not(:disabled){background:#d1d5db;background:var(--gray-300);transform:translateY(-1px)}.control-btn:disabled{cursor:not-allowed;opacity:.5}.capture-btn{align-items:center;background:var(--error-500);border:none;border-radius:50%;cursor:pointer;display:flex;height:70px;justify-content:center;transition:all .2s;width:70px}.capture-btn:hover:not(:disabled){transform:scale(1.05)}.capture-btn:disabled{cursor:not-allowed;opacity:.5}.capture-ring{border:4px solid #fff;border-radius:50%;height:50px;width:50px}.spacer{width:50px}@media (max-width:640px){.simple-camera-overlay{padding:0}.camera-container{border-radius:0;max-height:100vh;max-width:100vw}}.mobile-game-entry{background:#f9fafb;background:var(--gray-50);min-height:100vh;padding:var(--space-4) 0}.step-header{align-items:flex-start;display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.step-header h2{margin:0 0 var(--space-1) 0}.step-header p{color:#6b7280;color:var(--gray-500);font-size:.875rem;margin:0}.game-selection-card{border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:var(--radius-xl);text-align:left;width:100%}.game-selection-card:hover{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 8px 25px #0000001a}.game-selection-card .game-icon{flex-shrink:0;height:50px;width:50px}.game-info{flex:1 1}.game-info h3{color:#111827;color:var(--gray-900);font-weight:700;margin:0 0 var(--space-1) 0}.ai-badge{align-items:center;background:#dbeafe;background:var(--primary-100);border-radius:var(--radius-full);color:#1d4ed8;color:var(--primary-700);display:inline-flex;font-size:.75rem;font-weight:600;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-1) var(--space-2)}.game-arrow{color:#9ca3af;color:var(--gray-400);flex-shrink:0}.entry-method-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-6);text-align:left;transition:all .2s ease;width:100%}.entry-method-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.ai-method:hover{background:#eff6ff;background:var(--primary-50);border-color:#3b82f6;border-color:var(--primary-500)}.manual-method:hover{background:#f9fafb;background:var(--gray-50);border-color:#6b7280;border-color:var(--gray-500)}.method-icon{align-items:center;background:#f3f4f6;background:var(--gray-100);border-radius:var(--radius-xl);color:#4b5563;color:var(--gray-600);display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.ai-method .method-icon{background:#3b82f6;background:var(--primary-500);color:#fff}.manual-method .method-icon{background:#374151;background:var(--gray-700);color:#fff}.method-content{flex:1 1}.method-content h3{color:#111827;color:var(--gray-900);font-weight:700;margin:0 0 var(--space-1) 0}.method-content p{color:#6b7280;color:var(--gray-500);font-size:.875rem;margin:0 0 var(--space-2) 0}.method-badge{align-items:center;background:#dbeafe;background:var(--primary-100);border-radius:var(--radius-full);color:#1d4ed8;color:var(--primary-700);display:inline-flex;font-size:.75rem;font-weight:600;gap:var(--space-1);padding:var(--space-1) var(--space-2)}.method-badge.classic{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.back-button{background:none;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:var(--radius-lg);color:#4b5563;color:var(--gray-600);cursor:pointer;font-weight:600;margin-top:var(--space-4);padding:var(--space-3) var(--space-4);transition:all .2s ease;width:100%}.back-button:hover{background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.web-camera-overlay{align-items:center;background:#000000f2;bottom:0;box-sizing:border-box;display:flex;height:100vh;height:100dvh;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.web-camera-container{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.web-camera-header{align-items:center;background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--space-4)}.web-camera-header h3{align-items:center;color:#111827;color:var(--gray-900);display:flex;font-size:1.125rem;font-weight:600;gap:var(--space-2);margin:0}.web-camera-close{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:#6b7280;color:var(--gray-500);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s;width:32px}.web-camera-close:hover{background:#e5e7eb;background:var(--gray-200);color:#374151;color:var(--gray-700)}.web-camera-view{align-items:center;aspect-ratio:4/3;background:#000;display:flex;flex:1 1;justify-content:center;min-height:300px;position:relative}.web-camera-video{border-radius:0;height:100%;object-fit:cover;width:100%}.web-camera-loading{align-items:center;color:#fff;display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;padding:var(--space-6);text-align:center}.web-camera-spinner{animation:spin 1s linear infinite}.web-camera-error{align-items:center;background:var(--error-50);color:var(--error-600);display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;padding:var(--space-6);text-align:center}.web-camera-error svg{color:var(--error-500);font-size:2rem}.web-camera-retry{background:var(--error-600);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-weight:600;padding:var(--space-3) var(--space-4);transition:background .2s}.web-camera-retry:hover{background:var(--error-700)}.web-camera-guidelines{background:#000c;border-radius:var(--radius-lg);bottom:var(--space-4);color:#fff;font-size:.875rem;left:var(--space-4);padding:var(--space-3);position:absolute;right:var(--space-4);text-align:center}.web-camera-controls{align-items:center;background:#f9fafb;background:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;justify-content:center;padding:var(--space-4)}.web-camera-capture{align-items:center;background:#2563eb;background:var(--primary-600);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all .2s}.web-camera-capture:hover:not(:disabled){background:#1d4ed8;background:var(--primary-700);transform:translateY(-1px)}.web-camera-capture:disabled{background:#9ca3af;background:var(--gray-400);cursor:not-allowed;transform:none}.web-camera-preview{align-items:center;background:#fff;display:flex;flex-direction:column;max-height:90vh;overflow-y:auto;padding:var(--space-6)}.web-camera-preview h4{color:var(--brand-black);font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:var(--space-4);text-align:center}.web-camera-preview-image{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:block;height:auto;margin:0 auto var(--space-6);max-width:400px}.web-camera-actions{display:flex;gap:var(--space-4);justify-content:center}.web-camera-actions button{border-radius:var(--radius-lg);cursor:pointer;font-size:1rem;font-weight:600;padding:var(--space-3) var(--space-6);transition:all .2s}.web-camera-btn-secondary{background:#f3f4f6;background:var(--gray-100);border:1px solid #d1d5db;border:1px solid var(--gray-300);color:#374151;color:var(--gray-700)}.web-camera-btn-secondary:hover{background:#e5e7eb;background:var(--gray-200);color:#1f2937;color:var(--gray-800)}.web-camera-btn-primary{background:#2563eb;background:var(--primary-600);border:1px solid #2563eb;border:1px solid var(--primary-600);color:#fff}.web-camera-btn-primary:hover{background:#1d4ed8;background:var(--primary-700);border-color:#1d4ed8;border-color:var(--primary-700)}@media (max-width:640px){.web-camera-overlay{align-items:stretch;background:#000;justify-content:stretch;padding:0}.web-camera-container{background:#000;border:none;border-radius:0;box-shadow:none;height:100vh;height:100dvh;max-height:none;max-width:none;overflow:hidden;width:100vw}.web-camera-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:none;left:0;padding:max(env(safe-area-inset-top),var(--space-3)) var(--space-4) var(--space-3);position:absolute;right:0;top:0;z-index:10}.web-camera-header h3{color:#fff}.web-camera-close{background:#fff3;border:none;border-radius:50%;color:#fff;font-size:1.25rem;height:40px;width:40px}.web-camera-close:hover{background:#ffffff4d}.web-camera-view{aspect-ratio:none;bottom:0;left:0;min-height:none;position:absolute;right:0;top:0}.web-camera-video{object-fit:cover;object-position:center}.web-camera-guidelines{border-radius:12px;bottom:120px}.web-camera-controls,.web-camera-guidelines{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;position:absolute}.web-camera-controls{border:none;bottom:0;left:0;padding-bottom:max(env(safe-area-inset-bottom),var(--space-4));right:0}.web-camera-capture{background:#fff;border:4px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 20px #0000004d;color:#000;gap:0;height:80px;padding:0;width:80px}.web-camera-capture:hover:not(:disabled){background:#fffffff2;transform:scale(1.05)}.web-camera-capture:disabled{background:#ffffff80;color:#00000080}.web-camera-preview{box-sizing:border-box;height:100vh;height:100dvh;max-width:100vw;overflow-y:auto;padding:var(--space-4);padding-top:80px}.web-camera-preview h4{font-size:1.125rem}.web-camera-preview-image{border:2px solid var(--brand-black);border-radius:8px;box-shadow:0 4px 0 var(--brand-black);display:block!important;height:auto!important;margin:0 auto var(--space-4);max-height:40vh!important;max-width:90%!important;object-fit:contain!important;width:auto!important}.web-camera-actions{gap:var(--space-3);max-width:400px;padding:var(--space-4);padding-bottom:max(env(safe-area-inset-bottom),var(--space-6));width:100%}.web-camera-btn-secondary{background:#fff;border:2px solid var(--brand-black);border-radius:50px;box-shadow:0 4px 0 #9ca3af;box-shadow:0 4px 0 var(--gray-400);color:var(--brand-black);flex:1 1;font-family:var(--font-display);font-size:.9375rem;font-weight:600;min-width:120px;padding:var(--space-3) var(--space-4);text-align:center}.web-camera-btn-secondary:hover{background:#f3f4f6;background:var(--gray-100);box-shadow:0 5px 0 #9ca3af;box-shadow:0 5px 0 var(--gray-400);transform:translateY(-1px)}.web-camera-btn-primary{background:var(--success-600);border:2px solid var(--brand-black);border-radius:50px;box-shadow:0 4px 0 var(--brand-black);color:#fff;flex:1 1;font-family:var(--font-display);font-size:.9375rem;font-weight:600;min-width:140px;padding:var(--space-3) var(--space-4);text-align:center}.web-camera-btn-primary:hover{background:var(--success-700);box-shadow:0 5px 0 var(--brand-black);transform:translateY(-1px)}.web-camera-error{border-radius:var(--radius-lg);margin:var(--space-4);padding:var(--space-6)}}@media (max-width:480px){.web-camera-preview-image{max-height:35vh!important;max-width:85%!important;width:auto!important}.web-camera-preview{padding:var(--space-3)!important;padding-top:70px!important}.web-camera-actions{gap:var(--space-2)!important;padding:var(--space-3)!important}.web-camera-btn-primary,.web-camera-btn-secondary{font-size:.875rem!important;min-width:100px!important;padding:var(--space-2) var(--space-4)!important}}.spinning{animation:spin 1s linear infinite}.mobile-ai-results-overlay{align-items:flex-start;background:#000000f2;bottom:0;display:flex;height:100vh;height:100dvh;justify-content:center;left:0;overflow-y:auto;padding:var(--space-2);position:fixed;right:0;top:0;z-index:1000}.mobile-ai-results-container{background:var(--brand-black);border:3px solid var(--brand-black);border-radius:var(--radius-2xl);box-shadow:0 8px 32px #0000004d;margin:var(--space-2) 0;max-width:375px;padding:var(--space-2);width:100%}.mobile-ai-header{background:linear-gradient(135deg,var(--success-500),var(--success-600));border:3px solid var(--brand-black);border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;color:#fff;padding:var(--space-4)}.mobile-ai-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.mobile-back-btn,.mobile-close-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;padding:var(--space-1);transition:background-color .2s;width:32px}.mobile-back-btn:hover,.mobile-close-btn:hover{background:#ffffff1a}.mobile-ai-title{align-items:center;display:flex;font-size:1rem;font-weight:700;gap:var(--space-2)}.mobile-confidence-badge{align-items:center;background:#fff3;border-radius:var(--radius-md);display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.mobile-game-info{background:#fff;border:3px solid var(--brand-black);border-top:none;padding:var(--space-4)}.mobile-game-info-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.mobile-field-label{color:#6b7280;color:var(--gray-500);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-1);text-transform:uppercase}.mobile-game-badge{background:var(--catan-color);color:#fff}.mobile-date-badge,.mobile-game-badge{border:3px solid var(--brand-black);border-radius:var(--radius-md);box-shadow:var(--shadow-brand-sm);font-size:.875rem;font-weight:600;padding:var(--space-2) var(--space-3);text-align:center}.mobile-date-badge{background:#f3f4f6;background:var(--gray-100)}.mobile-players-section{background:#f9fafb;background:var(--gray-50);border:3px solid var(--brand-black);border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:none;box-sizing:border-box;max-width:100%;overflow:hidden;padding:var(--space-4);width:100%}.mobile-players-header{align-items:center;color:var(--brand-black);display:flex;font-size:1rem;font-weight:700;gap:var(--space-2);margin-bottom:var(--space-3)}.mobile-player-card{border:3px solid var(--brand-black);box-shadow:var(--shadow-brand-md);margin-bottom:var(--space-3)}.mobile-player-card.winner{background:linear-gradient(135deg,var(--warning-500),#f59e0b);border:3px solid var(--brand-black);box-shadow:var(--shadow-brand-lg);color:#fff}.mobile-winner-badge{align-items:center;background:var(--warning-500);border:3px solid var(--brand-black);border-radius:var(--radius-md);box-shadow:var(--shadow-brand-md);color:#fff;display:flex;font-size:.75rem;font-weight:700;gap:4px;padding:4px 8px;position:absolute;right:var(--space-3);top:-10px}.mobile-player-header{align-items:center;box-sizing:border-box;display:flex;gap:var(--space-3);margin-bottom:var(--space-3);max-width:100%;overflow:hidden;width:100%}.mobile-player-color{align-items:center;border:3px solid var(--brand-black);border-radius:50%;box-shadow:var(--shadow-brand-sm);color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.mobile-player-input{flex:1 1;min-width:0;overflow:visible}.mobile-player-name-input{background:#ffffffe6;border:3px solid var(--brand-black);border-radius:var(--radius-md);box-shadow:var(--shadow-brand-sm);font-size:1rem;font-weight:600;padding:var(--space-2);width:100%}.mobile-player-card.winner .mobile-player-name-input{background:#fffffff2}.mobile-player-score{flex-shrink:0;text-align:center}.mobile-score-value{font-size:1.5rem;font-weight:800;line-height:1;margin-bottom:2px}.mobile-player-card.winner .mobile-score-value{color:#fff;text-shadow:0 2px 0 #0000004d}.mobile-score-label{color:#6b7280;color:var(--gray-500);font-size:.75rem;font-weight:600}.mobile-player-card.winner .mobile-score-label{color:#ffffffe6}.mobile-remove-player{align-items:center;background:var(--error-500);border:3px solid var(--brand-black);border-radius:50%;box-shadow:var(--shadow-brand-sm);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:24px;justify-content:center;min-width:24px;padding:0;transition:all .2s;width:24px}.mobile-remove-player:hover{background:var(--error-600)}.mobile-score-breakdown{background:#f9fafb;background:var(--gray-50);border:3px solid #d1d5db;border:3px solid var(--gray-300);border-radius:var(--radius-md);box-shadow:var(--shadow-brand-sm);padding:var(--space-3)}.mobile-player-card.winner .mobile-score-breakdown{background:#ffffff26;border:2px solid #ffffff4d;box-shadow:none}.mobile-score-grid{grid-gap:var(--space-2);display:grid;font-size:.875rem;gap:var(--space-2);grid-template-columns:1fr 1fr}.mobile-score-item{align-items:center;display:flex;justify-content:space-between}.mobile-score-item span:first-child{color:#374151;color:var(--gray-700)}.mobile-player-card.winner .mobile-score-item span:first-child{color:#ffffffe6}.mobile-score-item span:last-child{color:var(--brand-black);font-weight:600}.mobile-player-card.winner .mobile-score-item span:last-child{color:#fff}.mobile-action-buttons{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.mobile-btn{align-items:center;border:3px solid var(--brand-black);border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:.875rem;font-weight:700;gap:var(--space-2);justify-content:center;min-height:48px;padding:var(--space-3) var(--space-4);transition:all .2s ease}.mobile-btn-secondary{background:#4b5563;background:var(--gray-600);box-shadow:var(--shadow-brand-md);color:#fff;flex:1 1}.mobile-btn-secondary:hover{background:#374151;background:var(--gray-700);box-shadow:var(--shadow-brand-lg);transform:translateY(-2px)}.mobile-btn-primary{background:linear-gradient(135deg,var(--success-500),var(--success-600));box-shadow:var(--shadow-brand-lg);color:#fff;flex:2 1}.mobile-btn-primary:hover{background:linear-gradient(135deg,var(--success-600),var(--success-700));box-shadow:var(--shadow-brand-xl);transform:translateY(-2px)}@media (max-width:480px){.mobile-ai-results-container{margin:var(--space-1) 0;max-width:calc(100vw - 1rem)}.mobile-players-header{font-size:.875rem;margin-bottom:var(--space-2)}.mobile-player-name-input{font-size:.875rem;padding:var(--space-1) var(--space-2)}.mobile-btn{font-size:.75rem;padding:var(--space-2) var(--space-3)}.mobile-score-grid{font-size:.75rem;gap:var(--space-1)}}.bg-brand-black{background-color:var(--brand-black)}.text-brand-black{color:var(--brand-black)}.border-brand-black{border-color:var(--brand-black)}.shadow-brand-sm{box-shadow:var(--shadow-brand-sm)}.shadow-brand-md{box-shadow:var(--shadow-brand-md)}.shadow-brand-lg{box-shadow:var(--shadow-brand-lg)}.shadow-brand-xl{box-shadow:var(--shadow-brand-xl)}.touch-manipulation{touch-action:manipulation}.select-none{-webkit-user-select:none;user-select:none}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[52px\]{min-height:52px}.min-h-\[56px\]{min-height:56px}.min-h-\[80px\]{min-height:80px}.active\:scale-95:active{transform:scale(.95)}.active\:scale-98:active{transform:scale(.98)}.focus\:ring-3:focus{box-shadow:0 0 0 3px #0000001a;outline:none}.transition-none{transition:none!important}.transform-none{transform:none!important}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{left:0;right:0}.inset-0,.inset-y-0{bottom:0;top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.w-full{width:100%}.w-8{width:2rem}.w-12{width:3rem}.h-8{height:2rem}.h-12{height:3rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-x-4>*+*{margin-left:1rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.p-1{padding:.25rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.pb-24{padding-bottom:6rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.ml-4{margin-left:1rem}.mx-auto{margin-left:auto;margin-right:auto}.border-2{border-width:2px}.border-t-2{border-top-width:2px}.border-gray-200{border-color:#e5e7eb;border-color:var(--gray-200)}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:50%}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb;background-color:var(--gray-50)}.bg-gray-100{background-color:#f3f4f6;background-color:var(--gray-100)}.bg-success-500{background-color:var(--success-500)}.bg-primary-500{background-color:#3b82f6;background-color:var(--primary-500)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-white{color:#fff}.text-gray-600{color:#4b5563;color:var(--gray-600)}.text-center{text-align:center}.font-bold{font-weight:700}.font-medium{font-weight:500}.cursor-pointer{cursor:pointer}.transition-colors{transition:color,background-color,border-color}.duration-200{transition-duration:.2s}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.player-card{background:#f9fafb;background:var(--gray-50);border:2px solid var(--brand-black);border-radius:var(--radius-lg);box-shadow:var(--shadow-brand-sm);margin-bottom:var(--space-3);padding:var(--space-4);transition:all .2s ease}.player-card:hover{box-shadow:var(--shadow-brand-md);transform:translateY(-1px)}.player-header{justify-content:space-between;margin-bottom:var(--space-3)}.player-header,.player-name{align-items:center;display:flex}.player-name{color:var(--brand-black);font-size:1rem;font-weight:700;gap:var(--space-2)}.player-score{background:var(--brand-black);border-radius:50px;color:#fff;font-size:1.5rem;font-weight:700;min-width:48px;padding:var(--space-2) var(--space-3);text-align:center}.scoring-control{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin:var(--space-3) 0;padding:var(--space-4)}.control-buttons{gap:var(--space-3)}.btn-control,.control-buttons{align-items:center;display:flex;height:48px}.btn-control{background:#e5e7eb;background:var(--gray-200);border:2px solid var(--brand-black);border-radius:var(--radius-md);box-shadow:var(--shadow-brand-sm);color:var(--brand-black);cursor:pointer;font-size:2rem;font-weight:700;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:48px}.btn-control:hover{background:var(--brand-black);color:#fff;transform:translateY(-1px)}.btn-control:active{box-shadow:var(--shadow-brand-sm);transform:translateY(0)}.value-display{background:#f3f4f6;background:var(--gray-100);border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:var(--radius-md);color:var(--brand-black);font-size:1.75rem;height:48px;line-height:1;min-width:52px;text-align:center;width:52px}.btn-primary,.value-display{align-items:center;display:flex;font-weight:700;justify-content:center}.btn-primary{background:#3b82f6;background:var(--primary-500);border:2px solid var(--brand-black);border-radius:var(--radius-lg);box-shadow:var(--shadow-brand-md);color:#fff;cursor:pointer;font-size:1.125rem;gap:var(--space-2);min-height:56px;padding:var(--space-4) var(--space-6);transition:all .2s ease;width:100%}.btn-primary:hover{background:#2563eb;background:var(--primary-600);box-shadow:var(--shadow-brand-lg);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--shadow-brand-md);transform:translateY(0)}.lucide-icon-sm{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:16px;width:16px}.phone-mockup{background:var(--brand-black);border-radius:24px;box-shadow:0 8px 32px #0000004d;margin:0 auto;max-width:375px;padding:1rem;width:100%}.phone-screen{background:#fff;border-radius:16px;overflow:hidden;position:relative}.demo-interface{min-height:500px;padding:var(--space-4)}.demo-header{border-bottom:2px solid var(--brand-black);justify-content:space-between;margin-bottom:var(--space-4);padding:var(--space-2) 0}.demo-header,.demo-logo{align-items:center;display:flex}.demo-logo{color:var(--brand-black);font-family:var(--font-display);font-size:1rem;font-weight:800;gap:var(--space-2)}.game-selection-card{align-items:center;background:#fff;border:2px solid var(--brand-black);border-radius:var(--radius-lg);box-shadow:var(--shadow-brand-sm);cursor:pointer;display:flex;gap:var(--space-4);margin-bottom:var(--space-3);padding:var(--space-4);transition:all .2s ease}.game-selection-card:hover{box-shadow:var(--shadow-brand-md);transform:translateY(-2px)}.game-selection-card .game-icon{align-items:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-brand-sm);color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:48px;justify-content:center;width:48px}.game-selection-card .game-icon.catan{background:var(--catan-color)}.game-selection-card .game-icon.qwixx{background:var(--qwixx-color)}.qwixx-tap-to-cycle-hint{-webkit-font-smoothing:antialiased;background:#fff none repeat scroll 0 0!important;background-color:#fff!important;background-image:none!important;color:#374151!important;isolation:isolate}.game-selection-card .game-icon.monopoly{background:var(--monopoly-color)}.game-selection-card .game-icon.train{background:var(--ticket-to-ride-color)}.game-selection-card .game-icon.uno{background:var(--uno-color)}.game-info h4{color:var(--brand-black);font-family:var(--font-display);font-size:1.125rem;font-weight:700;margin:0 0 var(--space-1) 0}.game-info p{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-weight:500;margin:0}.property-grid{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(3,1fr);margin:var(--space-4) 0}.property-card{align-items:center;aspect-ratio:1;background:#fff;border:2px solid var(--brand-black);border-radius:var(--radius-md);box-shadow:var(--shadow-brand-sm);cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;font-weight:700;justify-content:center;min-height:80px;transition:all .2s ease}.property-card:hover{box-shadow:var(--shadow-brand-md);transform:translateY(-1px)}.property-card svg,.property-card.completed{color:#fff!important}.property-card svg{fill:none!important;margin-bottom:4px}.lucide-icon{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:20px;width:20px}.mobile-scoring-button svg{stroke-width:3.5!important;height:32px!important;width:32px!important}@media (max-width:768px){.mobile-scoring-row svg[viewBox="0 0 24 24"]{height:14px!important;max-height:14px!important;max-width:14px!important;width:14px!important}.mobile-scoring-row button[type=button]{max-width:120px}}@media (max-width:640px){.phone-mockup{margin:0;max-width:100%;padding:.5rem}.demo-interface{padding:var(--space-3)}.game-selection-card,.player-card{margin-bottom:var(--space-2);padding:var(--space-3)}}.mobile-touch-target{align-items:center;display:flex;justify-content:center;min-height:44px;min-width:44px}.mobile-touch-target-lg{min-height:48px;min-width:48px}.mobile-touch-target-xl{min-height:56px;min-width:56px}@media (max-width:640px){.btn,button{padding:12px 20px}.btn,button,input,select,textarea{font-size:16px;min-height:44px}[class*=decrement],[class*=increment],button:has-text("+"),button:has-text("-"){font-size:18px;font-weight:600;min-height:44px;min-width:44px;padding:12px}}.mobile-table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:var(--radius-lg);overflow-x:auto;width:100%}.mobile-table-scroll-indicator{position:relative}.mobile-table-scroll-indicator:after{background:linear-gradient(90deg,#0000,#fff 20%);color:#9ca3af;color:var(--gray-400);content:"→";font-size:20px;padding:0 12px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.mobile-card-stack{display:flex;flex-direction:column;gap:var(--space-3)}.mobile-player-card{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;max-width:100%;overflow:visible;padding:var(--space-4);position:relative;transition:all .2s ease;width:100%}.mobile-player-card:active{box-shadow:var(--shadow-xs);transform:scale(.98)}.mobile-player-card-header{align-items:center;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--gray-100);box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:var(--space-3);max-width:100%;overflow:visible;padding-bottom:var(--space-2);width:100%}.mobile-player-name{color:var(--brand-black);flex:1 1;font-size:18px;font-weight:700}.mobile-player-score{color:#2563eb;color:var(--primary-600);font-family:var(--font-display);font-size:24px;font-weight:800}.mobile-scoring-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr}.mobile-scoring-row{align-items:center;display:flex;justify-content:space-between;padding:var(--space-2) 0}.mobile-scoring-label{color:#374151;color:var(--gray-700);flex:1 1;font-size:14px;font-weight:600}.mobile-scoring-controls{align-items:center;display:flex;gap:var(--space-2)}.mobile-scoring-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:var(--radius-md);color:var(--brand-black);cursor:pointer;display:flex;font-size:20px;font-weight:700;justify-content:center;min-height:44px;min-width:44px;transition:all .15s ease}.mobile-scoring-btn:active{background:#f3f4f6;background:var(--gray-100);transform:scale(.95)}.mobile-scoring-btn:disabled{cursor:not-allowed;opacity:.4}.mobile-scoring-value{color:var(--brand-black);font-family:var(--font-display);font-size:20px;font-weight:700;min-width:48px;text-align:center}.mobile-bottom-action-bar{background:#fff;border-top:2px solid var(--brand-black);bottom:0;box-shadow:0 -4px 12px #0000001a;display:flex;gap:var(--space-3);left:0;padding:var(--space-3) var(--space-4);position:fixed;right:0;z-index:1000}.mobile-bottom-action-bar.safe-area{padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom))}.mobile-bottom-action-bar .btn{flex:1 1;margin:0}.mobile-nav-bar{background:#fff;border-top:2px solid var(--brand-black);bottom:0;box-shadow:0 -4px 12px #0000001a;display:flex;justify-content:space-around;left:0;padding:var(--space-2) 0;padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));position:fixed;right:0;z-index:1000}.mobile-nav-item{-webkit-tap-highlight-color:transparent;align-items:center;color:#6b7280;color:var(--gray-500);display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:4px;letter-spacing:.05em;min-width:60px;padding:var(--space-2) var(--space-3);text-decoration:none;text-transform:uppercase;transition:all .2s ease}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active{color:var(--brand-black)}.mobile-nav-item svg{height:24px;width:24px}@media (max-width:640px){.modal-overlay{align-items:flex-end;background:#000000bf;display:flex;inset:0;position:fixed;z-index:2000}.modal-content-mobile{background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%}.modal-header-mobile{align-items:center;background:#fff;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--space-4);position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header-mobile h3{color:var(--brand-black);font-family:var(--font-display);font-size:20px;font-weight:700;margin:0}.modal-body-mobile{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:var(--space-4)}.modal-footer-mobile{background:#fff;border-top:2px solid #e5e7eb;border-top:2px solid var(--gray-200);bottom:0;display:flex;gap:var(--space-3);padding:var(--space-4);position:-webkit-sticky;position:sticky}.modal-footer-mobile .btn{flex:1 1}.form-group-mobile{margin-bottom:var(--space-4)}.form-label-mobile{color:var(--brand-black);display:block;font-size:14px;font-weight:600;margin-bottom:var(--space-2)}.form-input-mobile{-webkit-appearance:none;appearance:none;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:var(--radius-lg);font-size:16px;min-height:48px;padding:var(--space-3) var(--space-4);transition:all .2s ease;width:100%}.form-input-mobile:focus{border-color:var(--brand-black);box-shadow:0 0 0 3px #1a1a1a1a;outline:none}.form-select-mobile{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:20px;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:var(--radius-lg);font-size:16px;min-height:48px;padding:var(--space-3) var(--space-4);padding-right:48px;width:100%}.mobile-p-2{padding:var(--space-2)}.mobile-p-3{padding:var(--space-3)}.mobile-p-4{padding:var(--space-4)}.mobile-p-6{padding:var(--space-6)}.mobile-px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.mobile-px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.mobile-px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.mobile-py-2{padding-bottom:var(--space-2);padding-top:var(--space-2)}.mobile-py-3{padding-bottom:var(--space-3);padding-top:var(--space-3)}.mobile-py-4{padding-bottom:var(--space-4);padding-top:var(--space-4)}.mobile-m-2{margin:var(--space-2)}.mobile-m-3{margin:var(--space-3)}.mobile-m-4{margin:var(--space-4)}.mobile-mb-2{margin-bottom:var(--space-2)}.mobile-mb-3{margin-bottom:var(--space-3)}.mobile-mb-4{margin-bottom:var(--space-4)}.mobile-mb-6{margin-bottom:var(--space-6)}.mobile-mb-20{margin-bottom:80px}.mobile-mt-2{margin-top:var(--space-2)}.mobile-mt-3{margin-top:var(--space-3)}.mobile-mt-4{margin-top:var(--space-4)}.mobile-text-xs{font-size:12px}.mobile-text-sm{font-size:14px}.mobile-text-base{font-size:16px}.mobile-text-lg{font-size:18px}.mobile-text-xl{font-size:20px}.mobile-text-2xl{font-size:24px}.mobile-text-3xl{font-size:28px}}.mobile-only{display:none}@media (max-width:640px){.mobile-only{display:block}.desktop-only,.mobile-hidden{display:none!important}}@media (min-width:641px){.desktop-only{display:block}}@media (max-width:640px){.mobile-grid-1{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr}.mobile-flex-col{gap:var(--space-3)}.mobile-flex-col,.mobile-stack{display:flex;flex-direction:column}.mobile-stack{gap:var(--space-2)}}.mobile-safe-top{padding-top:env(safe-area-inset-top)}.mobile-safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.mobile-safe-left{padding-left:env(safe-area-inset-left)}.mobile-safe-right{padding-right:env(safe-area-inset-right)}.mobile-scroll-container{-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior:contain}.mobile-ptr-indicator{align-items:center;display:flex;height:40px;justify-content:center;left:50%;position:absolute;top:-60px;transform:translateX(-50%);transition:all .3s ease;width:40px}@media (max-width:640px){.btn:active,.mobile-touch-target:active,button:active{transform:scale(.96)}input[type=checkbox],input[type=radio]{cursor:pointer;height:24px;margin:10px;min-height:24px;min-width:24px;padding:10px;position:relative;width:24px}input[type=checkbox]:before,input[type=radio]:before{content:"";height:44px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:44px}}@media (max-width:640px){label:has(input[type=checkbox]),label:has(input[type=radio]){align-items:center;cursor:pointer;display:flex;gap:var(--space-3);min-height:44px;padding:var(--space-2)}}@media (max-width:640px){.data-table-desktop{display:none}.data-table-mobile{display:block}}@media (min-width:641px){.data-table-mobile{display:none}.data-table-desktop{display:table}}.mobile-loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;padding:var(--space-6)}.mobile-loading-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-top:4px solid var(--gray-200);border:4px solid var(--gray-200);border-radius:50%;border-top-color:var(--brand-black);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.mobile-toast{align-items:center;animation:slideUp .3s ease;background:var(--brand-black);border-radius:var(--radius-lg);bottom:calc(80px + env(safe-area-inset-bottom));box-shadow:var(--shadow-xl);color:#fff;display:flex;gap:var(--space-3);left:var(--space-4);padding:var(--space-4);position:fixed;right:var(--space-4);z-index:3000}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.btn,button,input,select,textarea{border-width:3px}}.analytics-fab:after,.analytics-fab:before{content:none!important;display:none!important}.analytics-fab *,.analytics-fab svg{pointer-events:none}.analytics-fab svg{vertical-align:middle}@keyframes shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}@keyframes pulse-fire{0%,to{box-shadow:0 2px 8px #dc26264d,inset 0 1px 0 #fff6}50%{box-shadow:0 2px 16px #dc262680,inset 0 1px 0 #fff6}}@keyframes badge-glow{0%,to{opacity:0}50%{opacity:1}}@media (prefers-reduced-motion:reduce),(prefers-reduced-transparency:reduce){.glass-card,.glass-nav,.glass-pill,.mobile-sheet-root,.mobile-tab-bar,.mobile-top-bar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.mobile-tab-bar,.mobile-top-bar{background:#fff!important}}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.glass-card,.glass-nav,.glass-pill,.mobile-sheet-root,.mobile-tab-bar,.mobile-top-bar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.mobile-tab-bar,.mobile-top-bar{background:#fff!important}}.mock-card{background:#fff;border:2px solid #1a1a1a;border:2px solid var(--brand-black,#1a1a1a);border-radius:14px;box-shadow:0 4px 0 #1a1a1a;box-shadow:0 4px 0 var(--brand-black,#1a1a1a)}.mock-card-lg{background:#fff;border:2px solid #1a1a1a;border:2px solid var(--brand-black,#1a1a1a);border-radius:18px;box-shadow:0 6px 0 #1a1a1a;box-shadow:0 6px 0 var(--brand-black,#1a1a1a)}.mock-card-sm{border:2px solid #1a1a1a;border:2px solid var(--brand-black,#1a1a1a);border-radius:12px}.mock-card-sm,.mock-icon-btn{background:#fff;box-shadow:0 2px 0 #1a1a1a;box-shadow:0 2px 0 var(--brand-black,#1a1a1a)}.mock-icon-btn{-webkit-tap-highlight-color:transparent;align-items:center;border:2px solid #1a1a1a;border:2px solid var(--brand-black,#1a1a1a);border-radius:10px;color:#1a1a1a;color:var(--brand-black,#1a1a1a);cursor:pointer;display:inline-flex;flex-shrink:0;height:42px;justify-content:center;position:relative;width:42px}.mock-icon-btn:active{box-shadow:0 1px 0 #1a1a1a;box-shadow:0 1px 0 var(--brand-black,#1a1a1a);transform:translateY(1px)}.mobile-top-bar button.mobile-top-bar-back{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:10px;box-shadow:none;color:#1a1a1a;color:var(--brand-black,#1a1a1a);cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;min-width:40px;padding:0;width:40px}.mobile-top-bar button.mobile-top-bar-back:active{background:#1a1a1a14;box-shadow:none;transform:none}.mobile-top-bar button.mobile-top-bar-back:focus-visible{outline:2px solid #1a1a1a;outline:2px solid var(--brand-black,#1a1a1a);outline-offset:2px}.mock-icon-btn .dot-badge{background:#ef4444;background:var(--error,#ef4444);border:2px solid #fff;border-radius:50%;height:10px;position:absolute;right:4px;top:4px;width:10px}.mobile-tab-bar .mock-tab{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;color:#6b7280;color:var(--ink-3,#6b7280);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.6875rem;font-weight:700;gap:4px;justify-content:flex-start;letter-spacing:.02em;min-height:56px;padding:8px 4px 6px;position:relative;text-decoration:none}.mobile-tab-bar .mock-tab .indicator{background:#0000;border-radius:2px;height:3px;margin-bottom:2px;transition:background .18s ease;width:28px}.mobile-tab-bar .mock-tab[aria-current=page]{color:#8b5cf6;color:var(--brand-a,#8b5cf6)}.mobile-tab-bar .mock-tab[aria-current=page] .indicator{background:linear-gradient(135deg,#8b5cf6,#ec4899);background:var(--brand-grad,linear-gradient(135deg,#8b5cf6,#ec4899))}.mobile-tab-bar .mock-tab .label{line-height:1}.mobile-tab-bar .mock-tab--no-label{gap:3px;justify-content:center;padding-bottom:4px;padding-top:4px}.mobile-tab-bar .mock-tab--no-label .indicator{margin-bottom:0}.mobile-tab-bar .mock-tab-cta{align-items:center;aspect-ratio:1;background:#1a1a1a;background:var(--brand-black,#1a1a1a);border:2px solid #1a1a1a;border:2px solid var(--brand-black,#1a1a1a);border-radius:9999px;box-shadow:0 3px 0 #1a1a1a;box-shadow:0 3px 0 var(--brand-black,#1a1a1a);box-sizing:border-box;color:#fff;display:inline-flex;flex-shrink:0;height:44px;justify-content:center;margin-top:-14px;min-height:44px;min-width:44px;transition:transform .12s ease,box-shadow .12s ease;width:44px}.mobile-tab-bar .mock-tab--no-label .mock-tab-cta{margin-top:0}.mobile-tab-bar .mock-tab-cta svg{display:block}.mobile-tab-bar .mock-tab:active .mock-tab-cta{box-shadow:0 2px 0 #1a1a1a;box-shadow:0 2px 0 var(--brand-black,#1a1a1a);transform:translateY(1px)}.mock-tile{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:3px solid #d1d5db;border:3px solid var(--gray-300,#d1d5db);border-radius:14px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:8px;justify-content:center;min-height:110px;padding:14px 10px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.mock-tile:hover{transform:translateY(-1px)}.mock-tile .swatch{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.mock-tile .name{color:#1a1a1a;color:var(--brand-black,#1a1a1a);font-family:Space Grotesk,system-ui;font-family:var(--font-display,"Space Grotesk",system-ui);font-size:.9375rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;text-align:center}.mock-tile.sel-catan{background:#8b5cf60a;border-color:#8b5cf6}.mock-tile.sel-qwixx{background:#f59e0b0a;border-color:#f59e0b}.mock-tile.sel-mono{background:#10b9810a;border-color:#10b981}.mock-tile.sel-ttr{background:#3b82f60a;border-color:#3b82f6}.mock-tile.sel-uno{background:#ef44440a;border-color:#ef4444}.mock-tile.sel-blitz{background:#ec48990a;border-color:#ec4899}.mock-tile.sel-custom{background:#6b72800a;border-color:#6b7280}.mock-tile .swatch.sw-catan{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.mock-tile .swatch.sw-qwixx{background:linear-gradient(135deg,#f59e0b,#d97706)}.mock-tile .swatch.sw-mono{background:linear-gradient(135deg,#10b981,#059669)}.mock-tile .swatch.sw-ttr{background:linear-gradient(135deg,#3b82f6,#2563eb)}.mock-tile .swatch.sw-uno{background:linear-gradient(135deg,#ef4444,#dc2626)}.mock-tile .swatch.sw-blitz{background:linear-gradient(135deg,#ec4899,#db2777)}.mock-tile .swatch.sw-custom{background:linear-gradient(135deg,#6b7280,#4b5563)}.sw-swatch{align-items:center;border:2px solid #1a1a1a;border:2px solid var(--brand-black,#1a1a1a);border-radius:10px;box-shadow:0 2px 0 #1a1a1a;box-shadow:0 2px 0 var(--brand-black,#1a1a1a);color:#fff;display:inline-flex;flex-shrink:0;justify-content:center}.sw-catan{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.sw-qwixx{background:linear-gradient(135deg,#f59e0b,#d97706)}.sw-mono{background:linear-gradient(135deg,#10b981,#059669)}.sw-ttr{background:linear-gradient(135deg,#3b82f6,#2563eb)}.sw-uno{background:linear-gradient(135deg,#ef4444,#dc2626)}.sw-blitz{background:linear-gradient(135deg,#ec4899,#db2777)}.sw-custom{background:linear-gradient(135deg,#6b7280,#4b5563)}.mock-vpill{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300,#d1d5db);border-radius:10px;color:#4b5563;color:var(--ink-2,#4b5563);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:.8125rem;font-weight:700;gap:6px;min-height:44px;padding:10px 14px;transition:transform .12s ease,border-color .12s ease,background .12s ease;white-space:nowrap}.mock-vpill:active{transform:translateY(1px)}.mock-vpill.sel-catan{background:#8b5cf60f;border-color:#8b5cf6;color:#8b5cf6}.mock-vpill.sel-qwixx{background:#f59e0b0f;border-color:#f59e0b;color:#d97706}.mock-vpill.sel-mono{background:#10b9810f;border-color:#10b981;color:#059669}.mock-vpill.sel-ttr{background:#3b82f60f;border-color:#3b82f6;color:#2563eb}.mock-vpill.sel-uno{background:#ef44440f;border-color:#ef4444;color:#dc2626}.mock-vpill.sel-blitz{background:#ec48990f;border-color:#ec4899;color:#db2777}.mock-vpill.sel-custom{background:#6b72800f;border-color:#6b7280;color:#4b5563}.mock-vrow{-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px 0;scrollbar-width:none}.mock-vrow::-webkit-scrollbar{display:none}.mock-stepper{flex-shrink:0;gap:6px}.mock-stepper,.mock-stepper button{align-items:center;display:inline-flex}.mock-stepper button{-webkit-tap-highlight-color:transparent;background:#f3f4f6;background:var(--gray-100,#f3f4f6);border:2px solid #d1d5db;border:2px solid var(--gray-300,#d1d5db);border-radius:10px;color:#1a1a1a;color:var(--brand-black,#1a1a1a);cursor:pointer;font-family:Space Grotesk,system-ui;font-family:var(--font-display,"Space Grotesk",system-ui);font-size:1.5rem;font-weight:800;height:44px;justify-content:center;line-height:1;padding:0;transition:transform .08s ease,background-color .15s ease,border-color .15s ease;width:44px}.mock-stepper button svg{stroke:currentColor;fill:none;display:block;flex-shrink:0;height:22px;width:22px}.mock-stepper button:active:not(:disabled){background:#e5e7eb;background:var(--gray-200,#e5e7eb);transform:scale(.96)}.mock-stepper button:disabled{cursor:not-allowed;opacity:.4}.mock-stepper .val{color:#1a1a1a;color:var(--brand-black,#1a1a1a);font-family:Space Grotesk,system-ui;font-family:var(--font-display,"Space Grotesk",system-ui);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;min-width:40px;text-align:center}.mock-seg{background:#f3f4f6;background:var(--gray-100,#f3f4f6);border:2px solid #1a1a1a;border:2px solid var(--brand-black,#1a1a1a);border-radius:12px;box-shadow:0 2px 0 #1a1a1a;box-shadow:0 2px 0 var(--brand-black,#1a1a1a);display:inline-flex;padding:3px;width:-webkit-fit-content;width:fit-content}.mock-seg button{-webkit-tap-highlight-color:transparent;background:#0000;border:none;border-radius:9px;color:#4b5563;color:var(--ink-2,#4b5563);cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:700;min-height:40px;padding:8px 14px;transition:background .12s ease,color .12s ease;white-space:nowrap}.mock-seg button.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#1a1a1a;color:var(--brand-black,#1a1a1a)}.mock-step-header{align-items:center;background:#1f2937;background:var(--gray-800,#1f2937);border-bottom:2px solid #1a1a1a;border-bottom:2px solid var(--brand-black,#1a1a1a);color:#fff;display:flex;flex:0 0 auto;gap:10px;justify-content:space-between;padding:calc(18px + env(safe-area-inset-top, 0px)) 16px 12px;position:relative;z-index:5}.mock-step-header .back,.mock-step-header .close,button.modal-close{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:2px solid #00000026;border-radius:12px;box-shadow:0 2px 0 #0000002e;box-sizing:border-box;color:#1a1a1a;cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;min-height:40px;min-width:40px;padding:0!important;transition:transform .1s ease,box-shadow .1s ease,border-color .15s ease;width:40px}.mock-step-header .back svg,.mock-step-header .close svg,button.modal-close svg{stroke:#1a1a1a;color:#1a1a1a;flex:0 0 auto;height:22px;width:22px}.mock-step-header .back:active,.mock-step-header .close:active,button.modal-close:active{box-shadow:0 1px 0 #0000002e;transform:translateY(1px)}button.modal-close:hover{background:#fff;border-color:#00000038;color:#1a1a1a!important}button.modal-close:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.mock-step-header .title{font-family:Space Grotesk,system-ui;font-family:var(--font-display,"Space Grotesk",system-ui);font-size:1rem;font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:0}.mock-step-header .sub{font-size:.75rem;font-weight:700;margin-top:2px;opacity:.9}.mock-step-header .pct{font-family:JetBrains Mono,ui-monospace,monospace;font-family:var(--font-mono,"JetBrains Mono",ui-monospace,monospace);font-size:.875rem;font-weight:700}.mock-step-header.bg-catan{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.mock-step-header.bg-qwixx{background:linear-gradient(135deg,#f59e0b,#d97706)}.mock-step-header.bg-mono{background:linear-gradient(135deg,#10b981,#059669)}.mock-step-header.bg-ttr{background:linear-gradient(135deg,#3b82f6,#2563eb)}.mock-step-header.bg-uno{background:linear-gradient(135deg,#ef4444,#dc2626)}.mock-step-header.bg-blitz{background:linear-gradient(135deg,#ec4899,#db2777)}.mock-step-header.bg-custom{background:linear-gradient(135deg,#6b7280,#4b5563)}.mock-step-progress{background:#e5e7eb;background:var(--gray-200,#e5e7eb);border-bottom:2px solid #1a1a1a;border-bottom:2px solid var(--brand-black,#1a1a1a);flex:0 0 auto;height:4px;overflow:hidden;position:relative;z-index:4}.mock-step-progress>div{background:linear-gradient(135deg,#8b5cf6,#ec4899);background:var(--brand-grad,linear-gradient(135deg,#8b5cf6,#ec4899));height:100%;transition:width .25s ease}.mobile-flow-footer:before{background:linear-gradient(0deg,#fff 0,#fff0);bottom:100%;content:"";height:24px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.mobile-filters-stack-pad{padding:var(--space-3) 0 var(--space-2)}.mock-control-center{background:#fff;border:2px solid #1a1a1a;border:2px solid var(--brand-black,#1a1a1a);border-radius:14px;box-shadow:none;display:flex;flex-direction:column;gap:10px;margin-bottom:12px;margin-bottom:var(--space-3,12px);padding:12px}.mock-control-center.mobile-collapsible-filter-card{overflow-anchor:none}.mock-control-center .ccc-title-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.mock-control-center.mobile-collapsible-filter-card .ccc-title-toggle{grid-column-gap:8px;-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;color:inherit;column-gap:8px;contain:layout paint;cursor:pointer;display:grid;flex:1 1 auto;font:inherit;grid-template-columns:auto minmax(0,1fr) auto;margin:0;min-height:36px;min-width:0;padding:6px 4px 6px 0;text-align:left;touch-action:manipulation}.mock-control-center.mobile-collapsible-filter-card .ccc-title-summary-slot{align-items:center;display:flex;line-height:24px;min-height:24px;min-width:0}.mock-control-center.mobile-collapsible-filter-card .ccc-title-toggle:focus-visible{outline:2px solid #1a1a1a;outline:2px solid var(--brand-black,#1a1a1a);outline-offset:2px}.mock-control-center.mobile-collapsible-filter-card .ccc-title-toggle:active{transform:none}.mock-control-center.mobile-collapsible-filter-card .ccc-title{justify-self:start}.mock-control-center.mobile-collapsible-filter-card .ccc-collapsed-summary{color:#4b5563;color:var(--ink-2,#4b5563);font-size:.8125rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.mock-control-center.mobile-collapsible-filter-card .ccc-title-chevron{-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#4b5563;color:var(--ink-2,#4b5563);justify-self:end;transform:translateZ(0);transition:none;will-change:transform}.mock-control-center.mobile-collapsible-filter-card .ccc-title-chevron.is-open{transform:translateZ(0) rotate(180deg)}.mock-control-center.mobile-collapsible-filter-card .ccc-collapsible-panel{display:flex;flex-direction:column;gap:10px;overflow-anchor:none}.mock-control-center .ccc-title{align-items:center;color:#1a1a1a;color:var(--brand-black,#1a1a1a);display:inline-flex;font-family:Space Grotesk,system-ui;font-family:var(--font-display,"Space Grotesk",system-ui);font-size:1.125rem;font-weight:800;gap:8px;letter-spacing:-.01em}.mock-control-center .ccc-actions{align-items:center;display:inline-flex;gap:6px}.mock-control-center .ccc-search{align-items:center;background:#fff;border:2px solid #1a1a1a;border:2px solid var(--brand-black,#1a1a1a);border-radius:12px;box-shadow:none;display:flex;gap:8px;height:44px;padding:0 12px}.mock-control-center .ccc-search input{background:#0000;border:none;color:#1a1a1a;color:var(--brand-black,#1a1a1a);flex:1 1;font-family:inherit;font-size:16px;font-weight:600;min-width:0;outline:none}.mock-control-center .ccc-search input::placeholder{color:#9ca3af;color:var(--ink-3,#9ca3af);font-weight:500}.md-lens-pill{gap:6px;padding:8px 14px;white-space:nowrap}.md-lens-clear,.md-lens-pill{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#fff;border:2px solid #d1d5db;border-radius:999px;color:#4b5563;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:.8125rem;font-size:var(--text-xs,.8125rem);font-weight:700;min-height:36px;touch-action:manipulation}.md-lens-clear{gap:4px;padding:8px 12px}.md-custom-range-card{background-color:#fafafa;border:2px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-3)}.md-custom-range-input{border:2px solid #e5e7eb;border-radius:8px;flex:1 1 120px;padding:10px 12px}.md-custom-range-apply,.md-custom-range-input{font-family:inherit;font-size:.875rem;min-height:44px}.md-custom-range-apply{background-color:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 16px;touch-action:manipulation}.md-custom-range-apply:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.mock-lens-row{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:2px 0 4px;scrollbar-width:none}.mock-lens-row::-webkit-scrollbar{display:none}.mock-lens-pill{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300,#d1d5db);border-radius:999px;color:#4b5563;color:var(--ink-2,#4b5563);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:.8125rem;font-weight:700;gap:6px;min-height:36px;padding:8px 14px;touch-action:manipulation;white-space:nowrap}.mock-lens-pill.active{background:#1a1a1a;background:var(--brand-black,#1a1a1a);border-color:#1a1a1a;border-color:var(--brand-black,#1a1a1a);box-shadow:none;color:#fff}.mock-lens-pill.active.tint-catan{background:#8b5cf6}.mock-lens-pill.active.tint-qwixx{background:#f59e0b}.mock-lens-pill.active.tint-mono{background:#10b981}.mock-lens-pill.active.tint-ttr{background:#3b82f6}.mock-lens-pill.active.tint-uno{background:#ef4444}.mock-lens-pill.active.tint-blitz{background:#ec4899}.mock-lens-pill.active.tint-custom{background:#6b7280}.mock-count-pill{background:#f3f4f6;background:var(--gray-100,#f3f4f6);font-size:.75rem;height:24px;min-width:32px;padding:0 8px}.mock-count-pill,.mock-score-pill{align-items:center;border:2px solid #1a1a1a;border:2px solid var(--brand-black,#1a1a1a);border-radius:999px;color:#1a1a1a;color:var(--brand-black,#1a1a1a);display:inline-flex;font-family:Space Grotesk,system-ui;font-family:var(--font-display,"Space Grotesk",system-ui);font-weight:800;justify-content:center}.mock-score-pill{background:#fff;box-shadow:none;flex-shrink:0;font-size:.8125rem;padding:6px 12px;white-space:nowrap}.mock-score-pill.win{background:#d1fae5;color:#065f46}.mock-score-pill.loss{background:#fee2e2;color:#991b1b}.mock-score-pill.amber{background:#fef3c7;color:#92400e}.mock-score-pill.purple{background:#ede9fe;color:#5b21b6}.mock-score-pill.green{background:#d1fae5;color:#065f46}.mock-score-pill.blue{background:#dbeafe;color:#1e40af}.mock-score-pill.red{background:#fee2e2;color:#991b1b}.mock-score-pill.gray{background:#f3f4f6;color:#4b5563}@media (max-width:768px){.mobile-game-card{background:#fff!important;border:2px solid #1a1a1a!important;border:2px solid var(--brand-black,#1a1a1a)!important;border-radius:14px!important;box-shadow:none!important;margin-bottom:12px!important;padding:12px!important}.games-card-swipe-wrap .games-list-card,.games-card-swipe-wrap .mobile-game-card,.games-card-swipe-wrap>div>.games-list-card,.games-card-swipe-wrap>div>.mobile-game-card{box-shadow:none!important;margin-bottom:0!important}.games-card-swipe-wrap{border-radius:14px;box-shadow:none!important}.leagues-redesign .lr-league-row .lr-r-icon.game-icon,.mobile-game-card .game-icon{background:#fff!important;border-radius:10px!important;border-style:solid!important;border-width:1.5px!important;box-shadow:none!important;height:36px!important;width:36px!important}.mobile-game-card .game-title{font-family:Space Grotesk,system-ui!important;font-family:var(--font-display,"Space Grotesk",system-ui)!important;font-size:.9375rem!important;font-weight:700!important;letter-spacing:-.01em!important}.mobile-game-card .game-card-header-right .icon-btn{border-radius:10px!important;min-height:44px!important;min-width:44px!important;padding:0!important}.mobile-tab-bar,.mobile-top-bar{background:#fff!important}.hybrid-games>.games-hybrid-container>div.games-page-hero>h1,.hybrid-leagues .lr-hero>h1{font-size:1.5rem!important;margin-bottom:4px!important}.hybrid-games>.games-hybrid-container>div.games-page-hero{display:none!important;margin-bottom:12px!important;padding-bottom:4px!important;padding-top:4px!important;text-align:left!important}.hybrid-games .chart-section{background:#0000!important;border:none!important;box-shadow:none!important;margin-bottom:0!important;padding:0!important}.compact-players-grid{grid-template-columns:1fr!important;row-gap:6px!important}.compact-player-card{min-width:0!important;padding:10px 12px!important}.compact-player-left{min-width:0!important;overflow:hidden!important}.compact-player-name{font-size:.875rem!important;min-width:0!important}.compact-player-score{font-size:1rem!important}.hybrid-games .games-chart-section-edge,.hybrid-games .games-grid-container,.hybrid-games .games-list-container{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}[data-pagination] [data-pagination-row]{flex-wrap:nowrap!important;gap:6px!important;justify-content:center!important;width:100%!important}[data-pagination] [data-pagination-next],[data-pagination] [data-pagination-prev]{font-size:.8125rem!important;min-width:auto!important;padding:.25rem .75rem!important}[data-pagination] [data-pagination-row]>div>button{border-radius:6px!important;font-size:.8125rem!important;height:auto!important;min-width:2.5rem!important;padding:.25rem .5rem!important;width:auto!important}}.tag-chip{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;display:inline-flex;font-size:.6875rem;font-weight:700;gap:4px;line-height:1.3;padding:2px 8px;white-space:nowrap}.game-card-meta-badges .tag-chip,.game-list-detail-tagchips .tag-chip,.game-list-row-meta .tag-chip,.tag-chip--md{border-radius:6px;border-width:1.5px;font-size:.75rem;font-weight:600;line-height:1.3;padding:3px 10px}.tag-chip--lg{font-size:.8125rem;gap:6px;padding:6px 12px}.tag-chip--clickable{cursor:pointer}.tag-chip--clickable:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.tag-chip__icon{align-items:center;color:inherit;display:inline-flex;flex-shrink:0}.tag-chip__name{max-width:180px;overflow:hidden;text-overflow:ellipsis}.tag-chip__x{align-items:center;background:#0f172a14;border:none;border-radius:50%;color:inherit;cursor:pointer;display:inline-flex;height:16px;justify-content:center;margin-left:2px;padding:0;width:16px}.tag-chip__x:hover{background:#0f172a2e}.tag-chip--tone-slate{background:#f8fafc;border-color:#e2e8f0;color:#64748b}.tag-chip--tone-red{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.tag-chip--tone-amber{background:#fffbeb;border-color:#fde68a;color:#b45309}.tag-chip--tone-green{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.tag-chip--tone-blue{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.tag-chip--tone-purple{background:#faf5ff;border-color:#e9d5ff;color:#7e22ce}.tag-chip--tone-pink{background:#fdf2f8;border-color:#fbcfe8;color:#be185d}.tag-chip--more{background:#0000;border-color:#0000;color:#6b7280;color:var(--text-tertiary);cursor:pointer;padding:2px 4px}.tag-chip--more:hover{color:#6d28d9}.tag-chip--tone-slate.is-selected{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.tag-chip--tone-red.is-selected{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.tag-chip--tone-amber.is-selected{background:#fef3c7;border-color:#fcd34d;color:#92400e}.tag-chip--tone-green.is-selected{background:#d1fae5;border-color:#6ee7b7;color:#065f46}.tag-chip--tone-blue.is-selected{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.tag-chip--tone-purple.is-selected{background:#f3e8ff;border-color:#d8b4fe;color:#6b21a8}.tag-chip--tone-pink.is-selected{background:#fce7f3;border-color:#f9a8d4;color:#9d174d}.tag-filter__chip-btn{background:#0000;border:none;color:inherit;cursor:pointer;display:inline-flex;line-height:0;font:inherit;margin:0;padding:0}.tag-filter__chip-btn:focus-visible{outline:none}.tag-filter__chip-btn:focus-visible .tag-chip{outline:2px solid #8b5cf6;outline-offset:2px}.tag-swatch{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #e5e7eb;display:inline-block;flex-shrink:0;height:14px;width:14px}.tag-swatch--lg{height:20px;width:20px}.tag-swatch--tone-slate{background:#475569}.tag-swatch--tone-red{background:#ef4444}.tag-swatch--tone-amber{background:#f59e0b}.tag-swatch--tone-green{background:#10b981}.tag-swatch--tone-blue{background:#3b82f6}.tag-swatch--tone-purple{background:#8b5cf6}.tag-swatch--tone-pink{background:#ec4899}.tag-picker{position:relative;width:100%}.tag-picker__slot{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:8px;cursor:text;display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;min-height:38px;padding:6px 10px;transition:border-color .12s ease,background .12s ease}.tag-picker__slot.is-open{background:#fff;border-color:#8b5cf6;border-style:solid;cursor:text;outline:4px solid #8b5cf626;outline-offset:0}.tag-picker__slot.is-disabled{cursor:not-allowed;opacity:.6}.tag-picker__input{background:#0000;border:none;color:#1a1a1a;color:var(--text-primary);flex:1 1;font:inherit;font-size:.8125rem;min-width:120px;outline:none}.tag-picker__add-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#4b5563;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:700;gap:6px;padding:4px 10px}.tag-picker__add-btn:hover:not(:disabled){background:#f5f3ff;border-color:#8b5cf6;color:#7c3aed}.tag-picker__add-btn:disabled{cursor:not-allowed}.tag-picker__add-btn--inline{background:#0000;border-style:dashed}.tag-picker__cap-pill{background:#f3f4f6;border-radius:999px;color:#6b7280;color:var(--text-tertiary);font-size:.6875rem;font-weight:700;padding:2px 8px}.tag-picker__pop{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 28px #0f172a2e!important;left:0;max-width:420px;min-width:100%;overflow:hidden;position:absolute;top:calc(100% + 6px);width:360px;z-index:50}.tag-picker__section{padding:8px 10px}.tag-picker__section+.tag-picker__section{border-top:1px solid #f3f4f6}.tag-picker__section-title{color:#6b7280;color:var(--text-tertiary);font-size:.625rem;font-weight:800;letter-spacing:.08em;padding:4px 6px;text-transform:uppercase}.tag-picker__row{align-items:center;background:#0000;border:none;border-radius:6px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:flex;font:inherit;font-size:.8125rem;justify-content:space-between;padding:6px 8px;text-align:left;width:100%}.tag-picker__row:hover:not(:disabled){background:#f3f4f6}.tag-picker__row.is-checked{background:#f5f3ff}.tag-picker__row.is-checked:hover{background:#ede9fe}.tag-picker__row.is-disabled,.tag-picker__row:disabled{cursor:not-allowed;opacity:.5}.tag-picker__row-left{align-items:center;display:inline-flex;gap:8px}.tag-picker__row-meta{color:#6b7280;color:var(--text-tertiary);font-size:.6875rem;font-weight:600}.tag-picker__check{align-items:center;background:#fff;border:1.5px solid #d1d5db;border-radius:4px;color:#fff;display:inline-flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.tag-picker__check.is-checked{background:#8b5cf6;border-color:#8b5cf6}.tag-picker__create-row{align-items:center;background:#fafafa;border:none;border-top:1px solid #f3f4f6;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:flex;font-size:.8125rem;gap:8px;padding:8px 10px;text-align:left;width:100%}.tag-picker__create-row:hover:not(:disabled){background:#f5f3ff}.tag-picker__create-row strong{color:#6d28d9}.tag-picker__create-meta{color:#6b7280;color:var(--text-tertiary);font-weight:600}.tag-picker__create-block{background:#fafafa;border-top:1px solid #f3f4f6}.tag-picker__create-block .tag-picker__create-row{background:#0000;border-top:none}.tag-picker__create-block .tag-picker__create-row>span{flex:1 1;min-width:0}.tag-picker__create-preview{flex-shrink:0;margin-left:8px}.tag-picker__create-colors{align-items:center;display:flex;flex-wrap:wrap;gap:6px;padding:4px 12px 10px}.tag-picker__create-colors-label{color:#6b7280;color:var(--text-tertiary);font-size:.625rem;font-weight:800;letter-spacing:.08em;margin-right:4px;text-transform:uppercase}.tag-picker__hint{background:#f8fafc;border-top:1px solid #f3f4f6;color:#6b7280;color:var(--text-tertiary);font-size:.75rem;padding:8px 12px}.tag-picker__hint--warn{background:#fef3c7;color:#92400e}.tag-picker__footer{background:#f8fafc;border-top:1px solid #f3f4f6;font-size:.6875rem;font-weight:600;justify-content:space-between;padding:8px 14px}.tag-picker__empty,.tag-picker__footer{align-items:center;color:#6b7280;color:var(--text-tertiary);display:flex}.tag-picker__empty{font-size:.8125rem;gap:8px;padding:10px 6px}.tag-picker__cap-hint{align-items:center;color:#b45309;display:inline-flex;font-size:.6875rem;font-weight:700;gap:4px;margin-top:6px}.tag-picker__cap-hint--muted{color:#6b7280;color:var(--text-tertiary);font-weight:600}.tag-field-label{display:flex;font-size:.6875rem;font-weight:700;gap:6px;letter-spacing:.05em;text-transform:uppercase}.tag-field-label,.tag-label-info{align-items:center;color:#6b7280;color:var(--text-tertiary)}.tag-label-info{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;cursor:help;display:inline-flex;font-size:.625rem;font-weight:800;height:14px;justify-content:center;margin-left:4px;position:relative;width:14px}.tag-label-info:hover{background:#f5f3ff;border-color:#ddd6fe;color:#6d28d9}.tag-label-info__pop{background:#1a1a1a;border-radius:8px;color:#fff;display:none;font-size:.6875rem;font-weight:500;left:50%;letter-spacing:normal;line-height:1.5;padding:10px 12px;position:absolute;text-align:left;text-transform:none;top:calc(100% + 8px);transform:translateX(-50%);width:240px;z-index:60}.tag-label-info:focus .tag-label-info__pop,.tag-label-info:hover .tag-label-info__pop{display:block}.tag-chip-row{align-items:center;display:inline-flex;flex-wrap:wrap;gap:4px}.tag-color-swatch{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #e5e7eb;cursor:pointer;display:inline-block;height:28px;padding:0;transition:transform .1s ease,box-shadow .12s ease;width:28px}.tag-color-swatch--sm{border-width:1.5px;height:18px;width:18px}.tag-color-swatch:hover{transform:scale(1.08)}.tag-color-swatch.is-active{box-shadow:0 0 0 2px #8b5cf6,0 0 0 4px #8b5cf633;transform:scale(1.05)}.tag-color-swatch--sm.is-active{box-shadow:0 0 0 2px #8b5cf6,0 0 0 3px #8b5cf62e}.tag-color-swatch:focus-visible{box-shadow:0 0 0 2px #8b5cf6,0 0 0 4px #8b5cf640;outline:none}.tag-color-swatch--tone-slate{background:#475569}.tag-color-swatch--tone-red{background:#ef4444}.tag-color-swatch--tone-amber{background:#f59e0b}.tag-color-swatch--tone-green{background:#10b981}.tag-color-swatch--tone-blue{background:#3b82f6}.tag-color-swatch--tone-purple{background:#8b5cf6}.tag-color-swatch--tone-pink{background:#ec4899}
/*# sourceMappingURL=main.c1f019f1.css.map*/