.rules-container{background:linear-gradient(135deg,#264653 0%,#2a9d8f 100%);min-height:100vh;padding:2rem;font-family:BPdots,monospace}.rules-content{max-width:900px;margin:0 auto;position:relative}.btn-back{color:#e9c46a;cursor:pointer;background:#264653f2;border:none;border-radius:12px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.8rem 1.5rem;font-family:BPdots,monospace;font-size:1rem;transition:all .3s;display:inline-flex}.btn-back:hover{background:#2a9d8f;transform:translate(-5px)}.rules-title{color:#e9c46a;text-align:center;text-shadow:2px 2px #f4a261,4px 4px #e76f51,6px 6px 10px #0000004d;margin-bottom:2rem;font-family:BPdots,monospace;font-size:2.5rem}.rules-section{background:#264653f2;border-radius:20px;margin-bottom:2rem;padding:2rem;box-shadow:0 8px 32px #0006}.section-title{color:#e9c46a;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-family:BPdots,monospace;font-size:1.8rem;display:flex}.section-title svg{color:#f4a261}.rules-text{color:#fffffff2;font-family:BPdots,monospace;font-size:1rem;line-height:1.8}.rules-text p{margin-bottom:1rem}.rules-text h3{color:#f4a261;margin-top:1.5rem;margin-bottom:1rem;font-family:BPdots,monospace;font-size:1.3rem}.rules-text h4{color:#2a9d8f;margin-bottom:.5rem;font-family:BPdots,monospace;font-size:1.1rem}.rules-text ol{margin-bottom:1rem;margin-left:1.5rem}.rules-text ol li{margin-bottom:.8rem;padding-left:.5rem}.rules-text ul{margin-top:.5rem;margin-left:2rem}.rules-text ul li{margin-bottom:.4rem}.rules-text strong{color:#e9c46a}.requirements-box{background:#f4a2611a;border:2px solid #f4a2614d;border-radius:16px;margin-bottom:1rem;padding:1.5rem}.requirements-box h3{color:#f4a261;margin-top:0;margin-bottom:1rem}.requirements-box ul{margin-top:.5rem;margin-left:1.5rem}.requirements-box ul li{margin-bottom:.8rem;line-height:1.6}.info-box,.warning-box,.success-box{background:#2a9d8f33;border-left:4px solid #2a9d8f;border-radius:12px;align-items:flex-start;gap:1rem;margin:1.5rem 0;padding:1rem 1.5rem;display:flex}.info-box svg,.warning-box svg,.success-box svg{flex-shrink:0;margin-top:.2rem;font-size:1.5rem}.info-box svg{color:#e9c46a}.warning-box{background:#e76f5133;border-left-color:#e76f51}.warning-box svg{color:#e76f51}.success-box{background:#2a9d8f33;border-left-color:#2a9d8f}.success-box svg{color:#2a9d8f}.info-box p,.warning-box p,.success-box p{flex:1;margin:0}.faq-item{background:#2a9d8f1a;border-radius:12px;margin-bottom:1rem;padding:1rem 1.5rem}.faq-item h4{margin-top:0}.faq-item p{margin-bottom:0}.rules-footer{text-align:center;margin-top:3rem;margin-bottom:2rem}.btn-start-game{color:#264653;cursor:pointer;background:#f4a261;border:none;border-radius:16px;align-items:center;gap:.8rem;padding:1.2rem 3rem;font-family:BPdots,monospace;font-size:1.3rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #e9c46a66}.btn-start-game:hover{background:#e9c46a;transform:translateY(-3px);box-shadow:0 6px 30px #e9c46a99}.btn-start-game svg{font-size:1.5rem}@media (max-width:768px){.rules-container{padding:1rem}.rules-title{font-size:1.8rem}.section-title{font-size:1.3rem}.rules-section{padding:1.5rem}.rules-text{font-size:.9rem}.rules-text h3{font-size:1.1rem}.rules-text ol{margin-left:1rem}.rules-text ul{margin-left:1.5rem}.btn-start-game{justify-content:center;width:100%;padding:1rem 2rem;font-size:1.1rem}.info-box,.warning-box,.success-box{flex-direction:column;gap:.5rem}.info-box svg,.warning-box svg,.success-box svg{font-size:1.8rem}}