.hero-mechanics{background:radial-gradient(circle at 0 0,#e0f2fe 0,#f8fafc 45%,#ffffff 100%)}.section-nav{background:rgba(241,245,249,0.8);border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;backdrop-filter:blur(12px)}.section-nav-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem 0}.section-nav-list a{font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.14em;color:#64748b;padding:0.5rem 0.9rem;border-radius:999px;border:1px solid transparent;background:transparent}.section-nav-list a:hover{color:#0f172a;border-color:#cbd5f5;background:rgba(255,255,255,0.9)}.mechanics-section{padding:4.5rem 0}.mechanics-section-alt{background:linear-gradient(to bottom,#f8fafc 0,#ffffff 100%)}.mechanics-section-soft{background:linear-gradient(to bottom,#f1f5f9 0,#e0f2fe 40%,#f8fafc 100%)}.mechanics-grid{display:grid;gap:3rem;align-items:center}.mechanics-grid-image-right{grid-template-columns:minmax(0,1.5fr) minmax(0,1.2fr)}.mechanics-grid-image-left{grid-template-columns:minmax(0,1.2fr) minmax(0,1.5fr)}.mechanics-grid-single{grid-template-columns:minmax(0,1.3fr)}.mechanics-text p{max-width:40rem}.mechanics-media{width:100%}.mechanics-figure{border-radius:20px;overflow:hidden;border:1px solid #e2e8f0;background:#ffffff;box-shadow:0 18px 45px rgba(15,23,42,0.08)}.mechanics-figure img{width:100%;display:block}.mechanics-figure figcaption{padding:0.9rem 1.25rem;font-size:0.875rem;color:#64748b;border-top:1px solid #e2e8f0;background:rgba(248,250,252,0.9)}.mechanics-notes{margin-top:1.75rem;padding:1.5rem 1.4rem;border-radius:16px;border:1px solid #e2e8f0;background:rgba(241,245,249,0.9);box-shadow:0 4px 20px rgba(15,23,42,0.03)}.mechanics-notes-inline{background:rgba(224,242,254,0.9);border-color:#bae6fd}.mechanics-notes h3{font-size:1rem;margin-bottom:0.75rem}.mechanics-notes ul{display:flex;flex-direction:column;gap:0.4rem;margin-bottom:0}.mechanics-notes li{font-size:0.95rem;color:#475569}.mechanics-cta-row{display:flex;flex-wrap:wrap;gap:0.9rem;margin-top:1.75rem;align-items:center}.mechanics-cta-row-center{justify-content:center}.mechanics-cta-row-stack{flex-direction:column;align-items:center}.mechanics-stats-grid,.mechanics-obstacles-grid,.mechanics-levels-grid,.mechanics-rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:1.75rem}.mechanics-stat-card p,.mechanics-obstacle p,.mechanics-level p,.mechanics-reward p{margin-bottom:0}.mechanics-text-center{text-align:center;margin:0 auto;max-width:46rem}.mechanics-text-center p{margin-left:auto;margin-right:auto}.mechanics-rewards-grid{margin-top:2rem}.mechanics-bottom-nav{padding:4rem 0 4.5rem;background:#f8fafc;border-top:1px solid #e2e8f0}.mechanics-bottom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.75rem}.mechanics-bottom-card{display:flex;flex-direction:column;gap:1rem}.mechanics-bottom-card-secondary{background:rgba(224,242,254,0.9)}.mechanics-bottom-links{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:0.5rem}.text-link{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.9rem;font-weight:600;text-transform:uppercase;letter-spacing:0.14em;color:#0284c7;margin-top:1.25rem}.text-link:hover{color:#0369a1}.text-link::after{content:"→";font-size:0.9rem}.badge{box-shadow:0 2px 8px rgba(15,23,42,0.05)}@media (max-width:960px){.mechanics-grid-image-right,.mechanics-grid-image-left,.mechanics-grid-single{grid-template-columns:minmax(0,1fr)}.mechanics-media{order:-1}.mechanics-section{padding:3.5rem 0}.mechanics-bottom-nav{padding:3rem 0 3.5rem}}@media (max-width:640px){.section-nav-list{gap:0.5rem}.section-nav-list a{font-size:0.75rem;padding:0.4rem 0.7rem}.mechanics-figure figcaption{font-size:0.8rem}.mechanics-cta-row{flex-direction:column;align-items:stretch}.mechanics-bottom-links{flex-direction:column;align-items:stretch}}