.rules-container{font-family:Bungee,sans-serif;color:#333}.rules-container .hero{position:relative;text-align:center;color:#fff;padding:4rem 1rem;background:linear-gradient(135deg,#4a90e2,#145a9e)}.rules-container .hero .ripple-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.rules-container .hero .ripple-background .circle{border-radius:50%;position:absolute;background:hsla(0,0%,100%,.2);animation:ripple-animation 10s infinite}.rules-container .hero .ripple-background .circle.xxlarge{width:500px;height:500px}.rules-container .hero .ripple-background .circle.xlarge{width:400px;height:400px}.rules-container .hero .ripple-background .circle.large{width:300px;height:300px}.rules-container .hero .ripple-background .circle.medium{width:200px;height:200px}.rules-container .hero .ripple-background .circle.small{width:100px;height:100px}@keyframes ripple-animation{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.rules-container .hero .heroText{position:relative;z-index:2}.rules-container .hero .heroText h1{font-size:3rem;margin-bottom:1rem}.rules-container .hero .heroText p{font-size:1.2rem;opacity:.9;font-family:monospace}.rules-container .main{padding:2rem 1rem}.rules-container .main .section{margin-bottom:2rem}.rules-container .main .section h2{font-size:2rem;margin-bottom:1.5rem;color:#fff}.rules-container .main .section .rules-list,.rules-container .main .section .strategy-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.rules-container .main .section .rules-list .rule-card,.rules-container .main .section .rules-list .strategy-card,.rules-container .main .section .strategy-list .rule-card,.rules-container .main .section .strategy-list .strategy-card{background:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:1rem}.rules-container .main .section .rules-list .rule-card h3,.rules-container .main .section .rules-list .strategy-card h3,.rules-container .main .section .strategy-list .rule-card h3,.rules-container .main .section .strategy-list .strategy-card h3{font-size:1.5rem;margin-bottom:.5rem;color:#333}.rules-container .main .section .rules-list .rule-card p,.rules-container .main .section .rules-list .strategy-card p,.rules-container .main .section .strategy-list .rule-card p,.rules-container .main .section .strategy-list .strategy-card p{font-size:1rem;line-height:1.5;font-family:monospace;color:#000}.rules-container .footer{text-align:center;padding:1rem;background:#145a9e;color:#fff;font-size:.9rem}