.rules-container{max-width:1000px;margin:0 auto;padding:2rem 1rem}.rules-header{text-align:center;margin-bottom:2rem}.rules-header h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--primary-light)}.rules-header p{color:#aaa;font-size:.9rem}.rules-intro{background-color:var(--bg-card);padding:1.5rem;border-radius:.5rem;margin-bottom:2rem;border:1px solid #2a2d36}.rules-intro p{margin-bottom:1.5rem;line-height:1.6}.rules-intro .error{color:#e74c3c;margin-bottom:1rem;padding:1rem;background-color:rgba(231,76,60,.1);border-radius:4px;border-left:4px solid #e74c3c}.rules-intro .error h3{margin-bottom:.5rem;color:#e74c3c}.rules-intro .error p{margin-bottom:.5rem;line-height:1.4}.rules-intro .error .fallback-notice{margin-top:.75rem;padding:.5rem;background-color:rgba(241,196,15,.1);border-radius:4px;border-left:4px solid #f1c40f;color:#f1c40f}.rules-intro .loading{display:flex;justify-content:center;align-items:center;padding:2rem}.rules-intro .loading:after{content:"";width:2rem;height:2rem;border:3px solid rgba(65,164,116,.3);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rules-tabs{display:flex;justify-content:center;margin-bottom:2rem;gap:1rem}.tab-btn{background-color:var(--bg-card);color:var(--text-light);border:2px solid #2a2d36;padding:.8rem 1.5rem;border-radius:.3rem;cursor:pointer;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:var(--transition)}.tab-btn:hover{background-color:rgba(65,164,116,.1)}.tab-btn.active,.tab-btn:hover{border-color:var(--primary-color)}.tab-btn.active{background-color:var(--primary-color)}.tab-btn i{font-size:1.1rem}.tab-content{display:none}.tab-content.active{display:block}.collapse-buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.rule-btn{background-color:var(--primary-color);color:var(--text-light);border:none;padding:.5rem 1rem;border-radius:.3rem;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:var(--transition)}.rule-btn:hover{background-color:var(--primary-dark)}.rules-sections{display:flex;flex-direction:column;gap:1.5rem}.rule-section{background-color:var(--bg-card);border-radius:.5rem;overflow:hidden;border:1px solid #2a2d36;transition:var(--transition)}.rule-section:hover{border-color:var(--primary-color);box-shadow:0 5px 15px rgba(0,0,0,.2)}.section-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;cursor:pointer;background-color:rgba(0,0,0,.2);border-bottom:1px solid transparent;transition:var(--transition)}.section-header:hover{background-color:rgba(65,164,116,.1)}.section-header h2{font-size:1.3rem;display:flex;align-items:center;gap:.8rem}.section-header h2 i,.toggle-icon{color:var(--primary-color)}.toggle-icon{transition:var(--transition);position:relative;width:20px;height:20px}.toggle-icon:before{content:"";position:absolute;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--primary-color);top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s ease}.section-header.active .toggle-icon:before{transform:translate(-50%,-50%) rotate(180deg)}.section-content{display:none;padding:0 1.5rem;background-color:rgba(0,0,0,.1)}.section-content.active{display:block;padding:1.5rem;border-top:1px solid #2a2d36}.rule-item{margin-bottom:1.5rem;border-left:3px solid var(--primary-color);padding-left:1rem}.rule-item:last-child{margin-bottom:0}.rule-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.rule-header h3{font-size:1.1rem;color:var(--text-light)}.rule-penalty{color:#f5f5f5;font-size:.9rem;padding:.25rem .5rem;border-radius:4px;font-weight:500;background-color:hsla(184,6%,53%,.5)}.rule-penalty.permanent{background-color:rgba(231,76,60,.6)}.rule-penalty.warning-temp{background-color:rgba(230,126,34,.5)}.rule-penalty.warning{background-color:hsla(184,6%,53%,.5)}.rule-penalty.info{background-color:rgba(52,152,219,.5)}.rule-description{color:#ccc;line-height:1.6;font-size:.95rem}.footer-links a.active{color:var(--primary-color)}@media (max-width:768px){.rules-header h1{font-size:2rem}.rules-tabs{flex-direction:column}.section-content.active,.section-header{padding:1rem}.rule-header{flex-direction:column;align-items:flex-start;gap:.3rem}}