.how-to-play[data-astro-cid-p2cbjao3]{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e)}.hero-section[data-astro-cid-p2cbjao3]{padding:120px 0 60px;text-align:center;background:linear-gradient(135deg,#647eea1a,#764ba21a)}.hero-section[data-astro-cid-p2cbjao3] h1[data-astro-cid-p2cbjao3]{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.subtitle[data-astro-cid-p2cbjao3]{font-size:1.25rem;color:#a0a0a0}.container[data-astro-cid-p2cbjao3]{max-width:900px;margin:0 auto;padding:0 20px}.content-section[data-astro-cid-p2cbjao3]{padding:60px 0}.intro[data-astro-cid-p2cbjao3]{text-align:center;margin-bottom:60px}.intro[data-astro-cid-p2cbjao3] h2[data-astro-cid-p2cbjao3]{font-size:2.5rem;color:#fff;margin-bottom:1rem}.intro[data-astro-cid-p2cbjao3] p[data-astro-cid-p2cbjao3]{font-size:1.2rem;color:silver;line-height:1.8}.game-boards[data-astro-cid-p2cbjao3],.units-section[data-astro-cid-p2cbjao3],.leveling-section[data-astro-cid-p2cbjao3],.colors-section[data-astro-cid-p2cbjao3]{margin-bottom:80px}h2[data-astro-cid-p2cbjao3]{font-size:2rem;color:#fff;margin-bottom:1.5rem;text-align:center}p[data-astro-cid-p2cbjao3]{font-size:1.1rem;color:silver;line-height:1.8;margin-bottom:2rem}.screenshot[data-astro-cid-p2cbjao3]{width:100%;max-width:100%;height:auto;border-radius:12px;margin:2rem 0;box-shadow:0 10px 30px #00000080;border:1px solid rgba(100,126,234,.2)}.screenshot-grid[data-astro-cid-p2cbjao3]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}.screenshot-grid[data-astro-cid-p2cbjao3].screenshot-grid-5x2{grid-template-columns:repeat(5,1fr);gap:1rem}.screenshot-grid[data-astro-cid-p2cbjao3] .screenshot[data-astro-cid-p2cbjao3]{margin:0}.screenshot-medium[data-astro-cid-p2cbjao3]{max-width:70%;margin-left:auto;margin-right:auto;display:block}@media (max-width: 768px){.screenshot-grid[data-astro-cid-p2cbjao3]{grid-template-columns:1fr}.screenshot-grid[data-astro-cid-p2cbjao3].screenshot-grid-5x2{grid-template-columns:repeat(2,1fr)}.screenshot-medium[data-astro-cid-p2cbjao3]{max-width:100%}}.color-diagram[data-astro-cid-p2cbjao3]{margin:3rem 0;display:flex;justify-content:center}.color-wheel[data-astro-cid-p2cbjao3]{position:relative;width:400px;height:400px}.color-node[data-astro-cid-p2cbjao3]{position:absolute;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;border:3px solid rgba(255,255,255,.2);transition:transform .3s ease}.color-node[data-astro-cid-p2cbjao3]:hover{transform:scale(1.1)}.color-label[data-astro-cid-p2cbjao3]{position:absolute;bottom:-25px;font-size:.9rem;color:silver;width:80px;text-align:center;left:50%;transform:translate(-50%)}.color-node[data-astro-cid-p2cbjao3].white{background:#f0f0f0;color:#333;left:170px;top:40px}.color-node[data-astro-cid-p2cbjao3].blue{background:#3b82f6;color:#fff;left:294px;top:130px}.color-node[data-astro-cid-p2cbjao3].red{background:#ef4444;color:#fff;left:248px;top:280px}.color-node[data-astro-cid-p2cbjao3].green{background:#10b981;color:#fff;left:92px;top:280px}.color-node[data-astro-cid-p2cbjao3].black{background:#1f2937;color:#fff;left:46px;top:130px}.arrows[data-astro-cid-p2cbjao3]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.arrow[data-astro-cid-p2cbjao3]{fill:none;stroke:#f44;stroke-width:2;opacity:.6}.arrow-label[data-astro-cid-p2cbjao3]{fill:#f44;font-size:12px;font-weight:700}.cta-section[data-astro-cid-p2cbjao3]{text-align:center;margin-top:80px;padding:60px 0;background:linear-gradient(135deg,#647eea1a,#764ba21a);border-radius:20px}.play-button[data-astro-cid-p2cbjao3]{display:inline-block;padding:18px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.2rem;font-weight:600;text-decoration:none;border-radius:50px;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 10px 30px #647eea4d}.play-button[data-astro-cid-p2cbjao3]:hover{transform:translateY(-3px);box-shadow:0 15px 40px #647eea66}@media (max-width: 768px){.hero-section[data-astro-cid-p2cbjao3] h1[data-astro-cid-p2cbjao3]{font-size:2.5rem}.color-wheel[data-astro-cid-p2cbjao3]{width:300px;height:300px}.color-node[data-astro-cid-p2cbjao3]{width:50px;height:50px;font-size:1.2rem}}