.hero{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,var(--color-bg) 40%,transparent 100%)}.hero-content{position:relative;z-index:1;padding-block:var(--space-20);max-width:640px}.hero-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-primary-dim);border:1px solid var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4)}.hero-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;line-height:1.05;margin-bottom:var(--space-4)}.hero-title-main{display:block;color:var(--color-text)}.hero-title-accent{display:block;color:var(--color-primary);font-style:italic}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:52ch;margin-bottom:var(--space-8);line-height:1.6}.hero-subtitle strong{color:var(--color-text)}.hero-cta{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-6)}.hero-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.meta-badge{font-size:var(--text-xs);color:var(--color-text-faint)}.meta-sep{color:var(--color-border)}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);text-decoration:none;white-space:nowrap;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary:hover{background:var(--color-primary-hover);color:var(--color-text-inverse);box-shadow:var(--shadow-gold)}.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;text-decoration:none;white-space:nowrap;transition:border-color var(--transition-fast),background var(--transition-fast)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-subtle)}.btn-outline{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;text-decoration:none;margin-top:var(--space-8);transition:background var(--transition-fast),color var(--transition-fast)}.btn-outline:hover{background:var(--color-primary);color:var(--color-text-inverse)}.section-about,.section-features,.section-video,.section-screenshots,.section-tips,.section-faq,.section-related{padding-block:clamp(var(--space-12),6vw,var(--space-20))}.section-title{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-3);color:var(--color-text)}.section-subtitle{font-size:var(--text-base);color:var(--color-text-muted);max-width:65ch;margin-bottom:var(--space-10)}.about-grid{display:grid;grid-template-columns:1fr 380px;gap:var(--space-12);align-items:start}.about-text{display:flex;flex-direction:column;gap:var(--space-4)}.about-text h2{font-size:var(--text-xl);margin-bottom:var(--space-2)}.about-text h2 em{color:var(--color-primary);font-style:italic}.about-text p{color:var(--color-text-muted);max-width:65ch}.about-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.tag{padding:var(--space-1) var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-muted)}.rounded-img{border-radius:var(--radius-lg);border:1px solid var(--color-border)}.about-game-meta{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.game-meta-row{display:flex;justify-content:space-between;font-size:var(--text-xs)}.gm-label{color:var(--color-text-faint)}.gm-value{color:var(--color-text-muted);font-weight:500}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.feature-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.feature-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-gold);background:var(--color-surface-2)}.feature-icon{font-size:1.75rem}.feature-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-text)}.feature-desc{font-size:var(--text-sm);color:var(--color-text-muted);flex:1;line-height:1.6}.feature-arrow{color:var(--color-primary);font-size:var(--text-sm);margin-top:auto}.video-wrapper{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}lite-youtube{max-width:100%;width:100%}.screenshot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.screenshot-item img{border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;transition:opacity var(--transition-base)}.screenshot-item img:hover{opacity:.85}.tips-list{display:flex;flex-direction:column;gap:var(--space-6)}.tip-item{display:flex;gap:var(--space-5);align-items:flex-start}.tip-number{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-primary);opacity:.3;line-height:1;flex-shrink:0;width:3rem;text-align:right}.tip-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.tip-body{font-size:var(--text-sm);color:var(--color-text-muted);max-width:65ch}.faq-list{display:flex;flex-direction:column;gap:var(--space-2)}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);font-size:var(--text-sm);font-weight:600;color:var(--color-text);cursor:pointer;list-style:none;gap:var(--space-4);transition:background var(--transition-fast)}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"▾";color:var(--color-primary);flex-shrink:0;transition:transform var(--transition-base)}details[open] .faq-question:after{transform:rotate(-180deg)}.faq-question:hover{background:var(--color-surface-2)}.faq-answer{padding:0 var(--space-5) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.related-link{display:block;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.related-link:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-subtle)}@media(max-width:1024px){.features-grid,.related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.about-grid,.features-grid,.screenshot-grid,.related-grid{grid-template-columns:1fr}.hero-content{max-width:100%}.hero-title{font-size:var(--text-2xl)}}