:root{--primary: #4F46E5;--primary-light: #6366F1;--primary-dark: #3730A3;--secondary: #7C3AED;--accent: #06B6D4;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--bg: #FFFFFF;--bg-secondary: #F8FAFC;--bg-tertiary: #F1F5F9;--text: #1E293B;--text-secondary: #64748B;--text-muted: #94A3B8;--border: #E2E8F0;--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--grid-cell: 40px;--header-height: 70px}[data-theme=dark]{--bg: #0F172A;--bg-secondary: #1E293B;--bg-tertiary: #334155;--text: #F1F5F9;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--border: #334155;--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 6px rgba(0,0,0,.3);--shadow-lg: 0 10px 15px rgba(0,0,0,.3)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;transition:var(--transition);overflow-x:hidden}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-light)}img{max-width:100%;height:auto}button{cursor:pointer;font-family:inherit;border:none;background:none;font-size:inherit}ul{list-style:none}.ad-container{width:100%;display:flex;justify-content:center;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.ad-placeholder{width:100%;max-width:728px;height:90px;background:var(--bg-tertiary);border:2px dashed var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.85rem;font-weight:500}.ad-header{position:sticky;top:0;z-index:99}.ad-footer{border-top:1px solid var(--border);border-bottom:none;margin-top:20px}.ad-sidebar{display:none;position:sticky;top:calc(var(--header-height) + 110px)}.ad-sidebar .ad-placeholder{width:300px;height:250px}.ad-inline .ad-placeholder{height:100px;margin:20px 0}@media (min-width: 1200px){.ad-sidebar{display:block}}.site-header{position:sticky;top:90px;z-index:100;background:var(--bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar{max-width:1200px;margin:0 auto;padding:0 20px;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:8px;font-size:1.4rem;font-weight:800;color:var(--text);text-decoration:none}.logo-icon{font-size:1.6rem}.logo-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:8px}.nav-links a{padding:8px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:500;font-size:.9rem;transition:var(--transition)}.nav-links a:hover,.nav-links a.active{color:var(--primary);background:#4f46e514}.nav-actions{display:flex;gap:4px}.btn-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-secondary);transition:var(--transition)}.btn-icon:hover{background:var(--bg-tertiary);color:var(--primary)}.nav-toggle{display:none;flex-direction:column;gap:5px;width:30px;padding:5px}.nav-toggle span{display:block;height:2px;background:var(--text);border-radius:2px;transition:var(--transition)}.search-bar{max-width:1200px;margin:0 auto;padding:0 20px 12px;display:none;gap:8px}.search-bar.active{display:flex}.search-bar input{flex:1;padding:10px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;background:var(--bg);color:var(--text);outline:none;transition:var(--transition)}.search-bar input:focus{border-color:var(--primary)}.search-bar button{padding:10px 20px;background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-weight:600}.breadcrumb{max-width:1200px;margin:0 auto;padding:12px 20px;font-size:.85rem;color:var(--text-muted);display:none}.breadcrumb.active{display:block}.breadcrumb a{color:var(--text-secondary)}.breadcrumb span{margin:0 6px}.main-content{max-width:1200px;margin:0 auto;padding:20px;min-height:calc(100vh - 300px)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;transition:var(--transition);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 15px #4f46e54d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566;color:#fff}.btn-secondary{background:var(--bg-tertiary);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-success{background:var(--success);color:#fff}.btn-lg{padding:16px 32px;font-size:1.1rem;border-radius:var(--radius)}.hero{text-align:center;padding:60px 20px 40px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(79,70,229,.05) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:1}}.hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:16px;background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero p{font-size:clamp(1rem,2vw,1.2rem);color:var(--text-secondary);max-width:600px;margin:0 auto 30px;position:relative}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative}.section{padding:40px 0}.section-title{font-size:1.6rem;font-weight:700;margin-bottom:8px;color:var(--text)}.section-subtitle{color:var(--text-secondary);margin-bottom:24px}.levels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.level-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center;transition:var(--transition);cursor:pointer;position:relative;overflow:hidden}.level-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.level-card.completed{border-color:var(--success)}.level-card.completed:after{content:"✓";position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.level-number{font-size:2rem;font-weight:800;color:var(--primary);margin-bottom:8px}.level-difficulty{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;border-radius:20px;display:inline-block}.difficulty-easy{background:#d1fae5;color:#065f46}.difficulty-medium{background:#fef3c7;color:#92400e}.difficulty-hard{background:#fee2e2;color:#991b1b}[data-theme=dark] .difficulty-easy{background:#064e3b;color:#6ee7b7}[data-theme=dark] .difficulty-medium{background:#78350f;color:#fcd34d}[data-theme=dark] .difficulty-hard{background:#7f1d1d;color:#fca5a5}.level-name{font-weight:600;margin-top:8px;color:var(--text);font-size:.9rem}.game-container{display:grid;grid-template-columns:1fr;gap:20px;max-width:900px;margin:0 auto}@media (min-width: 768px){.game-container{grid-template-columns:1fr 280px}}.game-board-wrapper{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-md)}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.game-info{display:flex;gap:16px;align-items:center}.game-stat{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:var(--text-secondary)}.game-stat .value{color:var(--primary);font-size:1.1rem}.game-controls{display:flex;gap:8px}.game-controls button{padding:8px 12px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);transition:var(--transition)}.game-controls button:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.game-board{display:grid;gap:2px;-webkit-user-select:none;user-select:none;touch-action:none;margin:0 auto}.game-cell{width:var(--grid-cell);height:var(--grid-cell);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;background:var(--bg);border-radius:6px;cursor:pointer;transition:background .15s,transform .15s;text-transform:uppercase;border:1px solid var(--border)}.game-cell:hover{background:#4f46e51a;transform:scale(1.05)}.game-cell.selecting{background:#4f46e533;border-color:var(--primary)}.game-cell.found{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-color:transparent;animation:foundPop .3s ease}@keyframes foundPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.word-list-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-md)}.word-list-title{font-size:1.1rem;font-weight:700;margin-bottom:16px;color:var(--text)}.word-list{display:flex;flex-direction:column;gap:8px}.word-item{padding:8px 12px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);font-weight:600;font-size:.9rem;transition:var(--transition)}.word-item.found{background:#10b9811a;border-color:var(--success);color:var(--success);text-decoration:line-through}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:var(--transition);padding:20px}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--bg);border-radius:var(--radius-lg);padding:40px;text-align:center;max-width:420px;width:100%;transform:scale(.9);transition:var(--transition);box-shadow:var(--shadow-lg)}.modal-overlay.active .modal{transform:scale(1)}.modal-icon{font-size:4rem;margin-bottom:16px;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modal h2{font-size:1.5rem;margin-bottom:8px;color:var(--text)}.modal p{color:var(--text-secondary);margin-bottom:24px}.modal-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.blog-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:var(--transition)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.blog-card-image{width:100%;height:180px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-size:3rem}.blog-card-content{padding:20px}.blog-card-content h3{font-size:1.1rem;margin-bottom:8px;color:var(--text)}.blog-card-content p{color:var(--text-secondary);font-size:.9rem;margin-bottom:12px}.blog-card-meta{font-size:.8rem;color:var(--text-muted)}.faq-list{max-width:700px;margin:0 auto}.faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;overflow:hidden}.faq-question{width:100%;padding:16px 20px;text-align:left;font-weight:600;font-size:.95rem;color:var(--text);background:var(--bg-secondary);display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.faq-question:hover{background:var(--bg-tertiary)}.faq-question:after{content:"+";font-size:1.3rem;color:var(--primary);transition:var(--transition)}.faq-item.open .faq-question:after{transform:rotate(45deg)}.faq-answer{padding:0 20px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;color:var(--text-secondary);font-size:.9rem;line-height:1.7}.faq-item.open .faq-answer{padding:0 20px 16px;max-height:300px}.page-header{text-align:center;padding:40px 0 30px}.page-header h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;margin-bottom:12px;color:var(--text)}.page-header p{color:var(--text-secondary);max-width:600px;margin:0 auto}.content-page{max-width:800px;margin:0 auto;padding:20px 0 40px}.content-page h2{font-size:1.4rem;margin:30px 0 12px;color:var(--text)}.content-page h3{font-size:1.1rem;margin:20px 0 8px;color:var(--text)}.content-page p{margin-bottom:16px;color:var(--text-secondary);line-height:1.8}.content-page ul,.content-page ol{margin:12px 0 16px 20px;color:var(--text-secondary)}.content-page li{margin-bottom:8px;list-style:disc}.contact-form{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.form-group label{display:block;font-weight:600;margin-bottom:6px;font-size:.9rem;color:var(--text)}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;background:var(--bg);color:var(--text);outline:none;transition:var(--transition);font-family:inherit}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary)}.form-group textarea{min-height:120px;resize:vertical}.daily-challenge-banner{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-lg);padding:30px;color:#fff;text-align:center;margin-bottom:30px}.daily-challenge-banner h2{font-size:1.5rem;margin-bottom:8px}.daily-challenge-banner p{opacity:.9;margin-bottom:16px}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border);margin-top:60px;padding-top:40px}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.footer-section h3{font-size:1.1rem;margin-bottom:12px;color:var(--text)}.footer-section h4{font-size:.95rem;margin-bottom:12px;color:var(--text)}.footer-section p{color:var(--text-secondary);font-size:.9rem}.footer-section ul{display:flex;flex-direction:column;gap:8px}.footer-section a{color:var(--text-secondary);font-size:.9rem}.footer-section a:hover{color:var(--primary)}.footer-bottom{text-align:center;padding:20px;margin-top:30px;border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem}.confetti{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;top:-10px;animation:confettiFall 3s linear forwards}@keyframes confettiFall{to{top:100vh;transform:rotate(720deg)}}.fade-in{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){:root{--grid-cell: 32px;--header-height: 60px}.nav-links{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--bg);flex-direction:column;padding:80px 20px 20px;box-shadow:var(--shadow-lg);transition:var(--transition);z-index:200}.nav-links.active{right:0}.nav-toggle{display:flex;z-index:201}.hero{padding:40px 10px 30px}.levels-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.blog-grid{grid-template-columns:1fr}.game-board-wrapper{padding:12px}.ad-placeholder{height:60px}.footer-content{grid-template-columns:1fr 1fr}}@media (max-width: 480px){:root{--grid-cell: 28px}.levels-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:1fr}.game-header{flex-direction:column;align-items:flex-start}}.toc{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;margin-bottom:24px;max-width:500px}.toc h2{font-size:1rem;margin-bottom:12px;color:var(--text)}.toc ul{display:flex;flex-direction:column;gap:6px}.toc li{list-style:none}.toc li a{font-size:.9rem;color:var(--text-secondary)}.toc li a:hover{color:var(--primary)}.toc li.toc-sub{padding-left:16px}.cta-box{background:linear-gradient(135deg,#4f46e514,#7c3aed14);border:1px solid rgba(79,70,229,.2);border-radius:var(--radius-lg);padding:30px;text-align:center;margin:30px 0}.cta-box h3{font-size:1.3rem;margin-bottom:8px;color:var(--text)}.cta-box p{color:var(--text-secondary);margin-bottom:16px;max-width:500px;margin-left:auto;margin-right:auto}.internal-links{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin:30px 0}.internal-links h3{font-size:1rem;font-weight:700;margin-bottom:12px;color:var(--text)}.internal-links ul{display:flex;flex-wrap:wrap;gap:8px 16px}.internal-links li{list-style:none}.internal-links a{font-size:.9rem;color:var(--primary);padding:4px 0}.internal-links a:hover{text-decoration:underline}.level-navigation{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.breadcrumb-inner{max-width:1200px;margin:0 auto}@media print{.ad-container,.site-header,.site-footer,.nav-actions,.cta-box{display:none!important}}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}