.rules-page{--rules-yellow:#ffd100;--rules-paper:rgba(14, 14, 13, 0.94);--rules-line:rgba(255, 255, 255, 0.11);--rules-muted:rgba(255, 255, 255, 0.56);position:relative;width:min(1180px,calc(100% - 40px));min-height:calc(100vh - 80px);margin:0 auto;padding:66px 0 64px}.rules-page::before{content:"";position:absolute;inset:0 -100vw;z-index:-1;background:linear-gradient(180deg,rgba(4,4,4,.5),rgba(4,4,4,.16) 38%,rgba(4,4,4,.34));pointer-events:none}.rules-container{width:100%;margin:0 auto}.rules-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:70px;margin-bottom:16px;padding:14px 20px;background:var(--rules-paper);border-top:3px solid var(--rules-yellow);border-bottom:1px solid var(--rules-line);box-shadow:0 20px 55px rgba(0,0,0,.26)}.rules-header-left{display:flex;min-width:0;align-items:center}.rules-header h1{display:flex;align-items:center;gap:11px;margin:0;color:#fff;font-family:"Chakra Petch",sans-serif;font-size:clamp(1.45rem, 2.5vw, 1.85rem);font-weight:600;line-height:1;letter-spacing:-.025em;text-transform:uppercase}.rules-header h1 i{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid rgba(255,209,0,.46);color:var(--rules-yellow);font-size:.82rem}.rules-search-wrapper{width:260px;flex:0 0 auto}.rules-search-wrapper .search-container{position:relative;width:100%;max-width:none;margin:0}.rules-search-wrapper .search-icon{position:absolute;top:50%;left:14px;color:rgba(255,255,255,.35);font-size:.8rem;pointer-events:none;transform:translateY(-50%)}.rules-search-wrapper .search-input{width:100%;height:42px;padding:0 14px 0 39px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.14);border-radius:0;color:#fff;font-size:.83rem}.rules-search-wrapper .search-input::placeholder{color:rgba(255,255,255,.38)}.rules-search-wrapper .search-input:focus{outline:1px solid rgba(255,209,0,.65);outline-offset:0}.rules-banner,.rules-banner-dropdown{margin-bottom:12px;background:rgba(12,12,11,.94);border:1px solid var(--rules-line);border-left:3px solid var(--rules-yellow);box-shadow:0 14px 34px rgba(0,0,0,.2)}.rules-banner{padding:11px 15px;font-size:.82rem}.rules-banner.banner-success{border-left-color:#4fce82}.rules-banner.banner-warning{border-left-color:var(--rules-yellow)}.rules-banner.banner-danger{border-left-color:#ef6464}.banner-content,.banner-header-content{display:flex;min-width:0;align-items:center;gap:10px;color:rgba(255,255,255,.88)}.banner-content>i,.banner-header-content>i{color:var(--rules-yellow);flex-shrink:0}.banner-meta{margin-left:auto;color:rgba(255,255,255,.43);font-family:Sono,monospace;font-size:.68rem}.banner-dismiss{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;flex:0 0 28px;margin-left:4px;padding:0;background:0 0;border:0;color:rgba(255,255,255,.35)}.banner-dismiss:hover{color:#fff}.banner-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 15px;cursor:pointer}.banner-header:hover{background:rgba(255,255,255,.035)}.banner-header .banner-meta{margin-left:0}.dropdown-arrow{color:rgba(255,255,255,.42);font-size:.72rem;transition:transform 160ms ease}.rules-banner-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.banner-items{display:none;border-top:1px solid var(--rules-line)}.rules-banner-dropdown.open .banner-items{display:block}.banner-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.055)}.banner-item:last-child{border-bottom:0}.banner-item.banner-success{box-shadow:inset 2px 0 0 #4fce82}.banner-item.banner-warning{box-shadow:inset 2px 0 0 var(--rules-yellow)}.banner-item.banner-danger{box-shadow:inset 2px 0 0 #ef6464}.banner-item-content{display:flex;min-width:0;flex-direction:column;gap:2px}.banner-item-text{color:rgba(255,255,255,.88);font-size:.82rem}.banner-item-meta{color:rgba(255,255,255,.38);font-family:Sono,monospace;font-size:.66rem}.rules-content{padding:18px;background:var(--rules-paper);border-top:1px solid var(--rules-line);box-shadow:0 20px 55px rgba(0,0,0,.24)}.empty-rules{padding:54px 20px;background:rgba(0,0,0,.26)!important;border:1px solid var(--rules-line);color:var(--rules-muted);text-align:center}.empty-rules i{display:block;margin-bottom:14px;color:rgba(255,209,0,.38);font-size:2.25rem}.empty-rules p{margin:0}.accordion-item{margin-bottom:7px;overflow:hidden;background:0 0;border:1px solid var(--rules-line);border-radius:0!important}.accordion-item:last-child{margin-bottom:0}.accordion-header{margin:0}.accordion-button{display:flex;min-height:64px;align-items:center;gap:14px;padding:11px 15px;background:rgba(255,255,255,.035);border:0;border-radius:0!important;box-shadow:inset 3px 0 0 transparent;color:#fff;transition:background-color 140ms ease,box-shadow 140ms ease}.accordion-button:not(.collapsed){background:rgba(255,209,0,.055);box-shadow:inset 3px 0 0 var(--rules-yellow);color:#fff}.accordion-button:hover{background:rgba(255,255,255,.065)}.accordion-button:not(.collapsed):hover{background:rgba(255,209,0,.075)}.accordion-button:active,.accordion-button:focus,.accordion-button:focus-visible{border:0;box-shadow:inset 3px 0 0 var(--rules-yellow);outline:0}.accordion-button.collapsed:focus,.accordion-button.collapsed:focus-visible{box-shadow:inset 3px 0 0 rgba(255,209,0,.35)}.accordion-button::after{width:.8rem;height:.8rem;margin-left:auto;flex-shrink:0;background-size:.8rem;filter:invert(1);opacity:.42}.accordion-button:not(.collapsed)::after{opacity:.75}.category-number{display:flex;min-width:34px;height:30px;align-items:center;justify-content:center;flex:0 0 34px;background:rgba(255,209,0,.09);border:1px solid rgba(255,209,0,.24);color:var(--rules-yellow);font-family:Sono,monospace;font-size:.76rem;font-weight:600}.category-info{display:flex;min-width:0;flex-direction:column;gap:3px;text-align:left}.category-name{overflow:hidden;color:#fff;font-family:"Chakra Petch",sans-serif;font-size:1rem;font-weight:600;letter-spacing:.015em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.category-meta{color:rgba(255,255,255,.4);font-family:Sono,monospace;font-size:.63rem;font-weight:400;letter-spacing:.02em}.category-updated{color:rgba(255,255,255,.31)}.accordion-collapse{background:0 0}.accordion-body{padding:0;background:rgba(0,0,0,.28);border-top:1px solid var(--rules-line)}.no-rules{margin:0;padding:28px 20px;color:rgba(255,255,255,.4);text-align:center}.rules-list{padding:0}.rule-item{display:flex;align-items:flex-start;gap:14px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.06);scroll-margin-top:88px;transition:background-color 140ms ease}.rule-item:last-child{border-bottom:0}.rule-item:hover{background:rgba(255,255,255,.025)}.rule-item.highlight{background:rgba(255,209,0,.1);box-shadow:inset 3px 0 0 var(--rules-yellow);animation:rules-highlight 1.8s ease}@keyframes rules-highlight{0%,100%{background:rgba(255,209,0,.1)}50%{background:rgba(255,209,0,.18)}}.rule-number-badge{display:inline-flex;min-width:52px;height:26px;align-items:center;justify-content:center;flex:0 0 52px;margin-top:1px;padding:0 7px;background:rgba(255,209,0,.075);border:1px solid rgba(255,209,0,.2);color:var(--rules-yellow);font-family:Sono,monospace;font-size:.72rem;font-weight:600}.rule-content-wrapper{min-width:0;flex:1}.rule-text{color:rgba(255,255,255,.84);font-size:.86rem;line-height:1.55}.rule-text>:first-child{margin-top:0}.rule-text>:last-child{margin-bottom:0}.rule-text p{margin-bottom:.55rem}.rule-text ol,.rule-text ul{margin-bottom:.55rem;padding-left:1.15rem}.rule-text strong{color:#fff;font-weight:600}.rule-text em{color:rgba(255,255,255,.68)}.rule-text a{color:var(--rules-yellow);text-decoration:none;border-bottom:1px dotted rgba(255,209,0,.45)}.rule-text a:hover{border-color:var(--rules-yellow);color:#ffe04c}.rule-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.rule-meta{color:rgba(255,255,255,.32);font-family:Sono,monospace;font-size:.62rem}.rule-meta i{margin-right:4px;font-size:.62rem}.rule-history-btn{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;flex:0 0 28px;padding:0;background:0 0;border:1px solid transparent;border-radius:0;color:rgba(255,255,255,.28);font-size:.72rem}.rule-history-btn:hover{background:rgba(255,209,0,.06);border-color:rgba(255,209,0,.24);color:var(--rules-yellow)}#ruleHistoryModal .modal-content{overflow:hidden;background:#0b0b0a!important;border:1px solid var(--rules-line);border-top:3px solid var(--rules-yellow);border-radius:0;box-shadow:0 24px 70px rgba(0,0,0,.58)}#ruleHistoryModal .modal-header{padding:14px 18px;background:rgba(255,209,0,.045);border-color:var(--rules-line)!important}#ruleHistoryModal .modal-title{font-family:"Chakra Petch",sans-serif;font-size:1rem;font-weight:600;text-transform:uppercase}#ruleHistoryModal .modal-title i{color:var(--rules-yellow)}#ruleHistoryModal .modal-body{padding:16px 18px}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{padding:11px 13px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-left:3px solid rgba(255,255,255,.2)}.history-item.history-created{border-left-color:#4fce82}.history-item.history-edited{border-left-color:var(--rules-yellow)}.history-item.history-deleted{border-left-color:#ef6464}.history-header{display:flex;align-items:center;gap:10px;margin-bottom:7px}.history-badge{padding:2px 7px;font-family:Sono,monospace;font-size:.59rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.history-badge-created{background:rgba(79,206,130,.14);color:#69dc98}.history-badge-edited{background:rgba(255,209,0,.12);color:var(--rules-yellow)}.history-badge-deleted{background:rgba(239,100,100,.14);color:#ef8080}.history-time{color:rgba(255,255,255,.38);font-family:Sono,monospace;font-size:.66rem}.history-content{color:rgba(255,255,255,.78);font-size:.82rem;line-height:1.5}@media (min-width:2000px) and (min-height:1200px){.rules-page{padding-top:clamp(88px,calc(5vh + 24px),124px)}}@media (max-width:768px){.rules-page{width:min(100% - 20px,1180px);padding:38px 0 45px}.rules-header{align-items:stretch;flex-direction:column;gap:13px;min-height:0;padding:15px 14px}.rules-header h1{font-size:1.35rem}.rules-header h1 i{width:31px;height:31px}.rules-search-wrapper{width:100%}.rules-content{padding:10px}.accordion-button{min-height:58px;gap:10px;padding:10px 11px}.category-number{min-width:30px;height:28px;flex-basis:30px}.category-name{font-size:.91rem}.category-meta{font-size:.58rem}.category-updated{display:none}.rule-item{gap:10px;padding:11px}.rule-number-badge{min-width:46px;height:24px;flex-basis:46px;font-size:.66rem}.rule-text{font-size:.8rem;line-height:1.5}.rule-footer{align-items:flex-end}.rule-meta{font-size:.57rem}.banner-content{display:grid;grid-template-columns:auto minmax(0,1fr) 28px;align-items:center}.banner-content>i{grid-area:1/1/3/2}.banner-content>span:not(.banner-meta){grid-area:1/2/2/3}.banner-content .banner-meta{grid-area:2/2/3/3;width:auto;margin:2px 0 0}.banner-content .banner-dismiss{grid-area:1/3/3/4;margin:0}.banner-header-content{flex-wrap:wrap}.banner-meta{width:100%;margin:2px 0 0 26px}.banner-header .banner-meta{width:100%;margin:2px 0 0 26px}.banner-item{align-items:flex-start}.history-header{align-items:flex-start;flex-direction:column;gap:5px}}@media (prefers-reduced-motion:reduce){.rule-item.highlight{animation:none}.dropdown-arrow{transition:none}}