:root{--sticky-offset:100px}.content-wrapper{max-width:90%;margin:0 auto;padding:20px 0 80px 0;display:flex;flex-direction:row;align-items:flex-start;gap:30px}.equip-main-column{flex:1;min-width:0;display:flex;flex-direction:column;gap:25px;background-color:rgba(22,27,34,.85);border:1px solid #30363d;border-radius:10px;padding:30px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#c9d1d9;font-size:1.05rem;line-height:1.6;margin-bottom:40px}.dashboard-wrapper{max-width:90%}.explanation-text{max-width:90%;margin:0 auto;padding:0 15px;text-align:center;color:#8b949e;font-size:.95rem;line-height:1.5}.quick-jump-wrapper{max-width:90%;margin:0 auto;padding:12px 15px;background-color:rgba(17,20,24,.92);border:1px solid #2d333b;border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 24px rgba(0,0,0,.5)}.quick-jump-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.quick-jump-btn{background-color:#161b22;border:1px solid #30363d;color:#c9d1d9;padding:6px 14px;border-radius:20px;font-size:.85rem;text-decoration:none;transition:all .2s ease}.quick-jump-btn:hover{background-color:rgba(64,179,255,.15);border-color:#40b3ff;color:#40b3ff}@media (max-width:768px){.quick-jump-nav{gap:6px}.quick-jump-btn{padding:5px 12px;font-size:.8rem}}.global-search-wrapper{position:-webkit-sticky;position:sticky;top:0;z-index:20;max-width:90%;margin:0 auto;padding:12px 15px;background-color:rgba(17,20,24,.92);border:1px solid #2d333b;border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 24px rgba(0,0,0,.5)}.global-search-wrapper label{display:block;color:#8b949e;font-size:.85rem;margin-bottom:6px;font-weight:600}.form-control{width:100%;background-color:#111418;color:#c9d1d9;border:1px solid #30363d;border-radius:6px;padding:10px 12px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{outline:0;border-color:#40b3ff;box-shadow:0 0 0 3px rgba(64,179,255,.2)}.block-section{scroll-margin-top:var(--sticky-offset,100px);border-top:1px solid #2d333b;padding-top:25px}.block-section:first-child{border-top:none;padding-top:0}.block-heading{color:#40b3ff;font-size:1.7rem;margin:0 0 15px 0;padding-bottom:10px;border-bottom:2px solid #30363d}.block-subheading{color:#c9d1d9;font-size:1.15rem;margin:20px 0 10px 0}.block-intro,.block-static{color:#c9d1d9;font-size:.95rem;line-height:1.6}.block-intro p,.block-static p{margin:0 0 10px 0}.rules-glossary{background-color:rgba(0,0,0,.2);border:1px solid #30363d;border-radius:8px;padding:12px 16px;margin:15px 0}.rules-glossary summary{cursor:pointer;color:#40b3ff;font-weight:600}.rules-glossary p{margin:10px 0 0 0}.additional-info-box{background-color:rgba(0,0,0,.2);border-left:3px solid #40b3ff;border-radius:6px;padding:12px 16px;margin-top:15px}.equip-container{display:flex;flex-direction:column;gap:20px}.equip-card{scroll-margin-top:var(--sticky-offset,100px);background-color:rgba(22,27,34,.85);border:1px solid #30363d;border-radius:8px;padding:24px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:transform .2s,box-shadow .2s,border-color .2s}.equip-card:hover{border-color:#484f58;box-shadow:0 4px 15px rgba(0,0,0,.4)}.equip-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #30363d;padding-bottom:12px;margin-bottom:15px}.equip-title-area{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.equip-title{color:#40b3ff;font-size:1.4rem;font-weight:700;margin:0}.equip-badge{font-size:.75rem;text-transform:uppercase;font-weight:700;padding:3px 8px;border-radius:4px;letter-spacing:.5px}.badge-official{background-color:rgba(46,160,67,.15);color:#3fb950;border:1px solid rgba(46,160,67,.4)}.badge-3rdparty{background-color:rgba(210,153,34,.15);color:#d29922;border:1px solid rgba(210,153,34,.4)}.badge-homebrew{background-color:rgba(137,87,229,.15);color:#bc8cff;border:1px solid rgba(137,87,229,.4)}.copy-anchor-link{flex-shrink:0;color:#8b949e;transition:color .2s,transform .2s;padding:4px}.copy-anchor-link:hover{color:#40b3ff;transform:scale(1.1)}.equip-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px;background-color:rgba(0,0,0,.2);padding:12px 15px;border-radius:6px;border-left:3px solid #30363d}.meta-item{font-size:.9rem;color:#c9d1d9;display:flex;align-items:center;gap:6px}.meta-item strong{color:#40b3ff}.equip-description{color:#c9d1d9;font-size:1rem;line-height:1.6}.equip-description p{margin-top:0;margin-bottom:10px}.equip-description p:last-child{margin-bottom:0}.equip-description ul{margin-top:5px;margin-bottom:15px;padding-left:25px}.equip-description li{margin-bottom:6px}.equip-description em{color:#8b949e;font-style:italic}.empty-state-message{text-align:center;color:#8b949e;font-size:1.2rem;padding:40px;background:rgba(22,27,34,.5);border-radius:8px;border:1px dashed #30363d}.equip-nav-sidebar{width:300px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:20px;max-height:calc(100vh - 160px);background-color:rgba(28,33,40,.95);border:1px solid #2d333b;border-radius:10px;padding:15px 5px 15px 15px;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-sidebar-title{color:#40b3ff;font-size:1.1rem;margin:0 0 15px 0;padding-bottom:10px;border-bottom:1px solid #30363d;text-align:center;text-transform:uppercase;letter-spacing:1px}.equip-nav-list{flex:1;list-style:none;padding:0 5px 0 0;margin:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.equip-nav-list::-webkit-scrollbar{width:6px}.equip-nav-list::-webkit-scrollbar-track{background:0 0}.equip-nav-list::-webkit-scrollbar-thumb{background:#3c5372;border-radius:4px}.equip-nav-list li{padding:8px 12px;border-radius:6px;cursor:pointer;color:#8b949e;font-size:.9rem;transition:all .2s;line-height:1.3}.equip-nav-list li:hover{background-color:rgba(64,179,255,.15);color:#fff;padding-left:18px}.btn-scroll-top-nav{margin-top:15px;background-color:transparent;color:#8b949e;border:1px dashed #30363d;border-radius:6px;padding:10px;cursor:pointer;font-size:.85rem;font-weight:600;text-transform:uppercase;transition:all .2s}.btn-scroll-top-nav:hover{background-color:rgba(64,179,255,.1);color:#40b3ff;border-color:#40b3ff}.close-toc-btn,.mobile-toc-btn,.toc-overlay{display:none!important}@media (max-width:1024px){.equip-card{scroll-margin-top:var(--sticky-offset,100px)}.explanation-text{margin-bottom:10px}.content-wrapper{flex-direction:column;display:block}.equip-nav-sidebar{display:flex!important;position:fixed!important;bottom:0;left:0;right:0;top:auto;width:100%;height:65vh;max-height:none;border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .3s cubic-bezier(.4, 0, .2, 1);z-index:1010;margin:0;padding:20px 15px;border:none;border-top:1px solid #30363d}.equip-nav-sidebar.open{transform:translateY(0)}.close-toc-btn{display:flex!important;position:absolute;top:15px;right:15px;background:0 0;border:none;color:#8b949e;padding:5px;cursor:pointer;transition:color .2s}.close-toc-btn:hover{color:#f85149}.toc-overlay{display:block!important;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:1005;opacity:0;pointer-events:none;transition:opacity .3s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.toc-overlay.active{opacity:1;pointer-events:auto}.mobile-toc-btn{display:flex!important;align-items:center;justify-content:center;position:fixed;bottom:140px;right:20px;width:50px;height:50px;background-color:#3392d1;color:#e7e7e7;border:none;border-radius:50%;cursor:pointer;z-index:1000;transition:transform .2s,background-color .2s}.mobile-toc-btn:hover{transform:scale(1.05)}}@media (max-width:768px){.content-wrapper,.dashboard-wrapper{max-width:100%;padding-left:0;padding-right:0;padding:0 0 80px 0}.equip-card,.equip-main-column{padding:15px}.controls-footer{flex-direction:column;align-items:stretch;gap:15px}.equip-counter{text-align:center}.equip-title-area{min-width:0;flex:1}.equip-title{font-size:1.3rem;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.mobile-toc-btn{bottom:80px}}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.filter-buttons:empty{margin:0}.filter-btn{background-color:#161b22;border:1px solid #30363d;color:#c9d1d9;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.95rem;transition:all .2s ease}.filter-btn:hover{background-color:#252a30;color:#fff}.filter-btn.active{background-color:rgba(64,179,255,.15);border-color:#40b3ff;color:#40b3ff;font-weight:700}.swipe-hint{display:none;font-size:.75rem;color:#8b949e;text-align:center;margin-top:-5px;font-style:italic;opacity:.7}@-webkit-keyframes pulseHint{0%{opacity:.4}50%{opacity:.9}100%{opacity:.4}}@keyframes pulseHint{0%{opacity:.4}50%{opacity:.9}100%{opacity:.4}}@media (max-width:768px){.filter-buttons{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:5px;scrollbar-width:none;-ms-overflow-style:none}.filter-buttons::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0;font-size:.85rem;padding:6px 14px}.swipe-hint{display:block;-webkit-animation:pulseHint 2.5s infinite;animation:pulseHint 2.5s infinite}}.siege-card .equip-meta{grid-template-columns:none}.siege-actions-title{color:#40b3ff;font-size:1rem;margin:15px 0 8px 0;padding-top:10px;border-top:1px solid #30363d}.nav-group-title{display:flex!important;justify-content:space-between;align-items:center;color:#40b3ff!important;font-weight:700;text-transform:uppercase;font-size:.8rem!important;letter-spacing:.5px;margin-top:10px;padding:6px 12px!important;border-bottom:1px solid #30363d;cursor:pointer}.nav-group-title:first-child{margin-top:0}.nav-group-title:hover{background-color:rgba(64,179,255,.1)!important;padding-left:12px!important}.nav-group-count{color:#8b949e;font-weight:400}