*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg:#0d0d12;--bg-elevated:#111118;--surface:#14141c;--surface-hover:#1a1a24;--border:rgba(255,255,255,0.07);--border-strong:rgba(255,255,255,0.12);--accent:#6c63ff;--accent-light:#a78bfa;--accent-glow:rgba(108,99,255,0.25);--text:#f1f0ff;--text-secondary:rgba(241,240,255,0.7);--muted:rgba(241,240,255,0.4);--success:#34d399;--warn:#fbbf24;--error:#ef4444;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);color-scheme:dark}[data-theme=light]{--bg:#f8f8fc;--bg-elevated:#ffffff;--surface:#ffffff;--surface-hover:#f0f0f8;--border:rgba(0,0,0,0.08);--border-strong:rgba(0,0,0,0.14);--accent:#5b54e6;--accent-light:#7c6ff0;--accent-glow:rgba(91,84,230,0.2);--text:#111118;--text-secondary:rgba(17,17,24,0.7);--muted:rgba(17,17,24,0.45);--success:#059669;--warn:#d97706;--error:#dc2626;color-scheme:light}body,html{min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select{font-family:inherit}.nav-header{justify-content:space-between;padding:.9rem 2rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-header,.nav-logo{display:flex;align-items:center}.nav-logo{gap:.6rem;text-decoration:none}.nav-logo-icon{background:linear-gradient(135deg,#6c63ff,#8b5cf6);color:#fff;font-size:.7rem;padding:.35rem .5rem;border-radius:.5rem}.nav-logo-icon,.nav-logo-text{font-weight:900;letter-spacing:.5px}.nav-logo-text{font-size:1rem;text-transform:uppercase}.nav-desktop{display:flex;align-items:center;gap:.25rem}.nav-link{padding:.4rem .85rem;font-size:.82rem;font-weight:600;color:var(--muted);border-radius:.5rem;transition:color .15s,background .15s}.nav-link:hover{color:var(--text);background:rgba(108,99,255,.06)}.nav-right{gap:.75rem}.nav-right,.theme-toggle{display:flex;align-items:center}.theme-toggle{width:36px;height:36px;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s}.theme-toggle:hover{color:var(--text);border-color:var(--border-strong)}.nav-cta{background:rgba(108,99,255,.12);border:1px solid rgba(108,99,255,.25);color:var(--accent);border-radius:.5rem;padding:.4rem 1rem;font-size:.78rem;font-weight:700;letter-spacing:.3px;transition:background .15s;white-space:nowrap}.nav-cta:hover{background:rgba(108,99,255,.2)}.nav-avatar-link{display:flex;align-items:center}.nav-avatar{object-fit:cover}.nav-avatar,.nav-avatar-fallback{width:32px;height:32px;border-radius:50%;border:2px solid rgba(108,99,255,.4)}.nav-avatar-fallback{background:linear-gradient(135deg,#6c63ff,#4f46e5);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#fff}.nav-hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;padding:4px;cursor:pointer}.hamburger-line{display:block;width:20px;height:2px;background:var(--text);border-radius:2px;transition:transform .2s,opacity .2s}.hamburger-line.open:first-child{transform:translateY(6px) rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-menu-overlay{position:fixed;inset:0;top:56px;background:rgba(0,0,0,.6);z-index:99;animation:fadeIn .15s ease}.mobile-menu{background:var(--bg-elevated);border-bottom:1px solid var(--border);display:flex;flex-direction:column;padding:.5rem}.mobile-menu-link{padding:.9rem 1.25rem;font-size:.95rem;font-weight:600;color:var(--text);border-radius:.75rem;transition:background .15s}.mobile-menu-link:hover{background:rgba(108,99,255,.06)}.mobile-menu-cta{margin:.5rem;padding:.9rem 1.25rem;font-size:.95rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#6c63ff,#8b5cf6);border-radius:.75rem;text-align:center}@media (max-width:768px){.nav-desktop{display:none}.nav-hamburger{display:flex}.nav-header{padding:.9rem 1.25rem}}@media (min-width:769px){.mobile-menu-overlay{display:none}}.site-footer{border-top:1px solid var(--border);background:var(--bg-elevated);margin-top:auto}.footer-inner{max-width:1100px;margin:0 auto;padding:3rem 2rem 2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:2rem;gap:2rem;margin-bottom:2.5rem}.footer-brand{max-width:280px}.footer-logo{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.footer-logo-icon{background:linear-gradient(135deg,#6c63ff,#8b5cf6);color:#fff;font-weight:900;font-size:.6rem;padding:.3rem .4rem;border-radius:.4rem}.footer-logo-text{font-weight:900;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.footer-tagline{color:var(--muted);font-size:.82rem;line-height:1.6}.footer-col{display:flex;flex-direction:column;gap:.5rem}.footer-col h4{font-size:.72rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-weight:700;margin-bottom:.25rem}.footer-col a{font-size:.82rem;color:var(--muted);transition:color .15s}.footer-col a:hover{color:var(--text)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.72rem;color:var(--muted)}.footer-social{display:flex;gap:.75rem}.footer-social a{color:var(--muted);transition:color .15s}.footer-social a:hover{color:var(--text)}@media (max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem}.footer-brand{grid-column:1/-1;max-width:none}.footer-bottom{flex-direction:column;gap:.75rem;text-align:center}}.game-switcher{max-width:560px;margin:1.5rem auto 0;padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:1rem}.game-switcher-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:700;margin-bottom:.75rem}.game-switcher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:.5rem;gap:.5rem}.game-switcher-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem .4rem;border-radius:.6rem;background:rgba(108,99,255,.04);border:1px solid transparent;transition:all .15s;text-decoration:none}.game-switcher-item:hover{background:rgba(108,99,255,.1);border-color:rgba(108,99,255,.2)}.game-switcher-emoji{font-size:1.2rem}.game-switcher-name{font-size:.68rem;font-weight:600;color:var(--muted)}.help-widget-trigger{position:fixed;bottom:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#6c63ff,#8b5cf6);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px rgba(108,99,255,.4);z-index:90;transition:transform .15s}.help-widget-trigger:hover{transform:scale(1.05)}.help-widget-panel{position:fixed;bottom:5rem;right:1.5rem;width:340px;max-height:480px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:1rem;box-shadow:0 8px 40px rgba(0,0,0,.3);z-index:91;display:flex;flex-direction:column;overflow:hidden;animation:fadeUp .2s ease}.help-widget-header{padding:1.25rem 1.25rem .75rem;border-bottom:1px solid var(--border)}.help-widget-header h3{font-size:1rem;font-weight:800;margin-bottom:.2rem}.help-widget-header p{font-size:.78rem;color:var(--muted)}.help-widget-body{flex:1 1;overflow-y:auto;padding:.5rem}.help-faq-item{border-bottom:1px solid var(--border)}.help-faq-item:last-child{border-bottom:none}.help-faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.85rem .75rem;background:none;border:none;color:var(--text);font-size:.85rem;font-weight:600;text-align:left;cursor:pointer;border-radius:.5rem;transition:background .15s;gap:.5rem}.help-faq-question:hover{background:rgba(108,99,255,.04)}.help-faq-arrow{transition:transform .2s;flex-shrink:0;color:var(--muted)}.help-faq-arrow.expanded{transform:rotate(180deg)}.help-faq-answer{padding:0 .75rem .85rem;font-size:.82rem;color:var(--muted);line-height:1.6}.help-widget-footer{padding:.75rem 1.25rem;border-top:1px solid var(--border);text-align:center}.help-contact-link{font-size:.78rem;color:var(--accent);font-weight:600}@media (max-width:480px){.help-widget-panel{width:calc(100vw - 2rem);right:1rem;bottom:4.5rem}}.game-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;text-decoration:none}.game-card,.game-card-preview{position:relative;overflow:hidden}.game-card-preview{border-radius:.85rem .85rem 0 0;line-height:0}.game-card-preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,transparent,var(--surface));pointer-events:none}.game-card-preview img{width:100%;height:auto;display:block;transition:transform .2s ease}.game-card:hover .game-card-preview img{transform:scale(1.03)}.game-card-content{padding:1.1rem 1.25rem 1.25rem}.game-card:hover{transform:translateY(-3px);border-color:rgba(108,99,255,.3);box-shadow:0 8px 32px rgba(108,99,255,.08)}.game-card-badge{position:absolute;top:.6rem;right:.6rem;display:flex;gap:.3rem;z-index:1}.badge{font-size:.6rem;font-weight:800;padding:.2rem .5rem;border-radius:.35rem;letter-spacing:.3px;text-transform:uppercase}.badge-new{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.25)}.badge-easy{background:rgba(52,211,153,.1);color:#34d399;border:1px solid rgba(52,211,153,.2)}.badge-medium{background:rgba(251,191,36,.1);color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.badge-hard{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.game-card-plays{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;color:var(--muted);margin-top:.5rem}.game-card-plays svg{opacity:.5}.section-container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-weight:700;text-align:center;margin-bottom:1.5rem}.pricing-table{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;overflow:hidden}.pricing-table-header{padding:1rem 1.5rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.pricing-table-header,.pricing-table-row{display:grid;grid-template-columns:1fr 80px 80px;border-bottom:1px solid var(--border)}.pricing-table-row{padding:.75rem 1.5rem;font-size:.85rem;align-items:center}.pricing-table-row:last-child{border-bottom:none}.pricing-check{text-align:center;color:var(--success);font-weight:600}.pricing-x{text-align:center;color:var(--muted)}.pricing-highlight{text-align:center;color:var(--accent-light);font-weight:600}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ios-header-safe{padding-top:calc(.9rem + var(--safe-top))}.ios-bottom-safe{padding-bottom:calc(1rem + var(--safe-bottom))}*{-webkit-tap-highlight-color:transparent}.game-board{-webkit-user-select:none;-moz-user-select:none;user-select:none}.prose h2{color:var(--text);font-size:1.4rem;font-weight:800;margin:2rem 0 .75rem}.prose h3{color:var(--text);font-size:1.1rem;font-weight:700;margin:1.5rem 0 .5rem}.prose p{margin-bottom:1rem}.prose ol,.prose ul{margin:.5rem 0 1rem 1.5rem}.prose li{margin-bottom:.4rem}.prose strong{color:var(--text)}.prose hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.prose a{color:var(--accent)}.legal-content h2{font-size:1.25rem;font-weight:800;color:var(--text);margin:2rem 0 .75rem}.legal-content h3{font-size:1rem;font-weight:700;color:var(--text);margin:1.5rem 0 .5rem}.legal-content p{margin-bottom:1rem}.legal-content p,.legal-content ul{color:var(--muted);line-height:1.8;font-size:.9rem}.legal-content ul{margin:.5rem 0 1rem 1.5rem}.legal-content a{color:var(--accent)}.lexle-game{flex-direction:column;padding:0 12px 16px;gap:12px;--lexle-hit:#34d399;--lexle-close:#fbbf24;--lexle-miss:rgba(241,240,255,0.15);--lexle-hit-bg:rgba(52,211,153,0.12);--lexle-close-bg:rgba(251,191,36,0.12);--lexle-tile-font:"Inter",system-ui,sans-serif}.lexle-game,.lexle-game .lexle-header-row{display:flex;align-items:center;width:100%}.lexle-game .lexle-header-row{gap:8px;max-width:340px;justify-content:flex-end}.lexle-game .lexle-day-badge{font-size:10px;color:var(--muted);font-weight:600}.lexle-game .lexle-icon-btn{width:30px;height:30px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center}.lexle-game .lexle-toasts{position:fixed;top:80px;left:50%;transform:translateX(-50%);z-index:200;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px}.lexle-game .lexle-toast{background:var(--text);color:var(--bg);padding:8px 18px;border-radius:100px;font-weight:600;font-size:13px;animation:lexle-tin .2s ease,lexle-tout .3s ease 1.7s forwards}@keyframes lexle-tin{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes lexle-tout{0%{opacity:1}to{opacity:0}}.lexle-game .lexle-category-card{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;max-width:340px}.lexle-game .lexle-cat-label{font-size:10px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}.lexle-game .lexle-cat-name{font-weight:700;font-size:15px;color:var(--accent)}.lexle-game .lexle-hint-btn{margin-left:auto;padding:6px 12px;border-radius:8px;background:var(--surface);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap;transition:all .15s}.lexle-game .lexle-hint-btn:hover{background:var(--surface-hover);color:var(--text)}.lexle-game .lexle-board{display:grid;grid-template-rows:repeat(6,1fr);grid-gap:5px;gap:5px;width:min(310px,90vw)}.lexle-game .lexle-row{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:5px;gap:5px}.lexle-game .lexle-tile{aspect-ratio:1;border-radius:6px;border:1.5px solid var(--border-strong);background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:clamp(16px,5vw,22px);font-weight:700;color:var(--text);transition:transform .1s,box-shadow .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lexle-game .lexle-filled{border-color:var(--accent);transform:scale(1.02)}.lexle-game .lexle-hit{border-color:var(--lexle-hit);background:var(--lexle-hit-bg);color:var(--lexle-hit);box-shadow:0 0 10px rgba(52,211,153,.3)}.lexle-game .lexle-close{border-color:var(--lexle-close);background:var(--lexle-close-bg);color:var(--lexle-close);box-shadow:0 0 10px rgba(251,191,36,.2)}.lexle-game .lexle-miss{border-color:var(--lexle-miss);background:rgba(255,255,255,.03);color:var(--muted)}.lexle-game .lexle-pop{animation:lexle-pop .12s ease}@keyframes lexle-pop{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}.lexle-game .lexle-shake{animation:lexle-shake .35s ease}@keyframes lexle-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.lexle-game .lexle-reveal{animation:lexle-reveal .4s ease forwards}@keyframes lexle-reveal{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.lexle-game .lexle-color-legend{display:flex;gap:16px;font-size:11px;color:var(--muted);align-items:center}.lexle-game .lexle-legend-item{display:flex;align-items:center;gap:5px}.lexle-game .lexle-legend-dot{width:10px;height:10px;border-radius:2px}.lexle-game .lexle-keyboard{display:flex;flex-direction:column;gap:5px;width:100%;max-width:480px}.lexle-game .lexle-kb-row{display:flex;justify-content:center;gap:4px}.lexle-game .lexle-key{min-width:30px;height:46px;padding:0 4px;border-radius:6px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:1 1;max-width:40px;touch-action:manipulation;transition:all .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.lexle-game .lexle-key-wide{max-width:58px;font-size:11px}.lexle-game .lexle-key-hit{background:var(--lexle-hit-bg);border-color:var(--lexle-hit);color:var(--lexle-hit);box-shadow:0 0 6px rgba(52,211,153,.3)}.lexle-game .lexle-key-close{background:var(--lexle-close-bg);border-color:var(--lexle-close);color:var(--lexle-close);box-shadow:0 0 6px rgba(251,191,36,.2)}.lexle-game .lexle-key-miss{background:rgba(255,255,255,.03);color:var(--muted);border-color:rgba(255,255,255,.05)}.lexle-game .lexle-key:active{transform:scale(.92)}.lexle-game .lexle-result{width:100%;max-width:340px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center;animation:fadeUp .4s ease}.lexle-game .lexle-res-word{font-size:26px;font-weight:700;margin-bottom:4px;letter-spacing:.08em;color:var(--accent)}.lexle-game .lexle-res-def{font-size:13px;color:var(--muted);margin-bottom:16px;line-height:1.5}.lexle-game .lexle-res-stats{display:flex;justify-content:center;gap:24px;margin-bottom:14px}.lexle-game .lexle-stat{display:flex;flex-direction:column;align-items:center}.lexle-game .lexle-stat-n{font-size:24px;font-weight:700}.lexle-game .lexle-stat-l{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.lexle-game .lexle-timer{font-size:12px;color:var(--muted);margin-bottom:12px}.lexle-game .lexle-timer span{font-weight:600;color:var(--text)}.lexle-game .lexle-share-btn{width:100%;height:52px;background:linear-gradient(135deg,#6c63ff,#8b5cf6);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:800;cursor:pointer;touch-action:manipulation;letter-spacing:.02em;transition:opacity .15s;box-shadow:0 0 20px rgba(108,99,255,.3)}.lexle-game .lexle-share-btn:hover{opacity:.88}.lexle-game .lexle-share-btn:active{transform:scale(.95)}.lexle-game .lexle-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:200;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lexle-game .lexle-modal{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:16px;padding:28px 24px;max-width:340px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.4);position:relative}.lexle-game .lexle-modal h2{font-size:15px;font-weight:700;letter-spacing:.08em;text-align:center;text-transform:uppercase;margin-bottom:16px;color:var(--accent)}.lexle-game .lexle-modal-x{position:absolute;top:14px;right:14px;background:var(--surface);border:1px solid var(--border);border-radius:50%;width:28px;height:28px;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px}.lexle-game .lexle-how{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;font-size:13px;color:var(--muted);line-height:1.5}.lexle-game .lexle-how-n{width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.lexle-game .lexle-example-row{display:flex;gap:4px;margin:10px 0}.lexle-game .lexle-ex-tile{width:34px;height:34px;border-radius:4px;border:2px solid;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.lexle-game .lexle-ex-hit{border-color:var(--lexle-hit);background:var(--lexle-hit-bg);color:var(--lexle-hit)}.lexle-game .lexle-ex-close{border-color:var(--lexle-close);background:var(--lexle-close-bg);color:var(--lexle-close)}.lexle-game .lexle-ex-miss{border-color:var(--lexle-miss);background:rgba(255,255,255,.03);color:var(--muted)}.lexle-game .lexle-ex-plain{border-color:var(--border-strong);color:var(--text)}.lexle-game .lexle-modal-note{margin-top:12px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:12px;color:var(--muted);line-height:1.5}@keyframes lexle-confetti-fall{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(2turn);opacity:0}}