.games-root{--g-bg:#050507;--g-bg-soft:#0a0a12;--g-surface-1:rgba(255,255,255,0.03);--g-surface-2:rgba(255,255,255,0.06);--g-surface-3:rgba(255,255,255,0.10);--g-line-1:rgba(255,255,255,0.06);--g-line-2:rgba(255,255,255,0.12);--g-line-3:rgba(255,255,255,0.20);--g-text-1:#f5f5f7;--g-text-2:#a1a1aa;--g-text-3:#71717a;--g-cyan:#00d4ff;--g-cyan-soft:rgba(0,212,255,0.15);--g-cyan-glow:rgba(0,212,255,0.35);--g-amber:#fbbf24;--g-pink:#ec4899;--g-green:#34d399;--g-red:#f87171;--g-ease:cubic-bezier(0.16,1,0.3,1);--g-ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--g-r-sm:8px;--g-r-md:16px;--g-r-lg:24px;color-scheme:dark}html.light .games-root{--g-bg:#fafafa;--g-bg-soft:#f4f4f7;--g-surface-1:rgba(0,0,0,0.025);--g-surface-2:rgba(0,0,0,0.05);--g-surface-3:rgba(0,0,0,0.09);--g-line-1:rgba(0,0,0,0.10);--g-line-2:rgba(0,0,0,0.18);--g-line-3:rgba(0,0,0,0.28);--g-text-1:#0a0a0f;--g-text-2:#374151;--g-text-3:#4b5563;color-scheme:light}.games-root{position:relative;min-height:100vh;background:var(--g-bg);color:var(--g-text-1);font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.games-aurora{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:strict;will-change:transform}.games-aurora:after,.games-aurora:before{content:"";position:absolute;width:60vw;height:60vw;border-radius:50%;filter:blur(80px);opacity:.28;animation:aurora-drift 20s var(--g-ease) infinite;will-change:transform;transform:translateZ(0)}.games-aurora:before{background:radial-gradient(circle,var(--g-cyan) 0,transparent 70%);top:-20vw;left:-10vw}.games-aurora:after{background:radial-gradient(circle,var(--g-amber) 0,transparent 70%);bottom:-20vw;right:-10vw;animation-delay:-10s}html.light .games-aurora:after,html.light .games-aurora:before{opacity:.15}@keyframes aurora-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30vw,10vh) scale(1.15)}66%{transform:translate(-20vw,-5vh) scale(.9)}}.games-grid-overlay{position:fixed;inset:0;background-image:linear-gradient(to right,var(--g-line-1) 1px,transparent 1px),linear-gradient(to bottom,var(--g-line-1) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 0,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 0,transparent 80%);pointer-events:none;z-index:0;opacity:.5;contain:strict;transform:translateZ(0)}@media (max-width:900px){.games-grid-overlay{display:none}.games-aurora:after,.games-aurora:before{filter:blur(60px);opacity:.22}}.games-content{position:relative;z-index:1}.games-hero{padding:80px 24px 48px;max-width:1200px;margin:0 auto;text-align:center}.games-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--g-surface-2);border:1px solid var(--g-line-2);border-radius:999px;font-size:12px;font-weight:500;color:var(--g-text-2);letter-spacing:.05em;text-transform:uppercase;margin-bottom:24px;animation:fadeInUp .8s var(--g-ease) .1s both}.games-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--g-green);box-shadow:0 0 8px var(--g-green);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.games-title{font-size:clamp(2.5rem,7vw,5rem);font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:20px;animation:fadeInUp .9s var(--g-ease) .2s both}.games-title-accent{background:linear-gradient(135deg,var(--g-cyan) 0,var(--g-amber) 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-shift 6s ease infinite}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.games-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--g-text-2);max-width:640px;margin:0 auto 32px;line-height:1.5;animation:fadeInUp 1s var(--g-ease) .3s both}.games-stats{display:flex;justify-content:center;gap:clamp(24px,5vw,64px);margin-top:40px;animation:fadeInUp 1.1s var(--g-ease) .4s both}.games-stat{text-align:center}.games-stat-num{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--g-text-1);letter-spacing:-.02em}.games-stat-label{font-size:12px;color:var(--g-text-2);font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.games-grid{max-width:1200px;margin:0 auto;padding:0 24px 80px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.game-card{position:relative;display:block;padding:28px;background:var(--g-surface-1);border:1px solid var(--g-line-1);border-radius:var(--g-r-lg);text-decoration:none;color:var(--g-text-1);overflow:hidden;transition:transform .4s var(--g-ease),border-color .4s var(--g-ease),background .4s var(--g-ease);isolation:isolate;animation:fadeInUp .6s var(--g-ease) both;cursor:pointer}.game-card:first-child{animation-delay:.05s}.game-card:nth-child(2){animation-delay:.1s}.game-card:nth-child(3){animation-delay:.15s}.game-card:nth-child(4){animation-delay:.2s}.game-card:nth-child(5){animation-delay:.25s}.game-card:nth-child(6){animation-delay:.3s}.game-card:nth-child(7){animation-delay:.35s}.game-card:nth-child(8){animation-delay:.4s}.game-card:nth-child(9){animation-delay:.45s}.game-card:nth-child(10){animation-delay:.5s}.game-card:hover{transform:translateY(-6px);border-color:var(--g-line-3);background:var(--g-surface-2)}.game-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--card-angle,0deg),transparent 0deg,var(--card-glow,var(--g-cyan)) 90deg,transparent 180deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s var(--g-ease);z-index:-1;animation:rotate-glow 4s linear infinite}.game-card:hover:before{opacity:1}@property --card-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotate-glow{to{--card-angle:360deg}}.game-card-icon{width:56px;height:56px;border-radius:var(--g-r-md);display:grid;place-items:center;font-size:28px;margin-bottom:20px;background:var(--g-surface-2);border:1px solid var(--g-line-2);transition:transform .4s var(--g-ease-bounce)}.game-card:hover .game-card-icon{transform:scale(1.1) rotate(-4deg)}.game-card-badge{position:absolute;top:20px;right:20px;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--g-cyan-soft);color:var(--g-cyan);border:1px solid var(--g-cyan-soft)}.game-card-badge.hot{background:rgba(251,191,36,.15);color:var(--g-amber);border-color:rgba(251,191,36,.3)}.game-card-badge.new{background:rgba(52,211,153,.15);color:var(--g-green);border-color:rgba(52,211,153,.3)}.game-card-badge.soon{background:var(--g-surface-2);color:var(--g-text-2);border-color:var(--g-line-2);font-weight:700}.game-card-title{font-size:1.15rem;font-weight:600;letter-spacing:-.01em;margin-bottom:8px;color:var(--g-text-1)}.game-card-desc{font-size:.875rem;color:var(--g-text-2);line-height:1.5;margin-bottom:20px}.game-card-meta{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--g-line-1);font-size:12px;color:var(--g-text-2);font-weight:500}.game-card-cta,.game-card-meta-item{display:inline-flex;align-items:center;gap:4px}.game-card-cta{margin-left:auto;color:var(--g-text-1);font-weight:700;transition:gap .3s var(--g-ease),color .3s var(--g-ease)}html.light .game-card-cta{color:#0f172a}.game-card:hover .game-card-cta{gap:8px;color:var(--g-cyan)}html.light .game-card:hover .game-card-cta{color:#0284c7}.game-card[data-accent=cyan]{--card-glow:var(--g-cyan)}.game-card[data-accent=amber]{--card-glow:var(--g-amber)}.game-card[data-accent=pink]{--card-glow:var(--g-pink)}.game-card[data-accent=green]{--card-glow:var(--g-green)}.game-card[data-accent=violet]{--card-glow:var(--g-pink)}.game-card.coming-soon{opacity:.7;cursor:not-allowed}.game-card.coming-soon:hover{transform:none;border-color:var(--g-line-1);background:var(--g-surface-1)}.game-card.coming-soon:hover .game-card-icon{transform:none}.game-card.coming-soon:before{display:none}.game-page{max-width:900px;margin:0 auto;padding:48px 24px 80px;position:relative;z-index:1}.game-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--g-text-2);margin-bottom:24px;font-weight:500}.game-breadcrumb a{color:var(--g-text-2);text-decoration:none;transition:color .2s}.game-breadcrumb a:hover{color:var(--g-cyan)}html.light .game-breadcrumb a:hover{color:#0284c7}.game-header{text-align:center;margin-bottom:40px;animation:fadeInUp .6s var(--g-ease) both}.game-icon-hero{width:80px;height:80px;border-radius:20px;background:var(--g-surface-2);border:1px solid var(--g-line-2);display:grid;place-items:center;font-size:40px;margin:0 auto 20px;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.game-title-h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.03em;margin-bottom:12px;color:var(--g-text-1)}.game-tagline{font-size:1.05rem;color:var(--g-text-2);max-width:500px;margin:0 auto}.game-panel{background:var(--g-surface-1);border:1px solid var(--g-line-2);border-radius:var(--g-r-lg);padding:clamp(20px,4vw,40px);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.game-layout,.game-panel{animation:fadeInUp .7s var(--g-ease) .1s both}.game-layout{display:block}.game-layout>.cps-wrap,.game-layout>.rt-wrap,.game-layout>.tst-wrap{background:var(--g-surface-1);border:1px solid var(--g-line-2);border-radius:var(--g-r-lg);padding:clamp(20px,4vw,40px);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);min-width:0}.game-layout__aside{position:relative;margin-top:24px}@media (min-width:1240px){.game-layout__aside{position:fixed;top:96px;left:calc(50% + 470px);width:calc(50vw - 490px);min-width:240px;max-width:360px;margin-top:0;max-height:calc(100vh - 120px);overflow-y:auto;z-index:5;scrollbar-width:thin;scrollbar-color:var(--g-line-2) transparent}.game-layout__aside::-webkit-scrollbar{width:6px}.game-layout__aside::-webkit-scrollbar-thumb{background:var(--g-line-2);border-radius:3px}}.game-aside-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--g-text-2);margin:0 0 12px}.game-aside-title:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--g-cyan);box-shadow:0 0 8px var(--g-cyan-glow)}.game-aside-card{background:var(--g-surface-1);border:1px solid var(--g-line-2);border-radius:var(--g-r-md);padding:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.game-aside-note{margin:12px 0 0;padding:10px 12px;font-size:12px;color:var(--g-text-2);background:var(--g-surface-2);border:1px dashed var(--g-line-2);border-radius:10px;line-height:1.5}.game-aside-note strong{color:var(--g-text-1)}.game-aside-note a{color:var(--g-cyan);font-weight:600;text-decoration:none}html.light .game-aside-note a{color:#0284c7}.game-aside-note a:hover{text-decoration:underline}.game-tips{margin-top:32px;background:var(--g-surface-1);border:1px solid var(--g-line-2);border-radius:var(--g-r-lg);padding:clamp(24px,4vw,40px)}.game-tips h2{margin:0 0 6px;font-size:clamp(1.5rem,3vw,1.9rem);color:var(--g-text-1);letter-spacing:-.02em}.game-tips-lead{color:var(--g-text-2);margin:0 0 24px;font-size:15px;line-height:1.6}.game-tips-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:0}.game-tip{display:flex;gap:12px;padding:16px;background:var(--g-surface-2);border-radius:var(--g-r-md);transition:transform .2s var(--g-ease),border-color .2s}.game-tip:hover{transform:translateY(-2px);border-color:var(--g-line-3)}.game-tip-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:18px;background:var(--g-surface-3);border:1px solid var(--g-line-2)}.game-tip-body{flex:1;min-width:0}.game-tip-title{font-size:14px;margin:0 0 4px}.game-tip-desc{font-size:13px}.game-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:32px}.game-stat-pill{background:var(--g-surface-2);border:1px solid var(--g-line-1);border-radius:var(--g-r-md);padding:16px;text-align:center;transition:border-color .3s var(--g-ease)}.game-stat-pill:hover{border-color:var(--g-line-3)}.game-stat-pill-num{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;color:var(--g-cyan);font-variant-numeric:tabular-nums;transition:color .3s}.game-stat-pill.amber .game-stat-pill-num{color:var(--g-amber)}.game-stat-pill.pink .game-stat-pill-num{color:var(--g-pink)}.game-stat-pill.green .game-stat-pill-num{color:var(--g-green)}.game-stat-pill-label{font-size:11px;color:var(--g-text-2);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.game-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border-radius:999px;font-size:15px;font-weight:600;border:1px solid var(--g-line-2);background:var(--g-surface-2);color:var(--g-text-1);cursor:pointer;transition:transform .2s var(--g-ease),background .2s,border-color .2s;font-family:inherit;text-decoration:none}html.light .game-btn{border-color:rgba(0,0,0,.22);background:#fff}.game-btn:hover:not(:disabled){transform:translateY(-2px);border-color:var(--g-line-3);background:var(--g-surface-3)}html.light .game-btn:hover:not(:disabled){border-color:#0284c7;background:#f0f9ff;color:#0369a1}.game-btn:disabled{opacity:.5;cursor:not-allowed}.game-btn.primary{background:linear-gradient(135deg,var(--g-cyan) 0,var(--g-amber) 100%);color:#050507;border-color:transparent;box-shadow:0 8px 24px var(--g-cyan-glow)}.game-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px var(--g-cyan-glow)}html.light .game-btn.primary{color:#0a0a0f}.game-tabs{display:inline-flex;gap:4px;padding:4px;background:var(--g-surface-2);border:1px solid var(--g-line-1);border-radius:999px;margin-bottom:24px}.game-tab{padding:8px 18px;border-radius:999px;font-size:13px;font-weight:500;color:var(--g-text-2);border:none;background:transparent;cursor:pointer;transition:all .3s var(--g-ease);font-family:inherit}.game-tab.active{background:var(--g-text-1);color:var(--g-bg)}.game-faq{max-width:700px;margin:60px auto 0;padding:0 24px}.game-faq-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:24px;color:var(--g-text-1);text-align:center}.game-faq-item{border-bottom:1px solid var(--g-line-1);padding:20px 0}.game-faq-q{font-size:1rem;font-weight:600;color:var(--g-text-1);cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none}.game-faq-q::-webkit-details-marker{display:none}.game-faq-q:after{content:"+";font-size:1.5rem;color:var(--g-text-3);transition:transform .3s var(--g-ease)}details[open] .game-faq-q:after{transform:rotate(45deg)}.game-faq-a{color:var(--g-text-2);line-height:1.6;margin-top:12px;font-size:.9375rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.shake{animation:shake .4s ease-in-out}@media (prefers-reduced-motion:reduce){.game-card,.game-icon-hero,.games-aurora:after,.games-aurora:before,.games-eyebrow-dot,.games-title-accent{animation:none!important}*{transition-duration:.01ms!important}}.game-explainer{max-width:780px;margin:80px auto 0;display:flex;flex-direction:column;gap:56px}.game-explainer-section{display:block}.game-explainer-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--g-line-2);border-radius:999px;background:var(--g-surface-1);color:var(--g-text-2);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.game-explainer-kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--g-cyan);box-shadow:0 0 8px var(--g-cyan-glow)}.game-explainer h2{color:var(--g-text-1);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 20px}.game-explainer p{color:var(--g-text-2);line-height:1.7;margin:0 0 16px;font-size:1rem}.game-explainer p strong{color:var(--g-text-1);font-weight:600}.game-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:8px}@media (max-width:720px){.game-tier-grid{grid-template-columns:1fr}}.game-tier{position:relative;padding:20px 18px;border:1px solid var(--g-line-2);border-radius:14px;background:var(--g-surface-1);transition:transform .2s var(--g-ease),border-color .2s var(--g-ease),background .2s var(--g-ease);overflow:hidden}.game-tier:hover{transform:translateY(-2px);border-color:var(--g-line-3);background:var(--g-surface-2)}.game-tier-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.game-tier-badge{font-size:1.5rem;line-height:1}.game-tier-name{font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--g-text-1)}.game-tier-desc{color:var(--g-text-2);font-size:.9rem;line-height:1.55;margin:0}.game-tier--easy{border-top:3px solid var(--g-green)}.game-tier--medium{border-top:3px solid var(--g-amber)}.game-tier--hard{border-top:3px solid var(--g-pink)}.game-bench-list{display:flex;flex-direction:column;gap:10px;margin:8px 0;padding:0;list-style:none}.game-bench{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--g-line-1);border-radius:10px;background:var(--g-surface-1);transition:border-color .15s var(--g-ease),background .15s var(--g-ease)}.game-bench:hover{border-color:var(--g-line-2);background:var(--g-surface-2)}@media (max-width:640px){.game-bench{grid-template-columns:100px 1fr}.game-bench-emoji{grid-column:1/2;grid-row:1/3}}.game-bench-value{font-size:1.05rem;font-weight:700;color:var(--g-text-1);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.game-bench-value--cps:after,.game-bench-value--ms:after,.game-bench-value--wpm:after{content:"";margin-left:4px;color:var(--g-text-3);font-weight:500;font-size:.85rem}.game-bench-value--wpm:after{content:" WPM"}.game-bench-value--cps:after{content:" CPS"}.game-bench-value--ms:after{content:" ms"}.game-bench-desc{color:var(--g-text-2);font-size:.9rem;line-height:1.4}.game-bench-emoji{font-size:1.35rem;line-height:1;opacity:.85}.game-bench:first-child .game-bench-value{color:var(--g-text-3)}.game-bench:nth-child(2) .game-bench-value{color:var(--g-text-2)}.game-bench:nth-child(3) .game-bench-value,.game-bench:nth-child(4) .game-bench-value{color:var(--g-cyan)}.game-bench:nth-child(5) .game-bench-value{color:var(--g-amber)}.game-bench:nth-child(6) .game-bench-value{color:var(--g-pink)}.game-tips-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0;padding:0;list-style:none}@media (max-width:720px){.game-tips-grid{grid-template-columns:1fr}}.game-tip{padding:16px 18px;border:1px solid var(--g-line-1);border-radius:12px;background:var(--g-surface-1);transition:border-color .15s var(--g-ease),background .15s var(--g-ease),transform .15s var(--g-ease)}.game-tip:hover{border-color:var(--g-line-2);background:var(--g-surface-2);transform:translateY(-1px)}.game-tip-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.game-tip-icon{font-size:1.15rem;line-height:1}.game-tip-title{font-size:.95rem;font-weight:700;color:var(--g-text-1);letter-spacing:-.01em}.game-tip-desc{color:var(--g-text-2);font-size:.9rem;line-height:1.5;margin:0}.game-callout{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--g-line-2);border-left:3px solid var(--g-cyan);border-radius:10px;background:var(--g-cyan-soft);margin:12px 0}.game-callout-icon{font-size:1.1rem;line-height:1.4;flex-shrink:0}.game-callout-body{color:var(--g-text-1);font-size:.925rem;line-height:1.55}.game-callout-body strong{font-weight:700}.game-related{max-width:780px;margin:64px auto 0;text-align:center}.game-related-title{color:var(--g-text-1);font-size:1.2rem;font-weight:700;letter-spacing:-.01em;margin:0 0 18px}.game-related-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}