:root{--color-primary-50: #fef7ee;--color-primary-100: #fdedd3;--color-primary-200: #fad7a8;--color-primary-300: #f6b96f;--color-primary-400: #f1922f;--color-primary-500: #ed760e;--color-primary-600: #de5d06;--color-primary-700: #b84608;--color-primary-800: #92380f;--color-primary-900: #78300f;--color-secondary-50: #eff6ff;--color-secondary-100: #dbeafe;--color-secondary-200: #bfdbfe;--color-secondary-300: #93c5fd;--color-secondary-400: #60a5fa;--color-secondary-500: #3b82f6;--color-secondary-600: #2563eb;--color-secondary-700: #1d4ed8;--color-secondary-800: #1e40af;--color-secondary-900: #1e3a8a;--color-accent-50: #fdf4ff;--color-accent-100: #fae8ff;--color-accent-200: #f5d0fe;--color-accent-300: #f0abfc;--color-accent-400: #e879f9;--color-accent-500: #d946ef;--color-accent-600: #c026d3;--color-accent-700: #a21caf;--color-success-500: #22c55e;--color-warning-500: #f59e0b;--color-error-500: #ef4444;--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--font-heading: "Poppins", sans-serif;--font-body: "Open Sans", sans-serif;--shadow-sm: 0 1px 2px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 10px 30px rgba(0,0,0,.15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--transition: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);line-height:1.6;color:var(--color-neutral-800);background-color:var(--color-neutral-50)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;font-weight:600;color:var(--color-neutral-900)}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-700)}img{max-width:100%;height:auto}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.skip-link{position:absolute;left:-9999px;top:0;background:var(--color-neutral-900);color:#fff;padding:.75rem 1.5rem;border-radius:0 0 var(--radius-md) 0;z-index:1000;font-weight:600}.skip-link:focus{left:0}.site-header{background:linear-gradient(135deg,var(--color-neutral-900),var(--color-neutral-800));color:#fff;padding:0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-md)}.header-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:72px}.header-brand{display:flex;align-items:center;gap:.75rem}.header-brand-logo{font-size:1.75rem;font-weight:700;color:#fff;font-family:var(--font-heading);letter-spacing:-.02em}.header-brand-tagline{font-size:.8rem;color:var(--color-primary-300);font-weight:300;display:block;line-height:1.3}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:8px}.nav-toggle span{display:block;width:24px;height:3px;background:#fff;border-radius:2px;transition:var(--transition)}.site-nav{display:flex;align-items:center;gap:.25rem}.site-nav a{color:var(--color-neutral-200);font-weight:400;padding:.5rem .875rem;border-radius:var(--radius-sm);font-size:.9rem;transition:all var(--transition)}.site-nav a:hover{color:#fff;background:#ffffff1a}.site-nav a.active{color:var(--color-primary-300);font-weight:600}.hero{background:#fff;color:var(--color-neutral-900);text-align:center;padding:2rem 1.5rem 1.5rem;border-bottom:1px solid var(--color-neutral-200);margin-bottom:2rem}.hero-inner{max-width:800px;margin:0 auto}.hero h1{color:var(--color-neutral-900);font-size:2.25rem;margin-bottom:.5rem;font-weight:700}.hero p{color:var(--color-neutral-600);font-size:1.1rem;font-weight:400}.site-footer{background:var(--color-neutral-900);color:var(--color-neutral-400);padding:2rem 1.5rem 1.5rem;margin-top:2rem}.footer-inner{max-width:1100px;margin:0 auto;text-align:center}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin-bottom:1rem}.footer-nav a{color:var(--color-neutral-300);font-size:.875rem}.footer-nav a:hover{color:var(--color-primary-300)}.footer-copyright{font-size:.8rem;color:var(--color-neutral-500)}.back-to-top{display:inline-block;margin-top:1rem;color:var(--color-primary-400);font-size:.875rem;font-weight:600;cursor:pointer;transition:color var(--transition)}.back-to-top:hover{color:var(--color-primary-300)}.page-title{font-size:1.875rem;margin-bottom:1.5rem;text-align:center}.page-section{margin-bottom:2.5rem}.section-title{font-size:1.25rem;margin-bottom:1rem;color:var(--color-neutral-700)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition);border:1px solid var(--color-neutral-200)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-image{width:100%;height:200px;object-fit:cover;display:block}.card-body{padding:1.25rem}.card-title{font-size:1.125rem;margin-bottom:.5rem}.card-title a{color:var(--color-neutral-900)}.card-title a:hover{color:var(--color-primary-600)}.card-text{font-size:.9rem;color:var(--color-neutral-600);line-height:1.5}.feature-list{list-style:none;display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}.feature-list li{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-sm);font-size:.95rem;line-height:1.5}.feature-list li:before{content:"✓";color:var(--color-success-500);font-weight:700;font-size:1.1rem;flex-shrink:0;margin-top:.1rem}.video-wrapper{position:relative;width:100%;max-width:640px;margin:2rem auto;padding-bottom:56.25%;height:0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.download-list{display:flex;flex-direction:column;gap:.75rem;list-style:none}.download-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition)}.download-item:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md)}.download-item img{width:24px;height:24px;flex-shrink:0}.download-item a{color:var(--color-neutral-800);font-weight:600;font-size:.95rem}.download-item a:hover{color:var(--color-primary-600)}.download-item-size{font-size:.8rem;color:var(--color-neutral-500);margin-left:auto;white-space:nowrap}.info-box{background:var(--color-secondary-50);border:1px solid var(--color-secondary-100);border-radius:var(--radius-md);padding:1rem 1.25rem;margin:1.5rem 0;font-size:.9rem;color:var(--color-secondary-800);display:flex;align-items:center;gap:.75rem}.info-box img{width:80px;flex-shrink:0}.prose{max-width:720px;margin:0 auto;font-size:.95rem;line-height:1.7;color:var(--color-neutral-700)}.prose h2{font-size:1.25rem;margin:1.5rem 0 .75rem}.prose h3{font-size:1.05rem;margin:1.25rem 0 .5rem}.prose p{margin-bottom:1rem}.prose strong{color:var(--color-neutral-900)}.prose em{color:var(--color-neutral-600)}.cta-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-primary-600);color:#fff;padding:.75rem 1.75rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;transition:all var(--transition);box-shadow:var(--shadow-sm)}.cta-button:hover{background:var(--color-primary-700);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px)}.cta-button-secondary{background:#fff;color:var(--color-primary-600);border:2px solid var(--color-primary-600)}.cta-button-secondary:hover{background:var(--color-primary-50);color:var(--color-primary-700)}.cta-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.center-section{text-align:center;max-width:720px;margin:0 auto 2rem}.center-section p{font-size:1rem;color:var(--color-neutral-600);line-height:1.7}.game-card-link{text-decoration:none;display:block}.game-card-link:hover{text-decoration:none}.note-text{font-size:.85rem;color:var(--color-neutral-500);font-style:italic;text-align:center;margin:1rem 0}@media (max-width: 768px){.nav-toggle{display:flex}.site-nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--color-neutral-900);flex-direction:column;padding:1rem;gap:0;box-shadow:var(--shadow-lg)}.site-nav.open{display:flex}.site-nav a{padding:.875rem 1rem;border-radius:var(--radius-sm);width:100%}.header-inner{height:64px}.hero h1{font-size:1.75rem}.hero p{font-size:1rem}.hero{padding:1.5rem 1rem 1rem;margin-bottom:1.5rem}.page-title{font-size:1.5rem}.main-content{padding:1.5rem 1rem}.header-brand-tagline{display:none}.card-grid{grid-template-columns:1fr}}@media (max-width: 480px){.hero{padding:1.25rem 1rem 1rem;margin-bottom:1.25rem}.hero h1{font-size:1.5rem}.cta-group{flex-direction:column;align-items:center}.cta-button{width:100%;justify-content:center}}