.game-mechanics-hero{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);position:relative;overflow:hidden}.game-mechanics-hero:before{content:"";opacity:.5;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grid\" width=\"10\" height=\"10\" patternUnits=\"userSpaceOnUse\"><path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"rgba(255,255,255,0.03)\" stroke-width=\"0.5\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"/></svg>");position:absolute;top:0;bottom:0;left:0;right:0}.mechanics-tab-active{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);transform:translateY(-2px);box-shadow:0 8px 32px rgba(139,92,246,.3)}.mechanics-tab-hover{transition:all .3s}.mechanics-tab-hover:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,255,255,.1)}.mechanics-content-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);transition:all .3s}.mechanics-content-card:hover{background:rgba(0,0,0,.6);border-color:rgba(139,92,246,.3);transform:translateY(-4px)}.mechanics-demo-section{background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(99,102,241,.1) 100%);border:1px solid rgba(139,92,246,.2)}.mechanics-demo-item{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);transition:all .3s}.mechanics-demo-item:hover{background:rgba(0,0,0,.5);border-color:rgba(139,92,246,.4);transform:scale(1.02)}.mechanics-reference-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.mechanics-cta-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(99,102,241,.1) 100%);border:1px solid rgba(139,92,246,.2)}@media (max-width:768px){.mechanics-tab-container{flex-direction:column;gap:.75rem}.mechanics-tab{text-align:center;width:100%}.mechanics-content-grid{grid-template-columns:1fr}}.mechanics-fade-in{animation:.6s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mechanics-slide-in-left{animation:.6s ease-out slideInLeft}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.mechanics-slide-in-right{animation:.6s ease-out slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.game-mechanics-page::-webkit-scrollbar{width:8px}.game-mechanics-page::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}.game-mechanics-page::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:4px}.game-mechanics-page::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#5855eb)}