.home-hero{padding:calc(var(--space-3xl) + 1rem) 0 var(--space-3xl);text-align:center;background:radial-gradient(ellipse 100% 80% at 50% -20%,rgba(0,201,177,.15) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 95% 110%,rgba(0,201,177,.07) 0%,transparent 55%)}.hero-eyebrow{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.hero-headline{font-size:clamp(2.5rem,5.5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:var(--space-lg);font-family:var(--font-heading);color:var(--color-text)}.hero-accent{color:var(--color-accent)}.hero-sub{font-size:1.1rem;color:var(--color-text-muted);max-width:580px;margin:0 auto var(--space-2xl);line-height:1.7}.hero-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-2xl)}.btn-lg{padding:.85rem 2.2rem;font-size:1.05rem}.hero-stats{display:flex;gap:var(--space-2xl);justify-content:center;flex-wrap:wrap;margin-top:var(--space-xl)}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.hero-stat strong{display:block;font-size:1.75rem;font-weight:800;color:var(--color-accent);font-family:var(--font-heading)}.hero-stat span{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.daily-feature{padding:var(--space-2xl) 0}.daily-feature-card{background:var(--color-bg-surface);border:2px solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-2xl);display:flex;align-items:center;gap:var(--space-2xl);flex-wrap:wrap}.daily-feature-icon{font-size:2.5rem;line-height:1;flex-shrink:0}.daily-feature-content{flex:1;min-width:250px}.daily-feature-content p:first-of-type{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-xs);font-weight:600}.daily-feature-content h2{font-size:1.75rem;margin-bottom:var(--space-md);font-weight:700}.daily-feature-content>p{color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-md)}.daily-feature-streak{margin:var(--space-md) 0;color:var(--color-text-muted);font-size:.95rem}.daily-feature-streak strong{color:var(--color-accent);font-weight:700}.daily-today-status{display:flex;gap:var(--space-md);margin:var(--space-sm) 0 var(--space-md)}.dts-item{font-size:.9rem;font-weight:500}.dts-done{color:var(--color-accent)}.dts-todo{color:var(--color-text-muted)}.daily-feature-right{flex-shrink:0}.daily-duo{display:flex;align-items:center;gap:var(--space-sm)}.daily-duo-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);font-size:.85rem;color:var(--color-text-muted)}.daily-duo-icon{font-size:2rem;line-height:1}.daily-duo-plus{color:var(--color-accent);font-weight:700;font-size:1.2rem}@media(max-width:768px){.daily-feature-card{padding:var(--space-lg) var(--space-xl);gap:var(--space-lg)}.daily-feature-content h2{font-size:1.4rem}.daily-feature-right{width:100%;text-align:center}}.games-section{padding:var(--space-2xl) 0}.games-section-title{text-align:center;margin-bottom:var(--space-2xl)}.games-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media(min-width:660px){.games-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.games-grid{grid-template-columns:repeat(4,1fr)}}.game-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--transition),transform var(--transition)}.game-card:hover{border-color:var(--color-accent);transform:translateY(-3px)}.game-preview{height:220px;background:linear-gradient(135deg,var(--color-bg-elevated) 0%,var(--color-bg-surface) 100%);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);position:relative}.game-card-content{padding:var(--space-xl);flex:1;display:flex;flex-direction:column}.game-card-title{font-size:1.3rem;font-weight:700;margin-bottom:var(--space-sm)}.game-card-desc{color:var(--color-text-muted);font-size:.95rem;line-height:1.6;margin-bottom:var(--space-md)}.game-card-difficulties{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-lg);margin-top:auto}.difficulty-pill{display:inline-block;padding:.3rem .8rem;background:var(--color-accent-dim);color:var(--color-accent);border-radius:99px;font-size:.75rem;font-weight:600;text-transform:capitalize}.sudoku-preview{width:100%;max-width:165px;margin:0 auto}.sp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--color-border);padding:4px;border-radius:6px;box-shadow:0 2px 8px #0003;border:1px solid var(--color-border)}.sp-cell{background:var(--color-bg-surface);border:1px solid var(--color-border);aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;color:var(--color-text);font-family:var(--font-heading)}.sp-cell:nth-child(n+5):nth-child(-n+8){border-bottom:3px solid var(--color-border)}.sp-cell:nth-child(2n){border-right:3px solid var(--color-border)}.sp-selected{background:var(--color-accent);color:var(--color-bg);font-weight:800}.nonogram-preview{display:flex;flex-direction:column;gap:4px}.np-clues-top{display:flex;gap:0;flex:1}.np-clues-col{flex:1;font-size:.6rem;color:var(--color-text-muted);line-height:1;font-weight:600;height:16px;display:flex;align-items:center;justify-content:center}.np-clues-left{display:flex;gap:0;flex-direction:column;width:20px;height:176px}.np-clue-label{font-size:.6rem;color:var(--color-text-muted);font-weight:600;flex:1;display:flex;align-items:center;justify-content:flex-end;padding-right:4px}.np-grid{display:inline-grid;grid-template-columns:repeat(5,30px);gap:0;background:var(--color-border);padding:4px;border-radius:6px;box-shadow:0 2px 8px #0003;border:1px solid var(--color-border)}.np-cell{width:30px;height:30px;background:var(--color-bg-surface);border:1px solid var(--color-border)}.np-filled{background:var(--color-accent);border-color:var(--color-accent)}.minesweeper-preview{width:100%;max-width:165px;margin:0 auto}.ms-preview{display:inline-grid;grid-template-columns:repeat(5,1fr);gap:0;background:var(--color-border);padding:4px;border-radius:6px;box-shadow:0 2px 8px #0003;border:1px solid var(--color-border);width:100%}.ms-cell{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;border-radius:0;border:1px solid var(--color-border)}.ms-covered{background:linear-gradient(135deg,#1e2d40,#162032);border:1px solid rgba(255,255,255,.1);box-shadow:inset 1px 1px #ffffff1a,inset -1px -1px #00000080}html[data-theme=light] .ms-covered{background:linear-gradient(135deg,#d0d8e0,#c0cad8);border:1px solid rgba(0,0,0,.15);box-shadow:inset 1px 1px #fff9,inset -1px -1px #00000026}.ms-empty{background:var(--color-bg-surface);border:1px solid var(--color-border)}.ms-num-1{background:#00c9b140;color:var(--color-accent);font-weight:800}.ms-num-2{background:#e8843a40;color:#e8843a;font-weight:800}.ms-num-3{background:#d95f5f40;color:#d95f5f;font-weight:800}.ms-flag{color:var(--color-accent);font-size:1.1rem}.ms-mine{color:#d95f5f;font-size:1.1rem}.mahjong-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.mj-pt-board{display:flex;flex-direction:column;align-items:center;gap:3px}.mj-pt-row{display:flex;gap:3px}.mj-pt-row--raised{margin-top:-5px}.mj-pt{position:relative;width:30px;height:40px;flex-shrink:0;border-radius:3px;box-shadow:3px 3px 4px #0000008c,1px 1px 2px #00000059}.mj-pt-base{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:3px;display:block}.mj-pt-icon{position:absolute;width:65%;height:65%;top:17.5%;left:17.5%;display:block}.mj-pt--closed{filter:brightness(.55) saturate(.5)}.mj-pt--sel{outline:2px solid var(--color-accent);outline-offset:-1px;filter:brightness(1.15)}.mj-pt-row--raised .mj-pt{box-shadow:4px 4px 6px #000000a6,2px 2px 3px #0006}.how-it-works{padding:var(--space-2xl) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.how-steps{display:flex;justify-content:center;gap:var(--space-2xl);flex-wrap:wrap;text-align:center}.how-step{flex:0 1 200px}.how-step-num{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--color-accent-dim);color:var(--color-accent);border-radius:50%;font-size:1.5rem;font-weight:800;margin-bottom:var(--space-md)}.how-step-text{font-size:1.05rem;font-weight:600;color:var(--color-text-muted)}.site-stats-section{padding:var(--space-2xl) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:#00c9b108}.site-stats-header{text-align:center;margin-bottom:var(--space-xl)}.site-stats-header h2{font-size:1.4rem;font-weight:700;color:var(--color-text-muted)}.site-stats-grid{display:flex;justify-content:center;align-items:center;gap:var(--space-3xl);flex-wrap:wrap;text-align:center}.site-stat{display:flex;flex-direction:column;gap:var(--space-xs);min-width:100px}.site-stat strong{font-size:2.5rem;font-weight:800;font-family:var(--font-heading);color:var(--color-accent);line-height:1}.site-stat--total strong{font-size:3.5rem}.site-stat span{font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.badges-showcase{padding:var(--space-2xl) 0}.badges-showcase-header{text-align:center;margin-bottom:var(--space-2xl)}.badges-showcase-header h2{margin-bottom:var(--space-sm)}.badges-showcase-header p{color:var(--color-text-muted);max-width:500px;margin:0 auto}.badges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-lg)}.badge-showcase-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;transition:border-color var(--transition),transform var(--transition)}.badge-showcase-card:hover{transform:translateY(-2px)}.badge-showcase-card--milestone{border-top:2px solid #f0b429;background:linear-gradient(160deg,rgba(240,180,41,.06) 0%,var(--color-bg-surface) 60%)}.badge-showcase-card--milestone:hover{border-color:#f0b429}.badge-showcase-card--milestone .badge-name{color:#f0b429}.badge-showcase-card--streak{border-top:2px solid var(--color-accent);background:linear-gradient(160deg,rgba(0,201,177,.07) 0%,var(--color-bg-surface) 60%)}.badge-showcase-card--streak:hover{border-color:var(--color-accent)}.badge-showcase-card--streak .badge-name{color:var(--color-accent)}.badge-showcase-card--speed{border-top:2px solid #e8843a;background:linear-gradient(160deg,rgba(232,132,58,.07) 0%,var(--color-bg-surface) 60%)}.badge-showcase-card--speed:hover{border-color:#e8843a}.badge-showcase-card--speed .badge-name{color:#e8843a}.badge-showcase-card--skill{border-top:2px solid #a78bfa;background:linear-gradient(160deg,rgba(167,139,250,.07) 0%,var(--color-bg-surface) 60%)}.badge-showcase-card--skill:hover{border-color:#a78bfa}.badge-showcase-card--skill .badge-name{color:#a78bfa}.badge-icon{font-size:2.5rem;line-height:1;margin-bottom:var(--space-md)}.badge-name{display:block;font-weight:700;margin-bottom:var(--space-xs);color:var(--color-text)}.badge-desc{font-size:.85rem;color:var(--color-text-muted);line-height:1.5}@media(max-width:768px){.home-hero{padding:calc(var(--space-2xl) + 1rem) 0 var(--space-2xl)}.hero-headline{font-size:clamp(2rem,5vw,2.8rem)}.hero-sub{font-size:1rem;max-width:100%}.hero-stats{gap:var(--space-lg)}.hero-stat strong{font-size:1.5rem}.btn-lg{padding:.75rem 1.8rem;font-size:.95rem}.daily-feature-card{flex-direction:column;gap:var(--space-lg);padding:var(--space-lg)}.daily-duo{justify-content:center}.site-stats-grid{gap:var(--space-xl)}.site-stat strong{font-size:2rem}.site-stat--total strong{font-size:2.5rem}.how-steps{gap:var(--space-lg)}.how-step{flex-basis:100%}.how-step-num{width:45px;height:45px;font-size:1.3rem}.badges-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-md)}.badge-icon{font-size:2rem}.badge-name{font-size:.95rem}.badge-desc{font-size:.8rem}}@media(max-width:480px){.hero-headline{font-size:1.75rem}.badges-grid{grid-template-columns:repeat(2,1fr)}}.features-section{padding:var(--space-3xl) 0;border-top:1px solid var(--color-border)}.features-heading{text-align:center;margin-bottom:var(--space-2xl);font-size:clamp(1.4rem,3vw,1.9rem)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-xl)}.feature-item{display:flex;flex-direction:column;gap:var(--space-sm)}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-dim);border-radius:var(--radius-md);font-size:1.3rem;color:var(--color-accent);margin-bottom:var(--space-xs);flex-shrink:0}.feature-title{font-size:1.05rem;font-weight:700;color:var(--color-text)}.feature-desc{font-size:.9rem;color:var(--color-text-muted);line-height:1.65}@media(max-width:600px){.features-grid{grid-template-columns:1fr;gap:var(--space-lg)}.feature-item{flex-direction:row;align-items:flex-start;gap:var(--space-md)}.feature-icon{margin-bottom:0}}