:root{--color-primary:#1a5632;--color-primary-dark:#0f3d22;--color-primary-light:#2d7a4a;--color-secondary:#c9a227;--color-secondary-light:#e0be54;--color-accent-red:#c0392b;--color-accent-red-light:#e74c3c;--color-bg:#fafbfc;--color-bg-alt:#f0f3f6;--color-surface:#ffffff;--color-surface-hover:#f8f9fa;--color-border:#e2e6ea;--color-border-light:#f0f0f0;--color-text:#1a1a2e;--color-text-secondary:#555b6e;--color-text-muted:#8891a4;--color-text-inverse:#ffffff;--font-sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-display:'Playfair Display', Georgia, 'Times New Roman', serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04);--transition-fast:150ms ease;--transition-base:250ms ease;--container-max:1200px;--header-height:64px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-height) + var(--space-8))}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.7;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.25;color:var(--color-text);margin-top:0}h1{font-size:var(--text-4xl);margin-bottom:var(--space-6)}h2{font-size:var(--text-2xl);margin-bottom:var(--space-4);margin-top:var(--space-10)}h3{font-size:var(--text-xl);margin-bottom:var(--space-3);margin-top:var(--space-8)}h4{font-size:var(--text-lg);margin-bottom:var(--space-2);margin-top:var(--space-6)}p{margin-bottom:var(--space-4)}ul,ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}li{margin-bottom:var(--space-2)}blockquote{border-left:4px solid var(--color-primary);padding:var(--space-4)var(--space-6);margin:var(--space-6)0;background:var(--color-bg-alt);border-radius:0 var(--radius-md)var(--radius-md)0;font-style:italic;color:var(--color-text-secondary)}table{width:100%;border-collapse:collapse;margin:var(--space-6)0;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}th,td{padding:var(--space-3)var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}th{background:var(--color-primary);color:var(--color-text-inverse);font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em}tr:last-child td{border-bottom:none}tr:hover td{background:var(--color-surface-hover)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);border:2px solid transparent;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;line-height:1.5}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-text-inverse)}.btn-outline{background:0 0;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--color-text-inverse)}.btn-sm{padding:var(--space-1)var(--space-3);font-size:var(--text-xs)}.site-header{position:sticky;top:0;z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border);backdrop-filter:blur(8px);background:rgba(255,255,255,.95)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);gap:var(--space-8)}.site-logo{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-lg);color:var(--color-text);text-decoration:none;flex-shrink:0}.site-logo:hover{color:var(--color-text)}.logo-icon{font-size:var(--text-2xl);color:var(--color-primary)}.logo-accent{color:var(--color-secondary)}.main-nav{display:none}.nav-list{display:flex;list-style:none;gap:var(--space-1);padding:0;margin:0}.nav-link{display:block;padding:var(--space-2)var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--color-primary);background:rgba(26,86,50,6%)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;background:0 0;border:none;cursor:pointer;border-radius:var(--radius-sm)}.mobile-menu-toggle:hover{background:var(--color-bg-alt)}.hamburger-line{display:block;width:100%;height:2px;background:var(--color-text);border-radius:1px;transition:all var(--transition-base)}.mobile-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(1){transform:translateY(7px)rotate(45deg)}.mobile-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-nav{display:none;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-4)0}.mobile-nav.open{display:block}.mobile-nav-list{list-style:none;padding:0 var(--space-6);margin:0}.mobile-nav-link{display:block;padding:var(--space-3)var(--space-4);color:var(--color-text);font-weight:500;border-radius:var(--radius-md)}.mobile-nav-link:hover{background:var(--color-bg-alt);color:var(--color-primary)}.lang-switcher{position:relative}.lang-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-3);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.lang-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.lang-dropdown{display:none;position:absolute;top:100%;right:0;margin-top:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);list-style:none;padding:var(--space-1);min-width:140px;z-index:50}.lang-dropdown.open{display:block}.lang-option{display:block;padding:var(--space-2)var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm)}.lang-option:hover{background:var(--color-bg-alt);color:var(--color-primary)}.lang-option.active{color:var(--color-primary);font-weight:600}.hero{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 50%,var(--color-primary-light) 100%);color:var(--color-text-inverse);padding:var(--space-16)0 var(--space-12);text-align:center}.hero h1{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:800;color:var(--color-text-inverse);margin-bottom:var(--space-4)}.hero-subtitle{font-size:var(--text-xl);opacity:.9;max-width:600px;margin:0 auto}.section{padding:var(--space-16)0}.bg-light{background:var(--color-bg-alt)}.section-title{text-align:center;margin-bottom:var(--space-10);margin-top:0;font-size:var(--text-3xl)}.section-description{text-align:center;color:var(--color-text-secondary);font-size:var(--text-lg);max-width:700px;margin:0 auto var(--space-10)}.section-header{margin-bottom:var(--space-10)}.section-cta{text-align:center;margin-top:var(--space-10)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.game-card{display:flex;flex-direction:column;padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-decoration:none;transition:all var(--transition-base);color:var(--color-text)}.game-card:hover{color:var(--color-text);border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.game-card-icon{font-size:var(--text-4xl);color:var(--color-primary);margin-bottom:var(--space-4)}.game-card h3{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-2);margin-top:0}.game-card p{color:var(--color-text-secondary);font-size:var(--text-sm);flex:1}.card-link{color:var(--color-primary);font-weight:600;font-size:var(--text-sm);margin-top:var(--space-4)}.article-card{display:flex;flex-direction:column;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base);color:var(--color-text)}.article-card:hover{color:var(--color-text);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.article-card h2,.article-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2);margin-top:0;color:var(--color-text)}.article-card p{color:var(--color-text-secondary);font-size:var(--text-sm);flex:1;line-height:1.6}.article-card-meta{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.breadcrumbs{background:var(--color-bg-alt);border-bottom:1px solid var(--color-border-light);padding:var(--space-3)0}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;font-size:var(--text-sm)}.breadcrumb-list li{margin:0;display:flex;align-items:center;gap:var(--space-2)}.breadcrumb-list li:not(:last-child)::after{content:"›";color:var(--color-text-muted)}.breadcrumb-list a{color:var(--color-text-secondary)}.breadcrumb-list a:hover{color:var(--color-primary)}.breadcrumb-list li:last-child span{color:var(--color-text-muted)}.article-page{padding:var(--space-10)0 var(--space-16)}.article-header{max-width:800px;margin-bottom:var(--space-10)}.article-header h1{font-size:var(--text-4xl);line-height:1.2}.article-description{font-size:var(--text-xl);color:var(--color-text-secondary);line-height:1.6;margin-top:var(--space-4)}.article-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.article-layout{display:grid;grid-template-columns:1fr;gap:var(--space-10)}.article-content{max-width:800px}.article-content h2{padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.article-content h2:first-child{border-top:none;padding-top:0}.article-content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.article-content a:hover{text-decoration-thickness:2px}.toc-sidebar{margin-bottom:var(--space-8)}.toc-title{font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-3)0}.toc{padding:var(--space-3)0;border-left:2px solid var(--color-border);padding-left:var(--space-4)}.toc ul{list-style:none;padding:0;margin:0}.toc li{margin:0}.toc a{display:block;padding:var(--space-1)0;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5}.toc a:hover{color:var(--color-primary)}.toc ul ul{padding-left:var(--space-4)}.game-info-card{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));color:var(--color-text-inverse);padding:var(--space-6);border-radius:var(--radius-xl);margin-bottom:var(--space-8)}.game-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4)}.game-info-item{text-align:center}.game-info-item strong{display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin-bottom:var(--space-1)}.game-info-item span{font-size:var(--text-xl);font-weight:700}.game-placeholder{background:var(--color-bg-alt);border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;margin-bottom:var(--space-10)}.game-placeholder-inner{max-width:400px;margin:0 auto}.game-placeholder-icon{font-size:4rem;margin-bottom:var(--space-4)}.game-placeholder p{color:var(--color-text-secondary);font-size:var(--text-lg)}.game-embed{border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;margin:var(--space-8)0;box-shadow:var(--shadow-lg)}.game-embed-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--color-primary);color:var(--color-text-inverse)}.game-embed-icon{font-size:var(--text-xl)}.game-embed-title{flex:1;font-weight:600}.game-embed-content{padding:var(--space-4);background:var(--color-primary-dark)}.related-articles{margin-top:var(--space-16);padding-top:var(--space-10);border-top:1px solid var(--color-border)}.related-articles h2{margin-top:0}.faq-page .article-content h2{color:var(--color-primary);font-size:var(--text-xl)}.faq-page .article-content h2+p{padding-bottom:var(--space-4)}.site-footer{background:var(--color-text);color:rgba(255,255,255,.7);padding:var(--space-16)0 var(--space-8)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-10);margin-bottom:var(--space-12)}.footer-logo{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-lg);color:var(--color-text-inverse);text-decoration:none;margin-bottom:var(--space-4)}.footer-logo:hover{color:var(--color-text-inverse)}.footer-tagline{font-size:var(--text-sm);line-height:1.6;max-width:300px}.footer-col h3{color:var(--color-text-inverse);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);margin-top:0}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin-bottom:var(--space-2)}.footer-col a{color:rgba(255,255,255,.6);font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-col a:hover{color:var(--color-text-inverse)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,.1);font-size:var(--text-sm)}.footer-bottom .lang-toggle{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.7)}.footer-bottom .lang-toggle:hover{border-color:rgba(255,255,255,.4);color:var(--color-text-inverse)}.error-page{padding:var(--space-20)0;text-align:center}.error-content{max-width:500px;margin:0 auto}.error-icon{font-size:4rem;color:var(--color-primary);margin-bottom:var(--space-4)}.error-page h1{font-size:6rem;color:var(--color-primary);line-height:1;margin-bottom:var(--space-4)}.error-title{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-4)}.error-message{color:var(--color-text-secondary);margin-bottom:var(--space-8)}.game-section{padding:var(--space-10)0;background:var(--color-surface)}@media(min-width:768px){.main-nav{display:block}.mobile-menu-toggle{display:none}.article-layout{grid-template-columns:1fr}h1{font-size:var(--text-4xl)}.hero h1{font-size:var(--text-5xl)}}@media(min-width:1024px){.article-layout{grid-template-columns:220px 1fr}.toc-sidebar{position:sticky;top:calc(var(--header-height) + var(--space-8));align-self:start}}@media(max-width:1023px){.toc-sidebar details{background:var(--color-bg-alt);border-radius:var(--radius-lg);padding:var(--space-4)}}@media(max-width:767px){:root{--header-height:56px}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}.hero{padding:var(--space-10)0 var(--space-8)}.hero h1{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-base)}.section{padding:var(--space-10)0}.footer-grid{grid-template-columns:1fr;gap:var(--space-8)}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}.card-grid,.article-grid{grid-template-columns:1fr}.game-info-grid{grid-template-columns:repeat(2,1fr)}.article-header h1{font-size:var(--text-2xl)}.article-description{font-size:var(--text-base)}}@media print{.site-header,.site-footer,.breadcrumbs,.toc-sidebar,.game-embed,.game-placeholder,.lang-switcher{display:none}body{font-size:12pt;color:#000;background:#fff}.article-content{max-width:100%}}