@font-face{font-family:addonWarPriest;src:url('../fonts/addons-warpriest.ttf') format('truetype');font-display:swap}
.addons-page{background:#000;color:#fff}.addons-main.addons-reference{--theme-color:#022042;--theme-color2:#c0c0c0;--title-color:#0b0e13;--body-color:#969eb2;--white-color:#fff;--black-color:#000;--black-color2:#1a1d26;--black-color3:#0f1c23;--title-font:'Rajdhani',sans-serif;--body-font:'Poppins',sans-serif;--war-font:addonWarPriest;--section-title-space:60px;width:100%;max-width:none;margin:0;padding:60px 0 80px;background:#000;overflow:hidden;font-family:var(--body-font);font-size:16px;line-height:1.75;color:var(--body-color)}
.addons-reference *{box-sizing:border-box}.addons-reference [hidden]{display:none!important}.addons-reference .container{width:100%;max-width:1249px;padding:0 12px;margin:0 auto}.addons-reference a{text-decoration:none;transition:all ease .4s}.addons-reference button{cursor:pointer;font-family:var(--title-font);transition:all ease .4s}.addons-reference p{font-family:var(--body-font);line-height:1.75;color:var(--body-color)}.addons-reference h1,.addons-reference h2,.addons-reference h3{font-family:var(--title-font);font-weight:700;line-height:1.4;text-transform:none}
.addons-reference .th-btn{color:#fff;gap:8px}.addons-reference .th-btn:hover{background:var(--theme-color2);color:var(--title-color)}.addons-reference .th-btn svg{width:18px;height:18px;flex-shrink:0}.addons-reference .th-btn:disabled{cursor:not-allowed;opacity:.45}.addons-reference .background-image{background-position:center;background-size:cover;background-repeat:no-repeat}.addons-reference .th-hero-wrapper{position:relative;z-index:1}.addons-reference .hero-title{margin:0 0 15px;line-height:1.18}.addons-reference .hero-style3 .btn-group{display:inline-flex;gap:10px;vertical-align:top;margin-right:5px}.addons-reference .hero-style3 .sub-title{display:block;color:#c0c0c0}.addons-reference .feature-game-area-1{background:#000}.addons-reference .slider-area{position:relative}.addons-reference .feature-game-card-img>a:first-child{display:block;position:relative}.addons-reference .feature-game-card-img>a:first-child>img{display:block;border-radius:30px 30px 0 0}.addons-reference .feature-card-img-shape{pointer-events:none}.addons-reference .feature-card-img-shape>img{opacity:0}.addons-reference .feature-card-img-shape .mask-icon{display:block;position:absolute;inset:0;background:var(--theme-color2);mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}.addons-reference .feature-game-card .box-title{font-family:var(--title-font);line-height:1.278}.addons-reference .feature-game-card .text{margin:0 0 -.3em;line-height:1.75}.addons-reference .feature-game-card .box-title a:hover{color:var(--theme-color2)}.addons-reference .slider-arrow{display:grid;place-items:center;transition:all .4s;--pos-x:-70px;--icon-size:56px}.addons-reference .slider-arrow svg{width:24px;height:24px}.addons-reference .slider-arrow:hover{background:var(--theme-color2);color:#0b0e13}.addons-reference .slider-arrow:focus-visible{opacity:1;visibility:visible;transform:scale(1)}.addons-reference .feature-game-card:focus-within .th-btn{opacity:1}.addons-reference .feature-game-card:focus-within .feature-game-card-details{transform:translateY(22px)}
.addons-reference :is(a,button,input,select):focus-visible{outline:2px solid #c0c0c0;outline-offset:4px}.addons-reference .catalog-content{padding-top:5px}.addons-reference .client-picker{display:flex;align-items:center;gap:20px;padding:22px 26px;border:1px solid #21303d;background:#0c141c;margin:0 0 10px}.addons-reference .client-folder-icon{display:grid;place-items:center;width:50px;height:50px;color:#c0c0c0;flex-shrink:0}.addons-reference .client-folder-icon svg{width:32px;height:32px}.addons-reference .client-picker-copy{flex:1;min-width:0}.addons-reference .client-picker h2{font-size:25px;color:#fff;margin:0 0 5px}.addons-reference .client-picker p{font-size:12px;margin:0;overflow-wrap:anywhere}.addons-reference .client-summary{font-size:10px;color:#7f8a99;display:block;margin-top:4px}.addons-reference .client-picker-actions{display:flex;flex-direction:column;gap:6px;align-items:center}.addons-reference .catalog-button{border:0;border-radius:0;padding:12px 24px;background:#022042;color:#fff;font:700 16px/1.2 var(--title-font);min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%)}.addons-reference .catalog-button svg{width:17px;height:17px}.addons-reference .catalog-button:hover{background:#c0c0c0;color:#0b0e13}.addons-reference .catalog-button:disabled{cursor:not-allowed;background:#132333;color:#788390}.addons-reference .catalog-text-button{background:none;border:0;color:#969eb2;font-size:12px;text-decoration:underline;padding:0}.addons-reference .catalog-feedback{font-size:12px;min-height:21px;margin:0;color:#8acda2}.addons-reference .catalog-feedback.is-error{color:#f19c94}
.addons-reference .addons-catalog{position:relative;padding:80px 0 60px;isolation:isolate}.addons-reference .addons-catalog::before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:calc((1249px - 100vw)/2);width:100vw;background:linear-gradient(#0b0e13ed,#0b0e13eb),url('../images/addons/addons_bg.jpg') center/cover no-repeat}.addons-reference .catalog-heading{text-align:center;margin:0 0 30px}.addons-reference .catalog-heading .sub-title{font-size:18px;letter-spacing:3px;color:#c0c0c0;margin-bottom:20px}.addons-reference .catalog-heading h2{color:#fff;font-size:44px;line-height:1.227;margin:0 0 15px}.addons-reference #catalog-count{font-size:12px;margin:0 0 22px;min-height:21px}.addons-reference .catalog-search{display:flex;align-items:center;gap:10px;max-width:400px;margin:auto;padding:0 15px;border:1px solid #304052;background:#0b1520;color:#969eb2}.addons-reference .catalog-search svg{width:18px;height:18px}.addons-reference .catalog-search input{width:100%;height:43px;background:none;border:0;box-shadow:none;padding:0;color:#fff;font-family:var(--body-font);font-size:13px}.addons-reference .catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.addons-reference .catalog-filters{display:flex;flex-wrap:wrap;gap:7px}.addons-reference .catalog-filter{font:700 15px var(--title-font);padding:7px 14px;background:#0f1c23;border:1px solid #263441;color:#fff}.addons-reference .catalog-filter:hover,.addons-reference .catalog-filter[aria-pressed=true]{color:#c0c0c0;border-color:#c0c0c0}.addons-reference .catalog-installed-filter{font-size:12px;display:flex;align-items:center;gap:7px;white-space:nowrap}.addons-reference .catalog-installed-filter input{accent-color:#c0c0c0}.addons-reference .catalog-installed-filter:has(:disabled){color:#657080}
.addons-reference .catalog-table-wrap{overflow:auto;padding:1px 0 10px;scrollbar-color:#34485b #0b0e13}.addons-reference .catalog-table{width:100%;table-layout:auto;border:0}.addons-reference .tournament-table thead th{color:#c0c0c0;padding:9px 12px;line-height:44px;font-size:20px;text-transform:none;letter-spacing:0}.addons-reference .tournament-table thead th:first-child,.addons-reference .tournament-table thead th:last-child{display:table-cell;width:auto}.addons-reference .tournament-table tbody tr td{padding:8px 12px;text-align:center;font-size:24px;line-height:1.2;font-family:var(--title-font);color:#fff}.addons-reference .tournament-table tbody tr td:first-child{width:33%;padding-left:24px}.addons-reference .tournament-table thead th:nth-child(2),.addons-reference .tournament-table tbody tr td:nth-child(2){text-align:left;width:24%}.addons-reference .catalog-addon{display:block}.addons-reference .catalog-addon strong{font:600 24px/1.2 var(--title-font);color:#fff}.addons-reference .catalog-addon p,.addons-reference .catalog-addon-icon,.addons-reference .catalog-release{display:none}.addons-reference .catalog-status{display:block;font:500 11px/1.2 var(--body-font);color:#8fcfaa;margin-top:3px}.addons-reference .catalog-number svg{width:20px;height:20px;vertical-align:middle}.addons-reference .catalog-download{clip-path:none;border:0;background:transparent;color:#fff;padding:0;min-height:28px;width:38px}.addons-reference .catalog-download svg{width:23px;height:23px}.addons-reference .catalog-download:hover{background:none;color:#c0c0c0}.addons-reference .catalog-download:disabled{background:none;color:#778491;opacity:.65}.addons-reference .catalog-publishing-note{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;margin:22px 0 0;color:#8792a0}.addons-reference .catalog-publishing-note svg{width:16px;height:16px;flex-shrink:0}.addons-reference .catalog-empty{text-align:center;padding:40px 15px}.addons-reference .catalog-empty svg{width:32px;height:32px}.addons-reference .catalog-empty h3{font-size:26px;color:#fff;margin:12px 0}.addons-reference .catalog-empty p{font-size:13px}.addons-reference .catalog-loading{text-align:center;padding:40px!important}.addons-reference #catalog-error{color:#f19c94;text-align:center;font-size:13px}.addons-reference .catalog-install-guide{padding:35px 0 0}.addons-reference .catalog-guide-title{display:flex;align-items:center;gap:10px}.addons-reference .catalog-guide-title svg{width:20px;height:20px;color:#c0c0c0}.addons-reference .catalog-guide-title h2{font-size:25px;color:#fff;margin:0}.addons-reference .catalog-install-guide ol{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:20px 0;padding:0;list-style:none}.addons-reference .catalog-install-guide li{display:flex;align-items:flex-start;gap:10px;font-size:12px}.addons-reference .catalog-install-guide b{color:#c0c0c0;font-family:var(--title-font);font-size:17px}.addons-reference .catalog-install-guide>p{font-size:11px;color:#6e7782}.addons-reference .catalog-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#addons-catalog-title{scroll-margin-top:95px}
.addons-reference .catalog-search-dialog{background:#0b141e;color:#fff;border:1px solid #31475d;padding:40px;width:min(500px,calc(100% - 32px));max-height:calc(100% - 40px);overflow:auto}.addons-reference .catalog-search-dialog::backdrop{background:#000c;backdrop-filter:blur(4px)}.addons-reference .catalog-search-dialog[open]{animation:addon-dialog .25s ease-out}.addons-reference .catalog-search-dialog h2{font-size:32px;margin:0 0 25px;color:#fff}.addons-reference .catalog-search-dialog label{display:block;font-size:12px;margin:18px 0 8px}.addons-reference .catalog-search-dialog :is(input,select){display:block;width:100%;height:45px;background:#111f2d;color:#fff;border:1px solid #385065;padding:8px 12px;font:14px var(--body-font)}.addons-reference .catalog-search-dialog .th-btn{margin-top:26px}.addons-reference .catalog-dialog-close{position:absolute;top:10px;right:10px;width:32px;height:32px;background:#b31525;color:#fff;border:1px solid #df4150;font:26px/1 Arial;display:grid;place-items:center}.addons-reference .catalog-dialog-close:hover{background:#d52033}@keyframes addon-dialog{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:none}}
@media(max-width:1399px){.addons-reference .container{max-width:1170px}.addons-reference .slider-arrow{--pos-x:-35px}.addons-reference .addons-catalog::before{left:calc((1170px - 100vw)/2)}}
@media(max-width:1199px){.addons-reference .container{max-width:960px}.addons-reference .slider-arrow{--pos-x:-25px}.addons-reference .addons-catalog::before{left:calc((960px - 100vw)/2)}}
@media(max-width:991px){.addons-reference .container{max-width:720px}.addons-reference .slider-arrow{display:none}.addons-reference .client-picker{flex-wrap:wrap}.addons-reference .client-picker-actions{margin-left:70px}.addons-reference .catalog-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.addons-reference .catalog-heading h2{font-size:36px}.addons-reference .addons-catalog::before{left:calc((720px - 100vw)/2)}}
@media(max-width:767px){.addons-reference .container{max-width:540px;padding:0 20px}.addons-reference .catalog-content{padding-top:0}.addons-reference .catalog-install-guide ol{grid-template-columns:1fr;gap:12px}.addons-reference .client-picker{padding:20px 16px;gap:10px}.addons-reference .client-picker-copy{flex-basis:calc(100% - 60px)}.addons-reference .client-picker-actions{margin-left:60px}.addons-reference .client-picker h2{font-size:22px}.addons-reference .addons-catalog{padding-top:50px}.addons-reference .catalog-heading .sub-title{font-size:14px;letter-spacing:2px}.addons-reference .catalog-heading h2{font-size:30px}.addons-reference .addons-catalog::before{left:calc((540px - 100vw)/2)}}
@media(max-width:575px){.addons-reference .container{max-width:100%;padding:0 20px}.addons-reference .addons-catalog::before{left:-20px}.addons-reference .hero-style3 .btn-group{margin-right:0}.addons-reference .th-btn{min-width:150px;padding:17px 22px}.addons-reference .client-picker-actions{margin-left:0;width:100%;align-items:stretch}.addons-reference .client-folder-icon{width:34px}.addons-reference .client-picker-copy{flex-basis:calc(100% - 44px)}.addons-reference .catalog-publishing-note{align-items:flex-start}.addons-reference .catalog-search-dialog{padding:35px 24px}}
@media(prefers-reduced-motion:reduce){.addons-reference *,.addons-reference *::before,.addons-reference *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.addons-reference .addon-anim-left,.addons-reference .addon-anim-top{opacity:1!important;clip-path:none!important;transform:none!important}}
/* Full-screen search: expanding overlay and delayed field entrance. */
.addons-reference .catalog-search-dialog{position:fixed;inset:0 auto auto 50%;margin:0;padding:0;width:0;height:0;max-width:none;max-height:none;overflow:hidden;border:0;border-radius:50%;background:rgba(0,0,0,.95);color:#fff;opacity:0;transform:translateX(-50%);transition:all .4s ease;animation:none}
.addons-reference .catalog-search-dialog[open]{animation:none}.addons-reference .catalog-search-dialog::backdrop{background:transparent;backdrop-filter:none}
.addons-reference .catalog-search-dialog.is-open{width:100%;height:100dvh;border-radius:0;opacity:1}
.addons-reference .catalog-search-dialog form{position:absolute;top:50%;left:50%;width:calc(100% - 40px);max-width:700px;padding:0 0 40px;transform:translate(-50%,-50%) scale(0);transition:transform .4s ease;transition-delay:0s}
.addons-reference .catalog-search-dialog.is-open form{transform:translate(-50%,-50%) scale(1);transition-delay:.5s}
.addons-reference .catalog-search-dialog input{width:100%;height:70px;border:0;margin:0;background:#0f1c23;color:#fff;padding:0 90px 0 50px;font:16px var(--body-font);box-shadow:none;clip-path:polygon(40px 0,calc(100% - 40px) 0,100% 50%,calc(100% - 40px) 100%,40px 100%,0 50%)}
.addons-reference .catalog-search-dialog input::placeholder{color:#fff;opacity:1}.addons-reference .catalog-search-dialog input:focus-visible{outline:none;background:#152630}.addons-reference .catalog-search-dialog input::-webkit-search-cancel-button{display:none}
.addons-reference .catalog-search-dialog form button{position:absolute;right:20px;top:0;width:70px;height:70px;padding:0;border:0;background:none;color:#fff;display:grid;place-items:center;transition:transform .4s ease;transform:scale(1.001)}
.addons-reference .catalog-search-dialog form button:hover{transform:scale(1.1)}.addons-reference .catalog-search-dialog form button svg{width:25px;height:25px}
.addons-reference .catalog-dialog-close{position:absolute;top:40px;right:40px;width:60px;height:60px;border:1px solid #c0c0c0;border-radius:50%;background:transparent;color:#c0c0c0;font:32px/1 Arial;transform:rotate(0);transition:transform .4s ease;display:grid;place-items:center}
.addons-reference .catalog-dialog-close:hover{transform:rotate(90deg);background:transparent;color:#c0c0c0}
.addons-reference .addons-catalog .client-picker{margin-top:30px;margin-bottom:10px}.addons-reference .addons-catalog .catalog-feedback{margin-bottom:20px}
@media(max-width:1199px){.addons-reference .catalog-search-dialog form{max-width:600px}}
@media(max-width:575px){.addons-reference .catalog-dialog-close{top:22px;right:22px;width:48px;height:48px}.addons-reference .catalog-search-dialog input{font-size:13px;padding-left:28px;padding-right:65px;clip-path:polygon(25px 0,calc(100% - 25px) 0,100% 50%,calc(100% - 25px) 100%,25px 100%,0 50%)}.addons-reference .catalog-search-dialog form button{right:12px;width:50px}}
@media(prefers-reduced-motion:reduce){.addons-reference .catalog-search-dialog,.addons-reference .catalog-search-dialog form{transition:none!important;transition-delay:0s!important}}
/* Hero artwork kept separate from the background for responsive framing. */
.addons-reference .hero-3{isolation:isolate;overflow:hidden}
.addons-reference .hero-3::after{background:linear-gradient(90deg,rgba(5,10,16,.9) 5%,rgba(5,10,16,.72) 33%,rgba(5,10,16,.2) 67%,rgba(5,10,16,.18));z-index:-1}
.addons-reference .hero-3 .th-hero-bg{background-position:center 55%}
.addons-reference .hero-3>.container{position:relative;z-index:2;pointer-events:none}.addons-reference .hero-style3 :is(a,button){pointer-events:auto}
.addons-reference .addon-hero-character{position:absolute;z-index:1;right:max(4vw,calc((100% - 1249px)/2));bottom:5px;height:calc(100% - 35px);max-height:880px;width:auto;max-width:52%;object-fit:contain;object-position:bottom;pointer-events:none;transform:scaleX(-1);filter:drop-shadow(0 18px 35px #0009);mask-image:linear-gradient(#000 0%,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 82%,transparent 100%)}
@media(max-width:1199px){.addons-reference .addon-hero-character{right:1%;max-width:53%;height:86%}.addons-reference .hero-style3{position:relative;z-index:2}}
@media(max-width:767px){.addons-reference .addon-hero-character{right:-13%;max-width:75%;height:68%;bottom:15px;opacity:.65}.addons-reference .hero-3::after{background:linear-gradient(90deg,#050a10d9 5%,#050a10a8 45%,#050a1040)}}
@media(max-width:575px){.addons-reference .addon-hero-character{right:-18%;max-width:83%;height:66%;bottom:20px;opacity:.5}.addons-reference .hero-style3{padding-top:165px;padding-bottom:225px}.addons-reference .hero-title,.addons-reference .hero-style3 .sub-title{text-shadow:0 3px 16px #000}}

/* Paladin presenting the dungeon panel; preserve readable panel orientation. */
.addons-reference .addon-hero-character{transform:none;right:2%;width:min(52vw,850px);height:auto;max-width:none;max-height:90%;bottom:0;object-fit:contain}
@media(max-width:1199px){.addons-reference .addon-hero-character{right:0;width:53%;height:auto;max-height:80%}}
@media(max-width:767px){.addons-reference .addon-hero-character{right:1%;width:65%;max-height:58%;opacity:1;bottom:0}.addons-reference .hero-style3{padding-top:110px;padding-bottom:330px}}
@media(max-width:575px){.addons-reference .addon-hero-character{right:0;width:85%;max-height:52%;opacity:1}.addons-reference .hero-style3{padding-top:100px;padding-bottom:350px}}
/* TuWoW addon identity: shared typography and deep-red actions. */
.addons-main.addons-reference{--theme-color:#a60000;--theme-color2:#bbbbbb;--title-font:var(--font-heading);--body-font:var(--font-ui);--war-font:var(--font-title)}
.addons-reference .hero-style3 .hero-title{font-family:var(--font-title)}
.addons-reference :is(button,input,.th-btn,.catalog-button,.catalog-filter,.sub-title){font-family:var(--font-ui)}
.addons-reference :is(p,.text){font-family:var(--font-ui)}
.addons-reference .th-btn,.addons-reference .catalog-button:not(:disabled){background:#a60000;color:#fff}
.addons-reference .th-btn:hover,.addons-reference .catalog-button:not(:disabled):hover{background:#c0140b;color:#fff}
.addons-reference .th-btn::before,.addons-reference .th-btn::after{background:#bbbbbb}
.addons-reference .feature-card-img-shape .mask-icon{background:#bbbbbb}
.addons-reference .catalog-filter[aria-pressed=true]{border-color:#bbbbbb;background:#a60000;color:#fff}
.addons-reference .catalog-filter:hover{border-color:#bbbbbb;color:#fff;background:#35100d}
.addons-reference .catalog-dialog-close{background:#a60000!important;border:1px solid #ef3c32!important;border-radius:0!important;color:white!important;width:48px;height:48px;font:36px/1 Arial}
.addons-reference .catalog-dialog-close:hover{background:#c0140b!important;transform:none;box-shadow:0 0 15px #a6000055}
/* A narrower presentation avoids the broad/squashed silhouette. */
.addons-reference .addon-hero-character{width:min(48vw,780px);height:auto;max-height:none;aspect-ratio:1;object-fit:contain;right:3%;transform:scaleX(.94);transform-origin:right bottom}
@media(max-width:1199px){.addons-reference .addon-hero-character{width:51%;right:1%}}
@media(max-width:767px){.addons-reference .addon-hero-character{width:65%;right:1%}}
@media(max-width:575px){.addons-reference .addon-hero-character{width:85%;right:0}}
/* Unified red-and-white actions, including homepage Features and dialogs. */
:root{--action-red:#a60000;--action-red-hover:#bd100d;--action-edge:#e54b46}
:is(.auth-actions .auth-link,.auth-play-free,.btn-primary,.button-primary,.account-primary-action,.realm-features-red-btn,.hero-actions .btn,.feature-actions .btn,.th-btn,.catalog-button,.catalog-filter,.slider-arrow,.modal-close,.dialog-close,.close-button,.catalog-dialog-close):not(:disabled){background:var(--action-red)!important;color:#fff!important;border-color:var(--action-edge)!important;box-shadow:inset 0 1px 0 #ffffff15,0 5px 16px #50000030}
:is(.auth-actions .auth-link,.auth-play-free,.btn-primary,.button-primary,.account-primary-action,.realm-features-red-btn,.hero-actions .btn,.feature-actions .btn,.th-btn,.catalog-button,.catalog-filter,.slider-arrow,.modal-close,.dialog-close,.close-button,.catalog-dialog-close):not(:disabled):is(:hover,:focus-visible){background:var(--action-red-hover)!important;color:#fff!important;border-color:#ffffffa6!important;box-shadow:inset 0 1px 0 #ffffff25,0 5px 20px #a6000040}
:is(.auth-actions .auth-link,.btn-primary,.hero-actions .btn,.feature-actions .btn,.th-btn)::before,:is(.auth-actions .auth-link,.btn-primary,.hero-actions .btn,.feature-actions .btn,.th-btn)::after{background:#fff!important;opacity:.8}
.realm-features-red-btn{border-radius:0;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.realm-features-red-btn:hover{transform:translateY(-2px)}
.top-nav-links>.nav-link:hover,.top-nav-dropdown>.menu-trigger:is(:hover,[aria-expanded=true]){color:#fff!important}
.addons-reference :is(a,button,input,select):focus-visible{outline-color:#fff}
.addons-reference .catalog-filter[aria-pressed=true]{box-shadow:inset 0 -3px #fff!important;border-color:#fff!important}
@media(prefers-reduced-motion:reduce){.realm-features-red-btn,.realm-features-red-btn svg{transition:none!important;transform:none!important}}
/* Neutral catalog surfaces matching the site's rankings sections. */
.addons-reference .catalog-content{--body-color:#a6a6a6;--black-color3:#111;--title-color:#eee;color:#aaa}
.addons-reference .addons-catalog::before{background:linear-gradient(#0b0b0be8,#090909f2),url('../images/addons/addons_bg.jpg') center/cover no-repeat;filter:grayscale(1)}
.addons-reference .client-picker{background:#101010;border-color:#333}
.addons-reference .client-picker p,.addons-reference #catalog-count,.addons-reference .catalog-publishing-note,.addons-reference .catalog-install-guide>p{color:#aaa}
.addons-reference .client-summary{color:#909090}
.addons-reference .catalog-installed-filter,.addons-reference .catalog-installed-filter:has(:disabled){color:#999}
.addons-reference .catalog-installed-filter input{accent-color:#a60000}
.addons-reference .catalog-table-wrap{padding:4px;background:#141414;border:1px solid #242424;scrollbar-color:#555 #111}
.addons-reference .catalog-table{border-collapse:collapse;border-spacing:0;margin:0}
.addons-reference .tournament-table thead{background:#1b1b1b;clip-path:none}
.addons-reference .tournament-table thead th{background:#1b1b1b;color:#ddd;border-bottom:1px solid #383838;font:700 13px/1.4 var(--font-ui);text-transform:uppercase;letter-spacing:.035em;padding:18px 16px}
.addons-reference .tournament-table tbody tr{background:#0e0e0e;clip-path:none;transition:background .2s ease}
.addons-reference .tournament-table tbody tr:hover{background:#191919}
.addons-reference .tournament-table tbody tr td{border-bottom:1px solid #292929;color:#ddd;font:500 17px/1.4 var(--font-ui);padding:16px}
.addons-reference .catalog-addon strong{font:600 18px/1.4 var(--font-ui);color:#eee}
.addons-reference .catalog-search{background:#101010;border-color:#333;color:#aaa}
.addons-reference .catalog-search-dialog input{background:#171717;color:#fff}
.addons-reference .catalog-search-dialog input:focus-visible{background:#222}
.addons-reference .catalog-install-guide{color:#aaa}
/* Secondary browsing controls stay neutral; primary actions carry red. */
body .addons-reference .catalog-filter{background:linear-gradient(#1c1c1c,#101010)!important;border-color:#3a3a3a!important;color:#ddd!important;box-shadow:none!important}
body .addons-reference .catalog-filter:is(:hover,:focus-visible){background:#262626!important;border-color:#777!important;color:#fff!important;box-shadow:inset 0 -2px #a60000!important}
body .addons-reference .catalog-filter[aria-pressed=true]{background:#252525!important;border-color:#555!important;color:#fff!important;box-shadow:inset 0 -3px #a60000!important}
body .addons-reference #hero-search{background:linear-gradient(#252525,#141414)!important;color:#fff!important}
body .addons-reference #hero-search:hover{background:#303030!important}
body .addons-reference .catalog-search-dialog form button,body .addons-reference .catalog-search-dialog form button:hover{background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important}
body .addons-reference .slider-arrow{background:#202020!important;border-color:#555!important;color:#fff!important}
body .addons-reference .slider-arrow:hover{background:#333!important;border-color:#999!important}
body .addons-reference .catalog-text-button{background:transparent!important;color:#bbb!important;box-shadow:none!important;border:0!important}
body .addons-reference .catalog-download:disabled{background:#242424!important;border-color:#444!important;color:#888!important;box-shadow:none!important}
.addons-reference .catalog-heading .sub-title{color:#aaa}
.addons-reference .hero-style3 .hero-title,.addons-reference .hero-style3 .sub-title{font-family:var(--font-display);font-weight:700}
/* Original engineer artwork faces inward to the left; preserve its proportions. */
.addons-reference .addon-hero-character{width:min(47vw,750px);height:auto;aspect-ratio:auto;transform:none;right:5%;bottom:0;max-height:none;object-fit:contain}
@media(max-width:1199px){.addons-reference .addon-hero-character{width:49%;right:1%}}
@media(max-width:767px){.addons-reference .addon-hero-character{width:61%;right:1%}}
@media(max-width:575px){.addons-reference .addon-hero-character{width:78%;right:0}}
/* Quiet carousel borders; red appears only on interaction. */
.addons-reference .feature-card-img-shape .mask-icon{background:#686868;transition:background-color .25s ease}
.addons-reference .feature-game-card:is(:hover,:focus-within) .feature-card-img-shape .mask-icon{background:#a60000}
/* Soft workshop depth, with legible copy and shaded side edges. */
.addons-reference .hero-3 .th-hero-bg{filter:blur(2px);transform:scale(1.015);background-position:center center}
.addons-reference .hero-3::after{background:linear-gradient(90deg,#080808ed 0%,#080808ad 31%,#08080830 58%,#08080840 80%,#080808bd 100%)}
.addons-reference .addon-hero-character{width:min(42vw,660px);right:6%;filter:drop-shadow(0 18px 35px #0009)}
@media(max-width:1199px){.addons-reference .addon-hero-character{width:44%;right:3%}}
@media(max-width:767px){.addons-reference .addon-hero-character{width:54%;right:4%}}
@media(max-width:575px){.addons-reference .addon-hero-character{width:67%;right:4%}}
/* Painted figure retains natural portrait proportions and a clear silhouette. */
.addons-reference .addon-hero-character{width:min(36vw,565px);right:8%;filter:drop-shadow(0 12px 25px #0006)}
@media(max-width:1199px){.addons-reference .addon-hero-character{width:39%;right:4%}}
@media(max-width:767px){.addons-reference .addon-hero-character{width:45%;right:5%}}
@media(max-width:575px){.addons-reference .addon-hero-character{width:56%;right:5%}}
/* Preserve the workshop's painted edges with only gentle depth softness. */
.addons-reference .hero-3 .th-hero-bg{filter:blur(.7px);transform:scale(1.008)}
/* Keep the mechanic crisp against a softly defocused workshop. */
.addons-reference .hero-3 .th-hero-bg{filter:blur(3px);transform:scale(1.02)}
/* Category tabs: a single red selected state, neutral inactive choices. */
html body .addons-reference .catalog-filter:not(:disabled){background:linear-gradient(#252525,#181818)!important;border-color:#4a4a4a!important;color:#ddd!important;box-shadow:none!important}
html body .addons-reference .catalog-filter:not(:disabled):is(:hover,:focus-visible){background:#303030!important;border-color:#777!important;color:#fff!important;box-shadow:none!important}
html body .addons-reference .catalog-filter[aria-pressed="true"]:not(:disabled),html body .addons-reference .catalog-filter[aria-pressed="true"]:not(:disabled):is(:hover,:focus-visible){background:#a60000!important;border-color:#dd3933!important;color:#fff!important;box-shadow:none!important}
/* FAQ-style editorial heading. */
.addons-reference .catalog-heading .sub-title{color:#a5a5a5;font-family:var(--font-ui);font-size:.68rem;font-weight:800;letter-spacing:.32em;line-height:1;text-transform:uppercase;margin-bottom:10px}
.addons-reference .catalog-title-row{display:grid;grid-template-columns:minmax(35px,120px) auto minmax(35px,120px);align-items:center;justify-content:center;gap:20px;margin:10px auto 0}
.addons-reference .catalog-title-row>span{height:1px;background:linear-gradient(90deg,transparent,#6b6b6b)}
.addons-reference .catalog-title-row>span:last-child{background:linear-gradient(90deg,#6b6b6b,transparent)}
.addons-reference .catalog-heading h2{margin:0;color:#d9d9d9;font-family:var(--font-display);font-size:clamp(2rem,4.4vw,3.55rem);font-weight:700;letter-spacing:.015em;line-height:1.1;background:linear-gradient(180deg,#f5f5f5 5%,#c8c8c8 52%,#959595 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 22px #000b;text-transform:uppercase}
.addons-reference .catalog-heading #catalog-count{margin:12px 0 22px;color:#8f8d8a;font:italic .9rem/1.5 var(--font-ui)}
@media(max-width:575px){.addons-reference .catalog-title-row{grid-template-columns:25px minmax(0,1fr) 25px;gap:10px}.addons-reference .catalog-heading h2{font-size:1.8rem}}
/* Eliminate the exposed gold body strip, preserving the guide's internal spacing. */
body.addons-page .site-footer{margin-top:0}
/* Board-style browsing: neutral tabs with a red active underline. */
html body .addons-reference .catalog-toolbar{padding:16px 0 20px;margin-bottom:0;border-bottom:1px solid #292929;gap:20px}
html body .addons-reference .catalog-filters{gap:6px}
html body .addons-reference .catalog-filter:not(:disabled){min-height:42px;padding:11px 18px;background:#0a0a0a!important;border:1px solid #303030!important;color:#ccc!important;font:700 11px/1.25 var(--font-display);letter-spacing:.045em;text-transform:uppercase;box-shadow:none!important;transition:background-color .18s ease,border-color .18s ease}
html body .addons-reference .catalog-filter:not(:disabled):is(:hover,:focus-visible){background:#202020!important;border-color:#555!important;color:#fff!important;box-shadow:none!important;outline-color:#aaa!important}
html body .addons-reference .catalog-filter[aria-pressed="true"]:not(:disabled),html body .addons-reference .catalog-filter[aria-pressed="true"]:not(:disabled):is(:hover,:focus-visible){background:linear-gradient(#262626,#191919)!important;border-color:#454545!important;border-bottom-color:#a60000!important;color:#fff!important;box-shadow:inset 0 -2px #a60000!important}
.addons-reference .catalog-table-wrap{margin-top:22px;background:#151515;border-color:#292929;padding:4px}
.addons-reference .client-picker{background:linear-gradient(110deg,#181818,#101010);border-color:#333}
.addons-reference .catalog-installed-filter{font-family:var(--font-ui);color:#aaa}
@media(max-width:767px){html body .addons-reference .catalog-filter:not(:disabled){padding:10px 13px;font-size:10px}.addons-reference .catalog-table-wrap{margin-top:16px}}
/* Center full-bleed artwork independently of container padding and scrollbar width. */
.addons-reference .addons-catalog::before{left:50%!important;width:100vw;transform:translateX(-50%)}
body.addons-page .addons-main.addons-reference{padding-bottom:0}
.addons-reference .catalog-heading{margin-bottom:34px}
.addons-reference #catalog-count[hidden]{display:none!important}
.addons-reference .catalog-heading h2{color:#f1f1f1;background:none;-webkit-text-fill-color:#f1f1f1}
.addons-reference .catalog-title-row>span{background:linear-gradient(90deg,transparent,#666)}
.addons-reference .catalog-title-row>span:last-child{background:linear-gradient(90deg,#666,transparent)}
.addons-reference .hero-style3 .sub-title{color:#eee}
html body .addons-reference .client-picker{border-color:#a60000}
html body .addons-reference .catalog-toolbar{flex-direction:column;align-items:stretch;gap:18px}
html body .addons-reference .catalog-filters{justify-content:center}
.addons-reference .catalog-status-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;background:#151515;border:1px solid #303030;color:#aaa;font:14px var(--font-ui)}
.addons-reference .catalog-status-bar strong{color:#eee;font-weight:600}
.addons-reference .catalog-rating{display:flex;flex-direction:column;align-items:center;gap:6px}
.addons-reference .catalog-rating select{max-width:150px;background:#191919;color:#ddd;border:1px solid #444;padding:6px;font:12px var(--font-ui)}
.addons-reference .catalog-rating small{color:#999;font:11px var(--font-ui)}
.addons-reference .catalog-rating-login{color:#ccc;text-decoration:underline;font:12px var(--font-ui)}
.addons-reference .catalog-rating-message{font:12px var(--font-ui);color:#ccc;text-align:center}
@media(max-width:575px){.addons-reference .catalog-status-bar{align-items:flex-start;flex-direction:column}}
/* Addon table follows the realm leaderboard table metrics. */
.addons-reference .catalog-table-wrap{padding:0;margin:26px 4px 4px;border:1px solid #363636;background:#090909;box-shadow:0 0 0 4px rgba(11,11,11,.9),0 20px 54px rgba(0,0,0,.34)}
.addons-reference table.catalog-table{width:100%;min-width:720px;border-collapse:collapse;border-spacing:0;table-layout:fixed;margin:0}
.addons-reference .catalog-table thead{clip-path:none;background:#191919}
.addons-reference .catalog-table thead th{height:52px;box-sizing:border-box;padding:12px 22px!important;text-align:left!important;border:0;border-bottom:1px solid #343434;background:#191919;color:#f2f2f2;font:700 11px/1.3 var(--font-ui);letter-spacing:1.15px;text-transform:uppercase}
.addons-reference .catalog-table thead th:first-child{width:32%}
.addons-reference .catalog-table thead th:nth-child(2){width:22%}
.addons-reference .catalog-table thead th:nth-child(3){width:16%}
.addons-reference .catalog-table thead th:nth-child(4){width:18%}
.addons-reference .catalog-table thead th:last-child{width:12%}
.addons-reference .catalog-table tbody tr{background:#0d0d0d;clip-path:none}
.addons-reference .catalog-table tbody tr:hover{background:#151515;box-shadow:inset 3px 0 #a60000}
.addons-reference .catalog-table tbody tr td{height:59px;box-sizing:border-box;padding:9px 22px!important;text-align:left!important;vertical-align:middle;border:0;border-bottom:1px solid #262626;color:#aaa;font:400 13px/1.35 var(--font-ui);font-variant-numeric:tabular-nums}
.addons-reference .catalog-table tbody tr:last-child td{border-bottom:0}
.addons-reference .catalog-table tbody tr td:first-child{width:auto}
.addons-reference .catalog-addon strong{font:700 14px/1.35 var(--font-ui);color:#eee}
.addons-reference .catalog-status{font-size:10px;margin-top:3px}
.addons-reference .catalog-rating{align-items:flex-start;gap:3px;color:#ddd;font-size:13px}
.addons-reference .catalog-rating small{font-size:10px;line-height:1.2;color:#888}
html body .addons-reference .catalog-download:disabled{background:transparent!important;border:0!important;box-shadow:none!important;padding:0;min-height:24px;width:24px;color:#888!important}
.addons-reference .catalog-empty{background:#0d0d0d}
@media(max-width:575px){.addons-reference .catalog-table-wrap{margin-top:20px}}

/* Expandable addon information, matching the achievement rows. */
.addons-reference .catalog-table tr[data-addon]{cursor:pointer}
.addons-reference .catalog-expand{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:0;border:0;background:transparent!important;box-shadow:none;color:#fff!important;text-align:left;font:700 14px/1.35 var(--font-ui);cursor:pointer}
.addons-reference .catalog-expand svg{width:16px;height:16px;flex-shrink:0;color:#bcbcbc;transition:transform .2s ease}
.addons-reference .catalog-expand[aria-expanded="true"] svg{transform:rotate(180deg);color:#c32c2c}
.addons-reference .catalog-expand:focus-visible{outline:2px solid #ddd;outline-offset:5px}
.addons-reference .catalog-table tr.is-expanded>td{background:#151515;box-shadow:none}
.addons-reference .catalog-table tr.is-expanded>td:first-child{box-shadow:inset 3px 0 #b52222}
.addons-reference .catalog-table .catalog-details-row[hidden]{display:none!important}
.addons-reference .catalog-table .catalog-details-row>td{height:auto;padding:0!important;text-align:left;background:#0b0b0b!important;border-bottom:1px solid #333;box-shadow:inset 3px 0 #b52222}
.addons-reference .catalog-details-panel{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:24px 32px;animation:addon-details-in .2s ease}
.addons-reference .catalog-details-panel h3{font:600 14px var(--font-ui);text-transform:uppercase;color:#fff;margin:0 0 15px;padding-bottom:12px;border-bottom:1px solid #333}
.addons-reference .catalog-details-panel p{font:400 14px/1.65 var(--font-ui);color:#bbb;margin:0}
.addons-reference .catalog-details-panel dl{display:grid;grid-template-columns:110px 1fr;margin:0;font:400 13px/1.5 var(--font-ui)}
.addons-reference .catalog-details-panel dt,.addons-reference .catalog-details-panel dd{margin:0;padding:9px 0;border-bottom:1px solid #252525;color:#ccc}
.addons-reference .catalog-details-panel dt{color:#999;font-size:11px;text-transform:uppercase}
@keyframes addon-details-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.addons-reference .catalog-details-panel{grid-template-columns:1fr;gap:20px;padding:20px}}
@media(prefers-reduced-motion:reduce){.addons-reference .catalog-details-panel{animation:none}.addons-reference .catalog-expand svg{transition:none}}
/* Clip the blurred artwork and shading together so scaled edges cannot leave a bright diagonal seam. */
.addons-reference .hero-3{--hero-corner:153px;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--hero-corner)),calc(100% - var(--hero-corner)) 100%,var(--hero-corner) 100%,0 calc(100% - var(--hero-corner)));background:#000}
.addons-reference .hero-3 .th-hero-bg,.addons-reference .hero-3::after{-webkit-clip-path:none;clip-path:none}
@media(max-width:767px){.addons-reference .hero-3{--hero-corner:65px}}

.addons-reference .catalog-status-bar{flex-wrap:wrap}.addons-reference #installed-summary{margin-right:auto}.addons-reference .catalog-clear-filters{padding:7px 12px;background:#222!important;border:1px solid #555;color:#fff!important;font:600 12px var(--font-ui);cursor:pointer;transition:border-color .2s,background .2s}.addons-reference .catalog-clear-filters:hover{background:#303030!important;border-color:#b52222}.addons-reference .catalog-clear-filters[hidden]{display:none!important}

.addons-reference .catalog-table .catalog-state-message{height:60px;text-align:center!important;color:#888;font:600 12px var(--font-ui);background:#0d0d0d}.addons-reference .catalog-state-retry{margin-left:12px;color:#ccc!important;background:transparent!important;border:0;text-decoration:underline;font:inherit;cursor:pointer}.addons-reference .catalog-table tr.is-expanded>td:first-child,.addons-reference .catalog-table .catalog-details-row>td{box-shadow:inset 3px 0 #666}.addons-reference .catalog-expand[aria-expanded="true"] svg{color:#ccc}

.addons-reference .catalog-vote-stars{display:flex;gap:2px;margin-top:5px}.addons-reference .catalog-vote-stars button{background:none!important;border:0;padding:2px;color:#616161!important;font:20px/1 Arial;cursor:pointer;transition:color .15s}.addons-reference .catalog-vote-stars button.is-filled,.addons-reference .catalog-vote-stars button:hover,.addons-reference .catalog-vote-stars button:focus-visible{color:#fff!important}.addons-reference .catalog-vote-stars:has(button:hover) button{color:#fff!important}.addons-reference .catalog-vote-stars button:hover~button{color:#616161!important}

.addons-reference .catalog-table tr.is-expanded>td:first-child,.addons-reference .catalog-table .catalog-details-row>td{box-shadow:inset 3px 0 #b52222}

.addons-reference #client-feedback:empty{display:none}

/* Align carousel controls with the artwork, not the text below. */
.addons-reference .feature-game-slider1 .slider-arrow{top:var(--category-image-center,130px);margin-top:calc(var(--icon-size,56px) / -2);display:grid;place-items:center;line-height:1}
/* Keep category artwork consistently framed without stretching. */
.addons-reference .feature-game-card-img>a:first-child>img{width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;object-position:center}
/* A single clipped frame keeps all category image corners and hover borders aligned. */
.addons-reference .feature-game-card-img>a:first-child{border-radius:30px;overflow:hidden;isolation:isolate}
.addons-reference .feature-game-card-img>a:first-child>img{border-radius:0!important}
.addons-reference .feature-game-card-img .feature-card-img-shape{display:none!important}
.addons-reference .feature-game-card-img>a:first-child::after{content:"";position:absolute;inset:0;border:1px solid #444;border-radius:inherit;pointer-events:none;transition:border-color .2s;z-index:1}
.addons-reference .feature-game-card:is(:hover,:focus-within) .feature-game-card-img>a:first-child::after{border-color:#b52222}
.addons-reference .feature-game-card-img>a:first-child{background:#111;border-radius:24px}
.addons-reference .feature-game-card-img>a:first-child::after{border:0;box-shadow:inset 0 0 0 1px #444;transition:box-shadow .2s}
.addons-reference .feature-game-card:is(:hover,:focus-within) .feature-game-card-img>a:first-child::after{box-shadow:inset 0 0 0 2px #b52222}
/* Per-addon install actions and progress */
.addons-reference .catalog-table thead th:first-child{width:25%}.addons-reference .catalog-table thead th:nth-child(2){width:15%}.addons-reference .catalog-table thead th:nth-child(3){width:12%}.addons-reference .catalog-table thead th:nth-child(4){width:17%}.addons-reference .catalog-table thead th:nth-child(5){width:14%}.addons-reference .catalog-table thead th:last-child{width:17%;text-align:center!important}
.addons-reference .catalog-table .catalog-download-cell{text-align:center!important}.catalog-action-stack{display:flex;justify-content:center;align-items:center;gap:8px;min-height:42px}
.addons-reference .catalog-action-stack .catalog-download,.addons-reference .catalog-action-stack .catalog-uninstall{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px;min-width:42px;min-height:40px;padding:9px 12px!important;margin:0!important;border:1px solid #494949!important;border-radius:3px!important;background:#242424!important;color:#fff!important;position:relative;overflow:hidden;transition:background .18s,border-color .18s,transform .18s;line-height:1!important;clip-path:none!important}
.addons-reference .catalog-action-stack button svg{display:block;width:19px!important;height:19px!important;flex:none;margin:0!important}
.addons-reference .catalog-action-stack button:hover:not(:disabled){background:#333!important;border-color:#b52222!important;transform:translateY(-1px)}
.addons-reference .catalog-action-stack .is-installed{opacity:1!important;color:#ddd!important;background:#181818!important;border-color:#333!important;font:600 11px var(--font-ui);cursor:default}
.addons-reference .catalog-action-stack .is-working{min-width:94px;opacity:1!important;background:linear-gradient(90deg,#742020 var(--install-progress,0%),#242424 var(--install-progress,0%))!important;transition:background .15s}
.addon-progress-spinner{width:13px;height:13px;display:inline-block;border:2px solid #666;border-top-color:#fff;border-radius:50%;animation:addon-progress-spin .8s linear infinite}.addon-progress-value{font:700 12px var(--font-ui);font-variant-numeric:tabular-nums}
.addon-state-label{display:inline-flex;color:#aaa;font:600 11px var(--font-ui)}.addon-state-label.is-error{color:#e2aaaa}.catalog-install-state{min-width:100px}
@keyframes addon-progress-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.addon-progress-spinner{animation:none}.catalog-action-stack button{transition:none!important;transform:none!important}}
.addons-reference .catalog-action-stack .catalog-download{width:auto!important;max-width:none!important;flex:0 0 auto!important;white-space:nowrap!important;height:auto!important}.addons-reference .catalog-action-stack .catalog-uninstall{flex:0 0 auto!important}