/* site.css — the website's single stylesheet.
   Built by merging (in this exact order, so the look is unchanged): style.css, mu-art.css, mu-remade.css, realm-ui.css, unified-ui.css, polish.css, refine.css.
   The original files are kept in _backup. Edit THIS file from now on; later rules win over earlier ones. */

/* ==================== style.css ==================== */
:root{color-scheme:dark;--bg:#111110;--panel:#1c1b1a;--line:#2b2c2e;--text:#e9e6df;--muted:#a4a4a6;--gold:#cfac75;--green:#8abda1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3,.serif{font-family:Cinzel,Georgia,serif}h2{font-size:24px;font-weight:500;letter-spacing:.02em}h3{font-size:19px;font-weight:500}small{font-size:12px}.preview-note{background:#222019;text-align:center;color:var(--gold);font-size:12px;font-weight:600;padding:7px 16px;letter-spacing:.07em}.preview-note span{font-weight:400;color:#c0b7a7;letter-spacing:0;margin-left:12px}header{height:96px;max-width:1328px;margin:auto;padding:0 48px;display:flex;align-items:center;gap:55px;border-bottom:1px solid #ffffff0b}.brand{display:flex;align-items:center;gap:13px}.brand-mark{font-family:Cinzel,Georgia,serif;color:var(--gold);font-size:42px;line-height:1;font-weight:800;letter-spacing:-13px;margin-right:13px}.brand-mark span{font-size:32px}.brand-title{font:600 23px/1.15 Cinzel,Georgia,serif;letter-spacing:.18em;color:#e1c18f}.brand-title small{display:block;font:10px/2.3 Inter,sans-serif;letter-spacing:.34em;color:var(--muted)}nav{display:flex;gap:30px;flex:1;height:100%;align-items:center}nav a{color:var(--muted);font-size:14px;position:relative;height:100%;display:flex;align-items:center}nav a:hover,nav a.active{color:var(--gold)}nav a.active:after{content:'';height:2px;background:var(--gold);position:absolute;bottom:0;left:0;right:0}.account-links{display:flex;gap:22px;align-items:center}.text-button{border:0;background:none;color:var(--text);font-size:14px;padding:6px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 25px;background:#cca76e;color:#17130e;border:1px solid #d9b783;border-radius:3px;font-size:14px;font-weight:600;transition:background .2s}.button:hover{background:#e0bd89}.button.compact{min-height:40px;padding:8px 19px}.button.secondary{background:#19181799;border-color:#ffffff40;color:var(--text)}.button.secondary:hover{background:#292a2f}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--gold);padding:4px 10px}main{max-width:1328px;margin:auto;padding:26px 48px 60px}.hero{position:relative;min-height:385px;border:1px solid #7b61372e;overflow:hidden;background:#1d1c1a url('hero.png') center 42%/cover;border-radius:4px;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#121110ee 0%,#121110b0 35%,#12111017 70%),linear-gradient(0deg,#12111073,transparent 70%)}.hero-content{position:relative;padding:40px 44px;width:63%}.eyebrow{font-size:12px;letter-spacing:.19em;font-weight:600;color:var(--gold);text-transform:uppercase;margin-bottom:15px;display:flex;gap:10px;align-items:center}.eyebrow:before{content:'';width:25px;height:1px;background:var(--gold)}h1{font-size:49px;line-height:1.15;font-weight:500;letter-spacing:-.015em}h1 em{font-style:normal;color:#ddbc84}.hero p{font-size:15px;color:#c1c0bd;max-width:400px;line-height:1.8;margin:20px 0 26px}.hero-actions{display:flex;gap:12px}.hero-caption{position:absolute;right:24px;bottom:20px;color:#b7ad9d;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0 35px;border:1px solid var(--line);border-radius:4px;background:#181716}.stat{padding:19px 26px;display:flex;gap:16px;align-items:center;position:relative}.stat+.stat:before{content:'';position:absolute;left:0;height:38px;width:1px;background:var(--line)}.stat-icon{color:var(--gold);width:24px;height:24px}.stat strong{font-size:21px;font-weight:500;line-height:1.3;display:block}.stat label{font-size:12px;color:var(--muted)}.stat .online{color:var(--green)}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:25px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:15px}.section-head a{font-size:13px;color:var(--gold)}.panel{border:1px solid var(--line);background:var(--panel);border-radius:4px;overflow:hidden}.news-row{padding:20px 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:21px}.news-row:last-child{border:0}.news-date{text-align:center;min-width:36px;color:var(--muted);font-size:11px;letter-spacing:.1em}.news-date strong{display:block;font-family:Cinzel,Georgia,serif;font-size:26px;line-height:1.2;color:#d2c6b4}.news-copy{flex:1}.tag{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.1em;color:#ceab76;text-transform:uppercase}.tag.blue{color:#b4ad9e}.tag.purple{color:#c2bbaf}.news-copy h3{font-family:Inter,sans-serif;font-size:15px;line-height:1.5;font-weight:500;margin:3px 0}.news-copy p{font-size:13px;color:var(--muted)}.news-row button{background:none;border:1px solid #3b3630;color:var(--gold);font-size:13px;padding:5px 12px;border-radius:3px}.news-row button:hover{background:#2d2820}.block-gap{margin-top:30px}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding:0 20px}.tabs button{border:0;color:var(--muted);background:none;padding:14px 12px;font-size:13px;border-bottom:2px solid transparent}.tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:500;padding:15px 20px;background:#191816}td{padding:14px 20px;border-top:1px solid #ffffff07}td:last-child,th:last-child{text-align:right}.rank-number{font-size:14px;color:#888b92}.rank-number.top{color:var(--gold)}.player-cell{display:flex;gap:12px;align-items:center}.avatar{width:35px;height:35px;border:1px solid #85654755;background:linear-gradient(145deg,#604732,#24201b);display:grid;place-items:center;color:#d9b881;border-radius:3px;font-family:Cinzel,Georgia,serif}.avatar.blue{background:linear-gradient(145deg,#4f483e,#23211e);color:#b5ac9c;border-color:#736b5c55}.avatar.purple{background:linear-gradient(145deg,#49345c,#292723);color:#b996dc}.player-name{background:none;border:0;padding:0;color:var(--text);font-size:14px;font-weight:500}.player-name:hover{color:var(--gold)}.player-cell small{display:block;color:var(--muted);font-size:11px}.gold{color:var(--gold)}.event{display:flex;gap:15px;padding:17px 20px;border-bottom:1px solid var(--line);align-items:center}.event:last-child{border:0}.event-icon{width:37px;height:37px;display:grid;place-items:center;color:var(--gold);background:#24231f;border:1px solid #54462e66;border-radius:3px}.event h3{font:500 14px Inter,sans-serif}.event p{font-size:12px;color:var(--muted);margin-top:4px}.event .time{margin-left:auto;font-size:13px;color:var(--gold);white-space:nowrap}.feature-card{background:linear-gradient(135deg,#222019,#1c1b1a);border:1px solid #5c4a3255;padding:23px;border-radius:4px}.feature-card .eyebrow{font-size:10px;letter-spacing:.12em}.feature-card h3{font-size:21px;margin-bottom:10px}.feature-card p{font-size:13px;color:var(--muted);margin-bottom:15px}.feature-card a{color:var(--gold);font-size:13px}.kill-row{padding:14px 20px;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px}.kill-row:last-child{border:0}.kill-row .victim{color:var(--muted)}.kill-row small{margin-left:auto;color:var(--muted);font-size:11px}.kill-row svg{color:#9a7660;width:15px}.realm-status{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;padding:12px 20px;background:#191816}.realm-status span:last-child{color:var(--green)}footer{max-width:1232px;margin:0 auto;padding:27px 0 30px;border-top:1px solid var(--line);display:flex;align-items:center;gap:26px;color:var(--muted);font-size:12px}.footer-brand .brand-title{font-size:19px}footer p{flex:1}footer a:last-child{color:#c2b28f}.page-intro{padding:24px 0 32px}.page-intro h1{font-size:36px}.page-intro p{color:var(--muted);margin-top:12px;font-size:15px}.toolbar{display:flex;gap:14px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.toolbar input,.toolbar select{background:#1d1c1b;border:1px solid #393a3c;color:var(--text);border-radius:3px;padding:11px 14px;font-size:14px}.toolbar input{flex:1;min-width:180px}.toolbar select{min-width:170px}.table-scroll{overflow-x:auto}.table-scroll table{min-width:620px}.results-label{color:var(--muted);font-size:13px;padding:13px 20px}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.achievement{padding:24px}.achievement .event-icon{width:50px;height:50px;margin-bottom:20px}.achievement h3{font-size:19px;margin-bottom:10px}.achievement p{font-size:14px;color:var(--muted);min-height:45px}.achievement .tier{font-size:12px;color:var(--gold);margin:16px 0 10px}.progress{height:5px;border-radius:5px;background:#343334;overflow:hidden;margin:10px 0}.progress span{height:100%;display:block;background:var(--gold)}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.achievement-state{font-size:12px;margin-top:18px;color:var(--green)}.achievement-state.ready{color:var(--gold)}.achievement-state.inprogress{color:var(--muted)}.notice{padding:15px 19px;border:1px solid #63523466;background:#25201977;color:#c9baa3;font-size:14px;border-radius:3px;margin-bottom:25px}.profile-top{display:flex;gap:22px;align-items:center;margin-bottom:30px}.profile-top .avatar{width:80px;height:80px;font-size:32px}.profile-top h1{font-size:32px}.profile-top p{color:var(--muted);font-size:14px;margin-top:7px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.profile-panel{padding:25px}.profile-panel h2{margin-bottom:22px}.attribute{display:flex;justify-content:space-between;margin:13px 0;font-size:14px;color:var(--muted)}.attribute strong{color:var(--text);font-weight:500}.item{position:relative;background:#1d1c1b;border:1px solid #574465;display:flex;gap:15px;padding:20px;border-radius:4px;text-align:left;width:100%;color:var(--text)}.item .event-icon{color:#d3bf92;background:#30223b;border-color:#604778}.item small{color:#b5afa4;display:block;margin-top:5px}.tooltip{border:1px solid #685273;background:#0e0e0d;padding:20px;margin-top:12px;border-radius:3px;font-size:14px}.tooltip p{margin:5px 0}.tooltip .potential{color:#e4cd73;font-weight:600}.tooltip .inscription{color:#c695ed;font-weight:600}.tooltip .effect{color:#cebc94}.tooltip .bound{color:#cc7474}.tooltip .empty{color:#8d8994}dialog{max-width:470px;width:calc(100% - 32px);padding:34px;background:#1e1d1c;color:var(--text);border:1px solid #665338;border-radius:5px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.modal-close{position:absolute;right:13px;top:7px;background:none;border:0;color:var(--muted);font-size:28px}dialog h2{font-size:26px;margin-bottom:12px}dialog p{color:var(--muted);font-size:14px;margin-bottom:20px}.form-field{display:block;margin-top:16px;font-size:14px}.form-field input{display:block;width:100%;margin-top:6px;padding:11px;background:#141312;color:var(--text);border:1px solid #414044;border-radius:3px}.account-form .button{width:100%;margin-top:24px}.form-status{color:var(--gold);font-size:14px;margin-top:15px}.form-note{font-size:12px;color:var(--muted);margin-top:18px}.empty-state{padding:40px;color:var(--muted);text-align:center}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.filter-pills button{background:#1d1c1b;border:1px solid var(--line);color:var(--muted);font-size:13px;padding:8px 16px;border-radius:3px}.filter-pills button.active{border-color:#9c7a4c;color:var(--gold);background:#2b251c}svg.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:1500px){header,main{max-width:1420px}.hero{min-height:430px}.hero-content{padding:50px}h1{font-size:56px}footer{max-width:1324px}}
@media(max-width:1100px){header{gap:25px;padding:0 28px}nav{gap:20px}.account-links{gap:12px}main{padding:22px 28px 45px}.dashboard{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.stat{padding:18px}.hero-content{width:70%}h1{font-size:43px}footer{margin:0 28px;flex-wrap:wrap}.news-row{gap:15px;padding:18px}}
@media(max-width:850px){header{height:80px;gap:20px}nav{gap:17px}.account-links .text-button{display:none}.account-links .button{font-size:12px;padding:7px 10px}.brand-title{font-size:19px}.brand-mark{font-size:35px}.dashboard{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sidebar .block-gap{margin-top:0}.sidebar>div:last-child{grid-column:1/-1}.achievement-grid{grid-template-columns:repeat(2,1fr)}.hero-content{width:80%}.stat{gap:12px}.stat-icon{display:none}}
@media(max-width:620px){.preview-note span{display:block;margin:2px 0 0;font-size:11px}header{padding:0 20px;justify-content:space-between;gap:12px}.brand{gap:10px}.account-links{margin-left:auto}.menu-toggle{display:block}nav{display:none;position:absolute;top:128px;left:0;right:0;height:auto;background:#1c1b1a;z-index:5;padding:12px 20px;border-bottom:1px solid var(--line)}header.menu-open nav{display:flex;flex-direction:column;align-items:stretch;gap:0}nav a{padding:12px;height:auto}nav a.active:after{display:none}main{padding:18px 18px 35px}.hero{min-height:390px;background-position:62% center}.hero:before{background:linear-gradient(90deg,#121110ed,#12111098)}.hero-content{width:100%;padding:30px 25px}.hero h1{font-size:37px}.hero p{font-size:14px}.hero-actions{flex-wrap:wrap}.hero-caption{display:none}.stats-bar{grid-template-columns:repeat(2,1fr);margin-bottom:25px}.stat{padding:16px 20px}.stat:nth-child(3),.stat:nth-child(4){border-top:1px solid var(--line)}.stat:nth-child(3):before{display:none}.stat strong{font-size:19px}.sidebar{display:block}.sidebar .block-gap{margin-top:25px}.news-row{padding:17px 14px;gap:14px}.news-copy p{font-size:12px}.news-row button{font-size:12px;padding:5px 9px}.news-copy h3{font-size:14px}.section-head h2{font-size:21px}.section-head a{font-size:12px}td,th{padding:12px}.home-ranks th:nth-child(3),.home-ranks td:nth-child(3){display:none}.achievement-grid,.profile-grid{grid-template-columns:1fr}.page-intro h1{font-size:31px}.toolbar select{width:100%}footer{margin:0 20px;gap:16px}footer p{flex-basis:65%}footer>span{flex:1}.achievement p{min-height:0}.hero .button{padding:10px 18px}.news-date{min-width:30px}}
@media(max-width:620px){header{position:relative}nav{top:100%}.hero h1{font-size:32px}}
/* Player library */
.guide-start{display:flex;gap:22px;align-items:center;padding:25px 28px;margin-bottom:30px;background:linear-gradient(110deg,#2a251b,#1c1b1a);border-color:#76613e80}.guide-start .event-icon{height:56px;width:56px;flex-shrink:0}.guide-start h2{font-size:23px;margin:4px 0}.guide-start p{font-size:14px;color:var(--muted)}.guide-start .guide-open{margin-left:auto;white-space:nowrap}.guide-open{color:var(--gold);font-size:14px}.guide-filters{margin-bottom:24px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guide-card{padding:25px;display:flex;align-items:flex-start;flex-direction:column;transition:border-color .2s,background .2s}.guide-card:hover{border-color:#8c714a;background:#21201f}.guide-card .event-icon{margin-bottom:20px}.guide-meta{color:var(--muted);font-size:12px;margin-bottom:10px}.guide-card h2{font-size:20px;line-height:1.45;margin-bottom:12px}.guide-card p{color:var(--muted);font-size:15px;margin-bottom:24px}.guide-card .guide-open{margin-top:auto}.guide-breadcrumb{display:flex;gap:13px;align-items:center;font-size:14px;color:var(--muted);padding:18px 0 35px}.guide-breadcrumb a{color:var(--gold)}.guide-article-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(240px,1fr);gap:50px}.guide-article h1{font-size:41px}.guide-lead{font-size:18px;color:#bcb9b2;margin:22px 0 28px;max-width:650px}.guide-section{margin-top:34px;scroll-margin-top:25px}.guide-section h2{display:flex;gap:17px;align-items:baseline;font-size:23px;margin-bottom:15px}.guide-section h2 span{font-family:Inter,sans-serif;color:var(--gold);font-size:12px;letter-spacing:.08em;flex-shrink:0}.guide-section p,.guide-section li{color:#c6c5c3;font-size:16px;line-height:1.9}.guide-section ol{padding-left:24px}.guide-section li{padding-left:8px;margin:10px 0}.guide-section li::marker{color:var(--gold)}.guide-aside{padding-top:5px}.guide-aside .panel{padding:23px}.guide-aside h3{font-size:17px;margin-bottom:16px}.guide-aside button{display:block;border:0;background:none;color:var(--muted);font-size:14px;text-align:left;padding:9px 0;line-height:1.6}.guide-aside button:hover{color:var(--gold)}.guide-aside .panel a{display:block;font-size:14px;margin:15px 0}.guide-aside .panel a small{display:block;color:var(--muted);margin-top:3px}.guide-back{display:block;margin-top:25px;font-size:14px;color:var(--gold)}.guide-sources{margin-top:45px;padding-top:25px;border-top:1px solid var(--line)}.guide-sources h2{font-size:20px}.guide-sources p{font-size:13px;color:var(--muted);margin:12px 0}.guide-sources a{display:block;color:var(--gold);font-size:14px;margin:10px 0}
@media(max-width:1100px){header{gap:28px}nav{gap:22px}.guide-article-layout{gap:30px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){header{gap:15px}nav{gap:13px}.guide-article-layout{grid-template-columns:1fr}.guide-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-aside .block-gap{margin-top:0}.guide-article h1{font-size:35px}.guide-start .guide-open{display:none}}
@media(max-width:620px){.guide-grid{grid-template-columns:1fr}.guide-start{padding:22px;gap:16px}.guide-start h2{font-size:19px}.guide-start .event-icon{display:none}.guide-aside{grid-template-columns:1fr}.guide-article h1{font-size:30px}.guide-section h2{font-size:21px}.guide-section p,.guide-section li{font-size:16px}.guide-lead{font-size:17px}.guide-breadcrumb{font-size:13px}.guide-article-layout{gap:35px}.guide-filters button{padding:8px 12px}}
@media(min-width:621px) and (max-width:760px){header{position:relative;justify-content:space-between}.menu-toggle{display:block}.account-links{margin-left:auto}nav{display:none;position:absolute;top:100%;left:0;right:0;height:auto;background:#1c1b1a;z-index:5;padding:12px 20px;border-bottom:1px solid var(--line)}header.menu-open nav{display:flex;flex-direction:column;align-items:stretch;gap:0}nav a{padding:12px;height:auto}nav a.active:after{display:none}}
.avatar img{width:100%;height:100%;object-fit:contain}.class-profile-icon{width:64px;height:64px;object-fit:contain}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.reference-card{padding:22px}.reference-heading{display:flex;align-items:center;gap:15px;margin-bottom:16px}.reference-heading h2{font-size:19px;line-height:1.5}.reference-item-img{width:48px;height:56px;object-fit:contain;flex-shrink:0}.reference-card p,.reference-card li{font-size:14px;color:var(--muted);margin:8px 0;overflow-wrap:anywhere}.reference-label{color:#dfc49e;font-size:13px}.reference-list ul{padding-left:20px}.reward-items{display:grid;grid-template-columns:1fr;gap:10px}.reward-items>div{display:flex;align-items:center;gap:12px;font-size:14px}.reward-items .reference-item-img{height:38px;width:36px}.catalog-more{display:block;margin:25px auto}.character-workspace{display:grid;grid-template-columns:1fr 1.3fr;gap:24px}.character-preview,.equipment-preview{padding:25px}.character-preview h2,.equipment-preview h2{font-size:21px}.portrait-stage{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#37312a,#161514 70%);border:1px solid #54452d66;border-radius:4px;position:relative}.portrait-stage>img{height:280px;max-width:80%;object-fit:contain}.portrait-caption{color:#b0a394;font-size:12px;margin-top:10px}.equipment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.equipment-slot{min-height:102px;background:#151413;border:1px solid #393938;border-radius:4px;padding:9px;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.equipment-slot img{height:58px;width:60px;object-fit:contain}.equipment-slot>span:last-child{font-size:12px}.equipment-slot.selected{border-color:var(--gold);background:#29251d}.empty-slot{height:58px;display:grid;place-items:center;color:#5d626b}.equipment-detail-title{display:flex;gap:16px;align-items:center;margin-bottom:14px}.equipment-detail-title h3{font-size:18px}.equipment-detail-title .reference-item-img{width:60px;height:75px}#equipment-detail{margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.character-overview{grid-column:1/-1}.inscription-example{margin-top:20px}.inscription-example summary{color:var(--gold);cursor:pointer;font-size:14px}
@media(max-width:1000px){.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-workspace{grid-template-columns:1fr 1fr}.equipment-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.character-workspace{grid-template-columns:1fr}.reference-grid{grid-template-columns:1fr}.equipment-grid{grid-template-columns:repeat(4,1fr)}.character-preview,.equipment-preview{padding:20px}.equipment-slot{padding:6px;min-height:90px}.equipment-slot img{width:48px;height:48px}.equipment-slot>span:last-child{font-size:11px}.character-preview .section-head{flex-wrap:wrap}.portrait-stage{min-height:290px}.portrait-stage>img{height:240px}}

#character-3d{height:390px;width:100%;border-radius:8px;background:radial-gradient(ellipse at center,#343127 0%,#161514 68%);overflow:hidden}#character-3d canvas{width:100%;height:100%;display:block;touch-action:none}#model-status{font-size:12px;color:var(--muted);margin:12px 0}.model-controls{display:flex;gap:8px;flex-wrap:wrap}.model-controls .button{font-size:12px;padding:9px 12px}.class-artwork{margin-top:15px;color:var(--muted);font-size:12px}.class-artwork summary{cursor:pointer}

#character-3d{height:330px}.model-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.model-settings label{font-size:12px;color:var(--muted)}.model-settings select{display:block;width:100%;margin-top:6px;background:#161514;border:1px solid #34383f;color:#d8cdb8;border-radius:5px;padding:8px;font-size:12px}.model-settings .effect-toggle{display:flex;gap:7px;align-items:center}.effect-toggle input{accent-color:#c7a568}

/* Bestiary and event atlas */
.bestiary-card,.event-guide-card{display:block;padding:26px;color:var(--text);transition:border-color .2s,transform .2s}.bestiary-card:hover,.event-guide-card:hover{border-color:var(--gold);transform:translateY(-3px)}.bestiary-card h2,.event-guide-card h2{font-size:24px;margin:12px 0 20px}.bestiary-mark{height:54px;margin-bottom:18px;color:var(--gold)}.bestiary-mark svg{height:48px;width:48px;opacity:.6}.bestiary-mark img{height:54px;max-width:80px;object-fit:contain}.monster-card-stats{display:flex;gap:22px;flex-wrap:wrap}.monster-card-stats span{font-size:20px;color:var(--gold)}.monster-card-stats small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:24px;font-size:12px;color:var(--gold)}.world-callout{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px;background:linear-gradient(110deg,#27231b,#1b1a19);border:1px solid #57482c;border-radius:4px;margin-bottom:24px}.world-callout h2{font-size:25px;margin:10px 0}.world-callout p{margin:0;color:var(--muted)}.world-callout svg{width:18px}.event-detail-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;align-items:start}.creature-preview{padding:26px;position:sticky;top:24px}.creature-preview #character-3d{height:390px;background:radial-gradient(ellipse,#292b25,#161513 68%);border-radius:4px}.creature-action{display:grid;gap:8px;margin-top:18px;font-size:12px;color:var(--muted)}.creature-no-model{padding:80px 20px;text-align:center;color:var(--muted)}.creature-no-model svg{width:70px}.schedule-times{color:var(--gold);line-height:2.2}.event-config{border:1px solid var(--border);border-radius:4px;margin:12px 0;padding:18px;background:var(--panel)}.event-config summary{cursor:pointer;color:var(--gold);font-size:13px}.event-config summary span{color:var(--muted);float:right}.event-config .table-scroll{margin-top:20px}.guide-steps li{margin-bottom:15px;line-height:1.7;padding-left:5px}.event-guide-card p{color:var(--muted);line-height:1.7}.creature-preview #model-status{color:var(--muted);font-size:12px;line-height:1.7}nav{gap:16px}@media(max-width:850px){.event-detail-layout{grid-template-columns:1fr}.creature-preview{position:static}.world-callout{flex-direction:column;align-items:flex-start}}

.brand{flex-shrink:0;white-space:nowrap}nav a{white-space:nowrap}.event-config{border-color:var(--line)}.creature-action select{background:#161514;border:1px solid #34383f;color:var(--text);border-radius:4px;padding:10px;width:100%}@media(min-width:701px) and (max-width:1100px){header{height:126px;flex-wrap:wrap;gap:10px 20px;padding:14px 28px}header .account-links{margin-left:auto}header nav{order:3;flex-basis:100%;height:44px;gap:22px;justify-content:space-between}header nav a{height:44px}}

.event-creature-select{margin:0 0 20px}.creature-preview .section-head h2{font-size:22px}
/* Independent item effect comparison. Equipment slots retain their GIF assets. */
.item-lab-toolbar{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:16px;margin-bottom:20px}.item-lab-toolbar label{display:grid;gap:8px;color:var(--muted);font-size:12px}.item-lab-toolbar select{width:100%;background:#1d1b18;color:#eadcc4;border:1px solid #403e3b;border-radius:5px;padding:10px}.item-lab-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;height:360px!important;background:radial-gradient(ellipse at center,#2f2b26,#141210);border:1px solid #3e3c38;border-radius:8px;overflow:hidden}.lab-view{position:relative;border-right:1px solid #3e3c38;padding:16px}.lab-view:last-child{border:0}.lab-view .tag{position:relative;z-index:2}.item-lab-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.lab-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.lab-actions span{font-size:12px;color:var(--muted)}.lab-rules{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px;padding-top:20px;border-top:1px solid #3e3c38}.lab-rules p{font-size:13px;color:var(--muted);line-height:1.7}.item-lab-panel{padding:24px}@media(max-width:650px){.item-lab-toolbar{grid-template-columns:1fr 1fr}.item-lab-stage{height:280px!important}.lab-rules{grid-template-columns:1fr;gap:8px}.item-lab-panel{padding:14px}}

.per-item-effects{border-top:1px solid #3e3c3a;margin-top:16px;padding-top:16px}.per-item-effects label{display:inline-grid;gap:6px;margin:0 12px 12px 0;font-size:12px;color:var(--muted)}.per-item-effects select{background:#1c1a18;color:#e3cfad;border:1px solid #3b414b;border-radius:4px;padding:8px}.equipment-slot .item-effect-badge{color:#c4a568;font-size:9px;line-height:1.3}.equipment-slot{min-height:100px}

.weapon-effect-test{display:grid;gap:7px;font-size:12px;color:var(--muted);margin-top:15px}.weapon-effect-test select{background:#1c1a18;color:#e3cfad;border:1px solid #3b414b;padding:9px;border-radius:4px}

.loadout-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.loadout-showcase>span{grid-column:1/-1;color:var(--muted);font-size:12px}.loadout-showcase a{display:grid;gap:6px;padding:12px;background:#201e1c;border:1px solid #3e3c39;border-radius:5px}.loadout-showcase a.active{border-color:#bc995c}.loadout-showcase small{font-size:10px;color:var(--muted);line-height:1.5}@media(max-width:650px){.loadout-showcase{grid-template-columns:1fr 1fr}}

/* Presentation-ready character profiles. */
.loadout-showcase{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:20px 0 12px}.loadout-showcase>span{margin-right:6px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.loadout-showcase a{display:block;padding:9px 16px;font-size:12px}.loadout-caption{margin:0 0 20px;color:var(--muted);font-size:12px}.profile-view-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.profile-view-tools span{font-size:11px;color:var(--muted)}.profile-view-tools .button{padding:8px 12px;font-size:11px}.character-preview #character-3d{height:440px}.character-preview #model-status{font-size:11px;min-height:16px}.character-preview #model-status:not(:empty){margin-bottom:0}.equipment-detail-title h3{line-height:1.45}.character-preview{align-self:start}@media(max-width:650px){.character-preview #character-3d{height:390px}.loadout-showcase a{padding:9px 12px}.profile-view-tools{flex-wrap:wrap}}
.character-preview #model-status[data-ready="true"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.warehouse-layout{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:24px}.warehouse-panel{padding:18px}.warehouse-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(30,38px);gap:2px;background:#11100f}.warehouse-cell{border:1px solid #272c31;background:#1a1917}.warehouse-item{z-index:1;border:1px solid #666;background:#1d1c1a;display:grid;place-items:center;padding:3px;overflow:hidden;cursor:pointer}.warehouse-item img{max-width:100%;max-height:100%;object-fit:contain}.warehouse-item.excellent{border-color:#658e72}.warehouse-item.ancient{border-color:#ada493}.warehouse-options{padding:24px;align-self:start;position:sticky;top:20px}.warehouse-options li{margin:12px 0;color:#bcb6a9}.warehouse-detail-image{max-width:100px;max-height:140px;margin:15px 0}.toolbar select{padding:10px;background:#1e1d1b;color:#eee;border:1px solid #42464b;margin-left:12px}@media(max-width:650px){.warehouse-layout{grid-template-columns:1fr}.warehouse-options{position:static}.warehouse-grid{grid-template-rows:repeat(30,32px)}}

.account-links .text-button{display:inline-flex;align-items:center;white-space:nowrap}@media(max-width:620px){.account-links{gap:6px}.account-links>span{display:none}.account-links .text-button{font-size:12px;padding:5px}}

.warehouse-layout{grid-template-columns:minmax(0,410px) minmax(0,1fr);gap:32px;align-items:start;padding:0 35px}.warehouse-stage{position:relative}.warehouse-panel{padding:12px;background:linear-gradient(145deg,#202522,#101715);border:1px solid #7a7056;box-shadow:inset 0 0 0 3px #101412,0 14px 40px #0004}.warehouse-grid{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(15,38px);gap:1px;background:#0a0f0e}.warehouse-cell{background:linear-gradient(135deg,#172321,#101615);border-color:#343f39}.warehouse-item{position:relative;background:#15201bd9;border-color:#4b5b4e;padding:2px}.warehouse-item:hover,.warehouse-item:focus-visible{border-color:#c8ae74;box-shadow:inset 0 0 12px #dfbd4325;outline:1px solid #c8ae74}.warehouse-arrow{position:absolute;top:48%;width:32px;height:58px;border:1px solid #766345;border-radius:4px;background:linear-gradient(#342d20,#191811);color:#e2bf77;font:42px/1 Georgia;box-shadow:0 4px 14px #0005}.warehouse-arrow.previous{left:-38px}.warehouse-arrow.next{right:-38px}.warehouse-arrow:hover:not(:disabled){background:#443824;color:#ffe2a2}.warehouse-arrow:disabled{opacity:.25}.warehouse-sections{display:flex;gap:6px;margin-bottom:10px}.warehouse-sections button{flex:1;border:1px solid #514a39;background:#121915;color:#989c90;padding:7px;font-size:12px}.warehouse-sections button.active{color:#ead399;border-color:#b89961;background:#342e20}.warehouse-hint{padding:22px 12px;color:#b7b6a8}.warehouse-hint p{margin:12px 0 6px}.warehouse-hint small{display:block;max-width:260px;color:#8d938d}.warehouse-count{position:absolute;top:0;right:2px;color:#f5dfae;font:bold 19px/1.1 Arial;text-shadow:1px 1px 2px #000,-1px -1px 1px #352811;z-index:2;pointer-events:none}.mu-tooltip{position:fixed;z-index:1000;width:285px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;background:#050907f5;border:1px solid #ba9c61;box-shadow:0 8px 35px #000b,inset 0 0 0 2px #0009;padding:14px 16px;text-align:center;font:12px/1.5 Arial,sans-serif;color:#e5e5dc;pointer-events:none}.mu-tooltip[hidden]{display:none}.mu-item-name{display:block;margin-bottom:10px;color:#efd36f;font-size:13px}.mu-tooltip.excellent{border-color:#00ba7e}.mu-tooltip.excellent .mu-item-name,.mu-option.excellent{color:#00e79d}.mu-tooltip.ancient{border-color:#b29954}.mu-tooltip.ancient .mu-item-name{background:#8d7237;color:#41ed9b;padding:3px}.mu-tooltip-base{margin-bottom:10px}.mu-option.extra,.mu-option.set{color:#ddc288}.mu-option.socket{color:#c58aff}.mu-option.luck{color:#ff704c}.mu-option.harmony{color:#dab954}.mu-option.set{margin-top:10px}.warehouse-panel .form-note{font-size:10px;margin-top:10px}@media(max-width:700px){.warehouse-layout{grid-template-columns:minmax(0,410px);justify-content:center;padding:0 30px}.warehouse-hint{display:none}.warehouse-grid{grid-template-rows:repeat(15,34px)}.warehouse-arrow.previous{left:-33px}.warehouse-arrow.next{right:-33px}.warehouse-arrow{width:28px}.warehouse-count{font-size:16px}}
/* Character equipment arranged like the original MU inventory. */
.equipment-preview{display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 45%,#25282255,transparent 70%),#1c1b1a}.equipment-preview>.section-head{width:100%}.equipment-grid{width:min(100%,400px);display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(7,46px);gap:4px;padding:12px;border:1px solid #696456;border-radius:5px;background:linear-gradient(135deg,#2b2d28,#121512 45%,#282b25);box-shadow:inset 0 0 0 3px #101311,inset 0 0 20px #0008,0 10px 24px #0004;margin:12px auto 20px}.equipment-grid .equipment-slot{position:relative;min-height:0;min-width:0;overflow:hidden;padding:8px 5px 22px;gap:0;border:1px solid #6a7062;border-radius:2px;background:radial-gradient(ellipse at 50% 35%,#252c25,#0b100d 85%);box-shadow:inset 1px 1px 0 #c6c8ad30,inset -1px -1px 0 #000,0 0 0 1px #050806;color:#adaf9f}.equipment-grid .equipment-slot.selected{background:radial-gradient(ellipse at 50% 35%,#252c25,#0b100d 85%);border-color:#6a7062}.equipment-grid .equipment-slot:hover,.equipment-grid .equipment-slot:focus-visible{border-color:#d8b979;background:radial-gradient(ellipse at 50% 35%,#423a25,#0e130e 85%);outline:1px solid #d8b979;z-index:2}.equipment-grid .equipment-slot img{width:100%;height:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 3px 4px #0008)}.equipment-grid .equipment-slot>span:not(.empty-slot){position:absolute;bottom:6px;left:2px;right:2px;font-size:10px;line-height:1.1;color:#a8ae9e}.equipment-grid .equipment-slot .item-effect-badge{position:absolute;top:4px;left:3px;right:3px;font-size:9px;text-shadow:0 1px 3px #000;color:#e1c587;line-height:1.2}.equipment-grid .empty-slot{height:100%;width:100%;opacity:.35;color:#96a38e}.equipment-grid .empty-slot svg{width:34px;height:34px}.equipment-grid [data-equipment-slot="8"]{grid-area:1/1/3/3}.equipment-grid [data-equipment-slot="2"]{grid-area:1/4/3/6}.equipment-grid [data-equipment-slot="7"]{grid-area:1/6/3/9}.equipment-grid [data-equipment-slot="0"]{grid-area:3/1/6/3}.equipment-grid [data-equipment-slot="9"]{grid-area:3/3/4/4}.equipment-grid [data-equipment-slot="3"]{grid-area:3/4/6/6}.equipment-grid [data-equipment-slot="1"]{grid-area:3/6/6/9}.equipment-grid [data-equipment-slot="5"]{grid-area:6/1/8/3}.equipment-grid [data-equipment-slot="10"]{grid-area:6/3/7/4}.equipment-grid [data-equipment-slot="4"]{grid-area:6/4/8/6}.equipment-grid [data-equipment-slot="11"]{grid-area:6/6/7/7}.equipment-grid [data-equipment-slot="6"]{grid-area:6/7/8/9}.equipment-grid [data-equipment-slot="9"],.equipment-grid [data-equipment-slot="10"],.equipment-grid [data-equipment-slot="11"]{padding:4px}.equipment-grid [data-equipment-slot="9"]>span:not(.empty-slot),.equipment-grid [data-equipment-slot="10"]>span:not(.empty-slot),.equipment-grid [data-equipment-slot="11"]>span:not(.empty-slot){display:none}.equipment-grid [data-equipment-slot="9"] .empty-slot svg,.equipment-grid [data-equipment-slot="10"] .empty-slot svg,.equipment-grid [data-equipment-slot="11"] .empty-slot svg{width:20px;height:20px}.equipment-preview>.form-note{font-size:12px;text-align:center;max-width:360px}@media(max-width:1000px){.equipment-grid{grid-template-rows:repeat(7,40px);padding:9px;gap:3px}}@media(max-width:700px){.equipment-grid{grid-template-rows:repeat(7,44px)}}@media(max-width:380px){.equipment-grid{grid-template-rows:repeat(7,36px)}.equipment-grid .equipment-slot>span:not(.empty-slot){font-size:9px}}
.character-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;max-width:1100px;margin-inline:auto;align-items:start}.character-preview,.equipment-preview{padding:20px}.character-preview #character-3d{height:340px}.character-preview .section-head,.equipment-preview .section-head{margin-bottom:16px}.equipment-preview{align-self:start}.equipment-grid{width:min(100%,360px);grid-template-rows:repeat(7,39px);gap:3px;margin:0 auto 14px;padding:10px}.equipment-grid .equipment-slot img{max-width:72px;max-height:105px}.equipment-grid [data-equipment-slot="0"] img,.equipment-grid [data-equipment-slot="1"] img{max-width:64px;max-height:100px}.equipment-grid [data-equipment-slot="7"] img{max-width:92px;max-height:54px}.equipment-grid [data-equipment-slot="9"] img,.equipment-grid [data-equipment-slot="10"] img,.equipment-grid [data-equipment-slot="11"] img{max-width:25px;max-height:25px}.equipment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:0;width:min(100%,360px);border-top:1px solid #353831;padding-top:12px;margin-bottom:12px}.equipment-summary>div{text-align:center;border-right:1px solid #353831}.equipment-summary>div:last-child{border:0}.equipment-summary strong{display:block;color:#d5bc8c;font-size:17px;line-height:1.3}.equipment-summary span{font-size:10px;color:#969e93;letter-spacing:.04em}.equipment-preview>.form-note{font-size:11px}.character-overview{padding:18px 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}.character-overview h2{grid-column:1/-1;font-size:19px;margin-bottom:12px}.character-overview .attribute{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #ffffff0b;font-size:12px;min-width:0}.character-overview .attribute strong{overflow-wrap:anywhere;text-align:right}.character-overview .guide-back{grid-column:1/-1;font-size:11px;margin-top:12px}.profile-view-tools{margin-top:10px}.profile-view-tools .button{min-height:34px;padding:6px 10px}@media(max-width:700px){.character-workspace{grid-template-columns:1fr}.character-preview #character-3d{height:310px}.character-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.character-preview,.equipment-preview{padding:18px}}@media(max-width:380px){.equipment-grid{grid-template-rows:repeat(7,34px)}.character-overview{grid-template-columns:1fr}}
.character-kill-history{grid-column:1/-1;padding:20px}.character-kill-history h2{font-size:19px;margin-bottom:16px}.combat-tables{display:grid;grid-template-columns:1fr 1fr;gap:18px}.combat-list{min-width:0;border:1px solid #343934;border-radius:3px;overflow:hidden}.combat-heading{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;background:#1d241f;font-size:13px}.combat-heading strong{color:#8dcc9d}.combat-list.death .combat-heading{background:#2a2020}.combat-list.death .combat-heading strong{color:#ed9992}.combat-heading span{font-size:11px;color:#9faaa2}.combat-list table{width:100%;font-size:12px}.combat-list th,.combat-list td{padding:9px 12px;text-align:left}.combat-list th{color:#9aab9b;font-weight:400}.combat-list td time{white-space:nowrap;color:#b6b9b2;font-size:11px}.combat-list td a{display:flex;align-items:center;gap:8px;color:#eadbc0}.combat-class-icon{width:22px;height:22px;object-fit:contain}.combat-empty{color:#858f84}.character-overview .attribute{margin:0;min-height:0;line-height:1.5}.character-overview .guide-back{display:none}@media(max-width:700px){.combat-tables{grid-template-columns:1fr}.character-kill-history{padding:18px}}
.combat-list table{min-width:0;table-layout:auto}.combat-list th,.combat-list td{padding:9px 10px}.combat-list td:first-child{width:55%}.combat-list td a{overflow-wrap:anywhere}.combat-list th:last-child,.combat-list td:last-child{text-align:right}
.character-workspace{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:14px 18px;align-items:start}.character-preview{grid-column:1;grid-row:1;padding:16px}.character-preview #character-3d{height:245px}.character-preview .section-head{margin-bottom:10px}.character-preview h2{font-size:18px}.character-preview .profile-view-tools{margin-top:8px}.equipment-preview{grid-column:2;grid-row:1/span 2}.character-overview{grid-column:1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 16px;gap:0 16px}.character-overview h2{font-size:16px;margin-bottom:8px}.character-overview .attribute{font-size:11px;padding:7px 0}.character-overview .attribute:nth-last-of-type(-n+2){grid-column:1/-1;font-size:10px}.character-overview .attribute strong{font-weight:500;color:#e0d5bf}.character-kill-history{grid-row:3}.equipment-preview{padding:20px}.profile-top{margin-bottom:20px}@media(max-width:700px){.character-workspace{grid-template-columns:1fr}.character-preview{grid-column:1;grid-row:1}.character-preview #character-3d{height:255px}.equipment-preview{grid-column:1;grid-row:2}.character-overview{grid-column:1;grid-row:3}.character-kill-history{grid-row:4}.character-overview .attribute{font-size:12px}}@media(max-width:380px){.character-overview{grid-template-columns:1fr}}
/* Clearer character profile hierarchy. */
.character-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;max-width:1120px}.character-preview{grid-column:1;grid-row:1;padding:24px}.character-preview #character-3d{height:315px}.character-preview h2,.equipment-preview h2{font-size:23px}.character-preview .section-head{margin-bottom:18px}.character-preview .profile-view-tools span{font-size:12px}.character-preview .profile-view-tools .button{font-size:12px;min-height:38px}.equipment-preview{grid-column:2;grid-row:1;padding:24px;align-self:stretch;justify-content:flex-start}.equipment-grid{margin-top:8px;grid-template-rows:repeat(7,41px);width:min(100%,375px)}.character-overview{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:24px;background:linear-gradient(135deg,#1d211e,#1a1918)}.character-overview h2{grid-column:1/-1;font-size:23px;margin:0 0 4px}.character-overview .attribute{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;margin:0;padding:14px 16px;min-height:84px;border:1px solid #353d36;border-radius:4px;background:#10161280;line-height:1.3}.character-overview .attribute>span{font-size:13px;color:#a9b3a7}.character-overview .attribute>strong{font-size:23px;font-weight:600;color:#eed3a2;text-align:left;line-height:1.2;word-break:normal}.character-overview .attribute:nth-of-type(1),.character-overview .attribute:nth-of-type(2){grid-column:span 2;background:#262b2360}.character-overview .attribute:nth-of-type(1)>strong,.character-overview .attribute:nth-of-type(2)>strong{font-size:18px;color:#e9e8df}.character-overview .attribute:nth-last-of-type(-n+2){grid-column:span 2;min-height:72px;padding:12px 16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;font-size:13px;background:transparent;border-color:#ffffff12}.character-overview .attribute:nth-last-of-type(-n+2)>strong{font-size:15px;color:#d7ddd4}.character-kill-history{grid-row:3;padding:24px}.character-kill-history h2{font-size:23px}.combat-heading{font-size:15px;padding:12px 14px}.combat-heading span{font-size:12px}.combat-list table{font-size:14px}.combat-list td time{font-size:12px}.combat-list th,.combat-list td{padding:11px 12px}@media(max-width:900px){.character-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.character-overview .attribute:nth-of-type(1),.character-overview .attribute:nth-of-type(2){grid-column:span 1}.character-overview .attribute:nth-last-of-type(-n+2){grid-column:1/-1}.character-overview .attribute>strong{font-size:21px}.combat-tables{grid-template-columns:1fr}.character-preview,.equipment-preview{padding:20px}}@media(max-width:700px){.character-workspace{grid-template-columns:1fr;gap:16px}.character-preview{grid-column:1;grid-row:1}.equipment-preview{grid-column:1;grid-row:2}.character-overview{grid-column:1;grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));padding:20px}.character-kill-history{grid-row:4;padding:20px}.character-overview .attribute:nth-of-type(1),.character-overview .attribute:nth-of-type(2){grid-column:1/-1}.character-overview .attribute:nth-last-of-type(-n+2){flex-direction:column;align-items:flex-start}.character-preview #character-3d{height:290px}.character-overview .attribute>span{font-size:13px}.character-overview .attribute:nth-last-of-type(-n+2)>strong{font-size:15px}}
.character-overview{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.character-overview .attribute{min-height:70px;padding:12px}.character-overview .attribute:nth-of-type(1),.character-overview .attribute:nth-of-type(2){grid-column:span 3}.character-overview .attribute:nth-last-of-type(-n+2){grid-column:span 3;min-height:58px;flex-direction:column;align-items:flex-start;gap:6px}.combat-tables{grid-template-columns:1fr 1fr}.combat-list th,.combat-list td{padding:10px}.combat-list table{font-size:13px}@media(max-width:900px){.character-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.character-overview .attribute:nth-of-type(1){grid-column:span 2}.character-overview .attribute:nth-of-type(2){grid-column:span 1}.character-overview .attribute:nth-last-of-type(-n+2){grid-column:1/-1;flex-direction:row;align-items:center}.combat-list td time{font-size:11px}}@media(max-width:700px){.character-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.character-overview .attribute:nth-of-type(1),.character-overview .attribute:nth-of-type(2){grid-column:1/-1}.character-overview .attribute:nth-last-of-type(-n+2){flex-direction:column;align-items:flex-start}.combat-tables{grid-template-columns:1fr}}
/* Slightly quieter typography, retaining the profile hierarchy. */
.character-overview .attribute>strong{font-size:20px}.character-overview .attribute:nth-of-type(1)>strong,.character-overview .attribute:nth-of-type(2)>strong{font-size:16px}.character-overview .attribute>span{font-size:12px}.character-overview .attribute:nth-last-of-type(-n+2)>strong{font-size:13px}.character-overview h2,.character-kill-history h2,.character-preview h2,.equipment-preview h2{font-size:21px}.combat-heading{font-size:14px}@media(max-width:700px){.character-overview .attribute>strong{font-size:19px}.character-overview .attribute:nth-of-type(1)>strong,.character-overview .attribute:nth-of-type(2)>strong{font-size:16px}.character-overview .attribute:nth-last-of-type(-n+2)>strong{font-size:13px}.character-overview .attribute>span{font-size:12px}}
/* Show character details before the visual panels. */
.character-overview{grid-row:1}.character-preview,.equipment-preview{grid-row:2}.character-kill-history{grid-row:3}@media(max-width:700px){.character-overview{grid-row:1}.character-preview{grid-row:2}.equipment-preview{grid-row:3}.character-kill-history{grid-row:4}}
.character-overview{display:block;padding:22px 24px;background:#171b1c}.character-overview h2{font-size:21px;margin:0 0 18px}.character-info-identity{display:grid;grid-template-columns:190px minmax(0,1fr);border-top:1px solid #44483e}.character-info-portrait{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;border-right:1px solid #383e36;background:radial-gradient(ellipse,#35392b,#171b1c 75%)}.character-info-portrait img{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 5px 12px #0007)}.character-info-portrait span{color:#ceb581;font-size:13px;text-align:center}.character-info-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center;padding:11px 22px;border-bottom:1px solid #ffffff0b;font-size:14px;line-height:1.5;min-height:43px}.character-info-row:nth-child(odd){background:#ffffff03}.character-info-row>span{color:#acb4ac}.character-info-row>strong{color:#e6d6b9;font-weight:600;font-size:15px;overflow-wrap:anywhere}.character-info-attributes{display:grid;grid-template-columns:1fr 1fr;background:#202620}.character-info-attributes .character-info-row{grid-template-columns:1fr auto;padding:13px 22px;background:none}.character-info-attributes .character-info-row>strong{font-size:16px;color:#e6c88f}.character-info-row.is-online>strong{color:#83d59d}.character-info-row.is-offline>strong{color:#a1aaa3}@media(max-width:700px){.character-overview{padding:18px}.character-info-identity{grid-template-columns:100px minmax(0,1fr)}.character-info-portrait{padding:10px;gap:10px}.character-info-portrait img{width:68px;height:68px}.character-info-portrait span{font-size:11px}.character-info-row{padding:10px 12px;gap:10px;font-size:13px}.character-info-row>strong{font-size:14px}.character-info-attributes .character-info-row{padding:12px;gap:8px}.character-info-attributes .character-info-row>strong{font-size:15px}}@media(max-width:420px){.character-info-attributes{grid-template-columns:1fr}.character-info-identity .character-info-row{grid-template-columns:1fr;gap:2px}.character-info-row{grid-template-columns:.85fr 1.15fr}}
.live-module-panel{padding:20px}.live-module-panel table{width:100%}.live-module-panel table td,.live-module-panel table th{padding:12px;font-size:13px}.live-module-panel time{font-size:12px;white-space:nowrap}#live-module-search{padding:11px 14px;width:min(100%,360px);background:#161b1b;border:1px solid #424a3e;border-radius:3px;color:#eee}
.server-counters{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.server-counters article{display:flex;flex-direction:column;gap:10px}.server-counters strong{font-size:32px;color:var(--gold)}.server-counters span{color:var(--muted)}.server-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.population-row{margin:24px 0}.population-row>div:first-child{display:flex;justify-content:space-between;margin-bottom:10px}.population-row small{color:var(--muted);margin-left:10px}.population-track{height:7px;background:#111110;border-radius:6px;overflow:hidden}.population-track span{display:block;height:100%;background:var(--gold)}.server-milestone{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #ffffff0d}.server-milestone strong{color:var(--gold)}.server-map-panel{margin-top:22px}@media(max-width:800px){.server-counters{grid-template-columns:1fr 1fr}.server-detail-grid{grid-template-columns:1fr}}
.statistics-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.statistics-section{margin-bottom:22px;padding:22px}.statistics-section h2{font-size:23px;padding-bottom:16px;margin-bottom:0;border-bottom:1px solid #c5a66d55}.statistics-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 14px;font-size:15px;border-bottom:1px solid #ffffff0a}.statistics-row:nth-child(even){background:#ffffff03}.statistics-row strong{color:#e8d6b6;text-align:right;font-size:15px}.class-statistics-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.class-statistics-columns h3{font-size:16px;color:var(--gold);padding:18px 14px 8px}.ranking-sections{display:flex;gap:10px;margin-bottom:20px}.ranking-sections a{padding:10px 18px;background:#1d1c1a;border:1px solid #3e3c39;border-radius:5px;font-weight:600}.ranking-sections a.active{border-color:var(--gold);color:var(--gold);background:#c5a66d12}.class-portrait-filters{display:grid;grid-template-columns:repeat(8,1fr);gap:9px;margin:20px 0}.class-portrait-filters button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 5px;background:#1a1918;border:1px solid #3e3c39;border-radius:7px;color:#e3e5e8;font-size:12px;cursor:pointer}.class-portrait-filters button.active{border-color:var(--gold);background:#c5a66d16}.class-portrait-filters img,.all-class-icon{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #6f6550}.all-class-icon{display:grid;place-items:center;color:var(--gold);font-weight:700}@media(max-width:900px){.class-portrait-filters{grid-template-columns:repeat(4,1fr)}.statistics-columns{grid-template-columns:1fr}.class-statistics-columns{grid-template-columns:1fr}}
.statistics-row strong.online-player-count{color:#56d879}
.ranking-status{font-weight:600}.ranking-status.is-online{color:#56d879}.ranking-status.is-offline,.offline-duration{color:#8b929b}.offline-duration{display:block;font-size:12px;margin-top:5px;white-space:nowrap}
/* Clearer, classic MU ranking typography. */
.realm-ranking-panel{background:#1b1a18;border-color:#444039}.realm-ranking-table{font-family:Tahoma,Verdana,Arial,sans-serif;font-size:15px;line-height:1.4}.realm-ranking-table th{font-family:Tahoma,Verdana,Arial,sans-serif;text-transform:none;letter-spacing:0;font-size:13px;font-weight:700;color:#d7c7a8;background:#202227;padding:14px 18px;white-space:nowrap}.realm-ranking-table td{padding:15px 18px;font-size:15px;color:#e5e4e0;border-bottom:1px solid #ffffff0c;font-variant-numeric:tabular-nums}.realm-ranking-table tbody tr:nth-child(even){background:#ffffff04}.realm-ranking-table tbody tr:hover{background:#c9a66b0c}.realm-ranking-table .player-name{font-family:Tahoma,Verdana,Arial,sans-serif;font-size:16px;font-weight:700;color:#f3deb4;line-height:1.35}.realm-ranking-table .player-cell small{font-family:Tahoma,Verdana,Arial,sans-serif;font-size:13px;color:#b8bcc3;line-height:1.4}.realm-ranking-table .gold{color:#edca88;font-weight:700}.realm-ranking-table .rank-number{font-size:14px;color:#b7b1a5}.realm-ranking-table .rank-number.top{color:#edca88}.realm-ranking-table .ranking-status{font-size:14px}.realm-ranking-table .ranking-status.is-offline{color:#a5acb6}.realm-ranking-table .offline-duration{font-size:12px;color:#a5acb6;line-height:1.4;margin-top:4px}.realm-ranking-panel .tabs button{font-family:Tahoma,Verdana,Arial,sans-serif;font-size:14px;font-weight:600}.class-portrait-filters button{font-family:Tahoma,Verdana,Arial,sans-serif;font-size:13px;font-weight:600;color:#dcdad4}.ranking-sections a{font-family:Tahoma,Verdana,Arial,sans-serif;font-size:15px}#rank-search{font-family:Tahoma,Verdana,Arial,sans-serif;font-size:15px;color:#eee}#rank-search::placeholder{color:#aeb1b7}
/* Reference-inspired ranking board. */
.realm-ranking-panel{background:#0e0d0c;border:1px solid #36332f;border-radius:10px;overflow:hidden}.realm-ranking-table{font-family:Inter,Arial,sans-serif;min-width:1080px;border-collapse:collapse}.realm-ranking-table th{font-family:Inter,Arial,sans-serif;background:#141312;color:#a09d98;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:17px 15px}.realm-ranking-table td{font-family:Inter,Arial,sans-serif;font-size:14px;padding:20px 15px;color:#bab5ab;background:transparent;border-bottom:1px solid #ffffff08}.realm-ranking-table tbody tr:nth-child(even){background:transparent}.realm-ranking-table tbody tr:hover{background:#ffffff03}.realm-ranking-table .player-name{font-family:Inter,Arial,sans-serif;font-size:15px;font-weight:750;color:#c4b9a1}.realm-ranking-table .ranking-class{display:flex;align-items:center;gap:11px;white-space:nowrap}.ranking-class img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #453849}.realm-ranking-table .rank-number{font-weight:800;color:#c3c0bb;white-space:nowrap}.rank-top-badge{display:inline-block;margin-left:6px;border:1px solid currentColor;border-radius:20px;font-size:9px;padding:2px 5px;vertical-align:middle}.realm-ranking-table .podium-1{background:linear-gradient(90deg,#9e812229,#0e0d0c00 75%);box-shadow:inset 4px 0 #d9b63e}.realm-ranking-table .podium-2{background:linear-gradient(90deg,#a9abb122,#0e0d0c00 75%);box-shadow:inset 4px 0 #aaa9b6}.realm-ranking-table .podium-3{background:linear-gradient(90deg,#a0642526,#0e0d0c00 75%);box-shadow:inset 4px 0 #ba7c38}.realm-ranking-table .podium-1 .rank-number{color:#e6c354}.realm-ranking-table .podium-2 .rank-number{color:#cccdd5}.realm-ranking-table .podium-3 .rank-number{color:#d9a367}.ranking-guild{color:#d5c090}.ranking-guild:hover{color:#ddc288}.no-guild{color:#716b82}.realm-ranking-table .ranking-status{display:inline-block;font-family:Inter,Arial,sans-serif;border-radius:20px;padding:5px 10px;font-size:11px;line-height:1.4;background:#1d1c1b}.realm-ranking-table .ranking-status.is-online{color:#63db93;background:#1b3a2a}.realm-ranking-table .ranking-status.is-offline{color:#b4b2ad}.realm-ranking-table .offline-duration{font-size:11px;color:#898497;margin-top:7px}.realm-ranking-table td:last-child,.realm-ranking-table th:last-child{text-align:left}.realm-ranking-panel .tabs button,.ranking-sections a,.class-portrait-filters button{font-family:Inter,Arial,sans-serif}.realm-ranking-panel .tabs button{font-weight:600}
/* Preserve the original ranking background. */
.realm-ranking-panel{background:#1b1a18;border-color:#444039}.realm-ranking-table th{background:#202227}.realm-ranking-table tbody tr:nth-child(even){background:#ffffff04}.realm-ranking-table .podium-1,.realm-ranking-table .podium-2,.realm-ranking-table .podium-3{background:transparent}.realm-ranking-table tbody tr:hover{background:#c9a66b0c}
/* Distinguish progression values without changing the board background. */
.realm-ranking-table td:nth-child(5){color:#bbb6aa}.realm-ranking-table td:nth-child(6){color:#d0be95}.realm-ranking-table td:nth-child(7){color:#e5c17d;font-weight:700}.realm-ranking-table td:nth-child(8){color:#cfbd96;font-weight:700}.realm-ranking-table td:nth-child(n+5):nth-child(-n+8),.realm-ranking-table th:nth-child(n+5):nth-child(-n+8){text-align:center;font-variant-numeric:tabular-nums}.realm-ranking-table th:nth-child(5){color:#bbb6aa}.realm-ranking-table th:nth-child(6){color:#d0be95}.realm-ranking-table th:nth-child(7){color:#e5c17d}.realm-ranking-table th:nth-child(8){color:#cfbd96}.realm-ranking-table td:nth-child(7),.realm-ranking-table th:nth-child(7){border-left:1px solid #ffffff0b}.realm-ranking-table td:nth-child(9),.realm-ranking-table th:nth-child(9){border-left:1px solid #ffffff0b}
/* Keep ranking column labels visible during page scrolling. */
.realm-ranking-panel{overflow:visible}.realm-ranking-panel .table-scroll{overflow:visible}.realm-ranking-table thead th{position:sticky;top:0;z-index:10;background:#202227;box-shadow:0 1px 0 #444039,0 5px 12px #00000025}.realm-ranking-table{min-width:0;width:100%}@media(max-width:1100px){.realm-ranking-panel .table-scroll{overflow-x:auto;max-height:75vh;overflow-y:auto}.realm-ranking-table{min-width:1080px}}
.info-pending-note{padding:15px 18px;background:#c5a66d0a;border:1px solid #c5a66d30;border-radius:5px;color:#c9c5ba;font-size:14px;margin-bottom:20px}.info-section-links{display:flex;height:auto;flex-wrap:wrap;gap:8px;margin-bottom:24px}.info-section-links button{padding:8px 12px;background:#1f1e1c;border:1px solid #393c42;border-radius:5px;font-size:13px;color:#c8cbd2}.info-section-links button:hover{border-color:var(--gold);color:var(--gold)}.server-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.server-info-section{padding:22px;scroll-margin-top:20px}.server-info-section h2{font-size:21px;padding-bottom:16px;border-bottom:1px solid #c5a66d40}.server-info-section dl{margin:0;font-family:Inter,Arial,sans-serif}.server-info-section dl>div{display:flex;justify-content:space-between;gap:20px;padding:13px 10px;border-bottom:1px solid #ffffff08}.server-info-section dl>div:nth-child(even){background:#ffffff03}.server-info-section dt{font-size:14px;color:#d0ced8}.server-info-section dd{margin:0;min-width:70px;text-align:center;color:#938b79;font-size:16px}@media(max-width:800px){.server-info-grid{grid-template-columns:1fr}.server-info-section{padding:18px}}

/* Configured server settings: readable values and wrapping on small screens. */
.server-info-section dd{flex:0 1 48%;text-align:right;overflow-wrap:anywhere;line-height:1.5}.server-info-section dt{flex:1;line-height:1.5}.info-configured-value{color:#e5c17d;font-weight:600;font-size:14px;font-variant-numeric:tabular-nums}

/* Balanced server information columns with grouped rules. */
.server-info-grid{gap:24px}.info-column{display:flex;flex-direction:column;gap:24px;min-width:0}.server-info-section{padding:22px 24px}.server-info-section h2{font-size:21px;margin:0;padding-bottom:16px}.info-group{margin-top:18px}.info-group h3{font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#9d9c99;margin:0 0 6px;padding:0 10px}.server-info-section dl>div{padding:10px;gap:16px}.server-info-section dl>div:last-child{border-bottom:0}.server-info-section dt{font-size:13px}.server-info-section dd{flex-basis:46%;min-width:0}.info-configured-value{font-size:13px}.info-configured-value.info-on{color:#80c498}.info-configured-value.info-off{color:#a6a8ae}.info-section-links{gap:6px;margin-bottom:24px}.info-section-links button{font-size:12px;padding:7px 11px}
@media(max-width:800px){.server-info-grid{grid-template-columns:1fr;gap:18px}.info-column{display:contents}.server-info-section{order:var(--info-order);padding:20px 16px}.server-info-section h2{font-size:20px}}
/* Homepage redesign, scoped to keep other pages consistent. */
.titan-home .home-opening{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(290px,1fr);gap:20px;margin-bottom:18px}.home-banner{position:relative;min-height:350px;overflow:hidden;border:1px solid #62503966;border-radius:6px;background:linear-gradient(90deg,#161513ec 0%,#161513a6 45%,#16151308 100%),url('hero.png') 68% center/cover}.home-banner-copy{padding:36px 38px;position:relative}.home-banner h1{font-size:clamp(35px,3.4vw,52px);line-height:1.1;margin:18px 0;font-weight:500}.home-banner h1 em{font-style:normal;color:#d6b77e}.home-banner p{font-size:14px;line-height:1.8;color:#c6c9cc;margin-bottom:24px}.home-banner .hero-actions{gap:10px}.home-banner .button{padding:12px 18px;font-size:13px;display:inline-flex;align-items:center;gap:12px}.home-banner .button svg{width:15px;height:15px}.home-return{display:inline-block;color:#bab7af;font-size:12px;margin-top:18px}.home-return:hover{color:var(--gold)}.home-realm{padding:28px;display:flex;flex-direction:column;background:linear-gradient(140deg,#25231e,#1d1c1a 65%)}.home-realm h2{font-size:25px;line-height:1.3;margin:14px 0 20px}.home-rate-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:18px}.home-rate-pair>div+div{border-left:1px solid #ffffff12;padding-left:22px}.home-rate-pair strong{font-size:36px;line-height:1.2;font-weight:500;color:#e2c28c;font-variant-numeric:tabular-nums}.home-rate-pair strong span{font-size:20px;margin-left:3px;color:#9c8968}.home-rate-pair small{display:block;font-size:11px;color:#a8abb1;margin-top:5px}.home-realm dl{margin:0 0 16px;font-size:12px}.home-realm dl>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid #ffffff0a}.home-realm dt{color:#a8abb1}.home-realm dd{margin:0;color:#dedbd3;text-align:right}.home-card-link{display:flex;align-items:center;justify-content:space-between;color:var(--gold);font-size:12px;border-top:1px solid #ffffff12;padding-top:14px;margin-top:auto}.titan-home .stats-bar{margin:0 0 30px;padding:18px 22px;border-radius:6px;background:#191817}.titan-home .stat strong{font-size:22px}.titan-home .stat label{font-size:11px}.home-content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-bottom:30px}.titan-home .section-head{min-height:52px;margin-bottom:14px;align-items:center}.titan-home .section-head h2{font-size:24px;margin:5px 0 0}.titan-home .section-head .eyebrow{font-size:9px;letter-spacing:.13em}.titan-home .section-head .eyebrow:before{display:none}.home-sample-label{font-size:10px;color:#8f959d;border:1px solid #ffffff14;padding:4px 7px;border-radius:3px}.titan-home .news-row{padding:20px;gap:17px;min-height:100px}.titan-home .news-date strong{font-size:25px}.titan-home .news-copy h3{font-size:14px;margin:5px 0}.titan-home .news-copy p{font-size:12px;line-height:1.6}.titan-home .news-row button{font-size:11px;padding:6px 9px}.titan-home .news-copy .tag{font-size:9px}.titan-home .home-ranks{overflow:hidden}.titan-home .home-ranks table{width:100%;min-width:0}.titan-home .home-ranks td,.titan-home .home-ranks th{padding:12px;font-size:12px}.titan-home .home-ranks .player-name{font-size:13px}.titan-home .home-ranks .player-cell small{font-size:10px}.titan-home .home-ranks .avatar{width:30px;height:30px}.titan-home .home-ranks .tabs{padding:0 12px}.titan-home .home-ranks .tabs button{font-size:12px;padding:14px 10px}.home-lower-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:start}.titan-home .event{padding:17px;gap:13px}.titan-home .event h3{font-size:13px}.titan-home .event p{font-size:11px}.titan-home .realm-status{font-size:10px}.home-guide-card{padding:26px;background:linear-gradient(135deg,#27241b,#1d1c1a)}.home-guide-card h2{font-size:26px;line-height:1.35;margin:18px 0}.home-guide-card p{font-size:13px;color:#aeb3ba;line-height:1.8;margin-bottom:20px}.home-guide-card .home-card-link{margin-top:14px}.titan-home .kill-row{padding:16px}
@media(max-width:1050px){.home-opening .home-banner-copy{padding:30px}.home-realm{padding:24px}.home-content-grid{grid-template-columns:1fr}.home-lower-grid{grid-template-columns:1fr 1fr}.home-guide-card{grid-column:1/-1}.titan-home .home-ranks th:nth-child(3),.titan-home .home-ranks td:nth-child(3){display:table-cell}}
@media(max-width:760px){.titan-home .home-opening{grid-template-columns:1fr}.home-banner{min-height:320px}.home-banner-copy{padding:28px!important}.home-banner h1{font-size:40px}.home-realm h2{font-size:23px}.home-lower-grid{grid-template-columns:1fr}.home-guide-card{grid-column:auto}.titan-home .stats-bar{padding:14px;gap:14px}.home-content-grid{gap:26px}.titan-home .news-row{padding:17px;gap:12px}.titan-home .news-copy p{font-size:12px}.titan-home .home-ranks td,.titan-home .home-ranks th{padding:10px}.home-realm dl{font-size:12px}}
@media(max-width:400px){.home-banner h1{font-size:34px}.home-banner .hero-actions{flex-wrap:wrap}.titan-home .news-row button{padding:5px}.titan-home .home-ranks th:nth-child(3),.titan-home .home-ranks td:nth-child(3){display:none}}
@media(max-width:900px){.titan-home .home-opening{grid-template-columns:1fr}.home-banner{min-height:330px}.home-realm h2{margin-bottom:16px}.home-realm{padding:24px}}
.home-realm-highlights{list-style:none;padding:0;margin:0 0 18px}.home-realm-highlights li{position:relative;padding:10px 0 10px 17px;border-top:1px solid #ffffff0a}.home-realm-highlights li:before{content:"";position:absolute;left:0;top:17px;width:5px;height:5px;background:#c5a66d;transform:rotate(45deg)}.home-realm-highlights strong{display:block;font-size:13px;font-weight:600;color:#dedbd3}.home-realm-highlights span{display:block;font-size:11px;color:#a8abb1;line-height:1.6;margin-top:3px}
/* Explain the reasons to play before showing community activity. */
.home-banner h1{font-size:clamp(32px,3vw,46px);max-width:540px}.home-banner p{max-width:470px}.home-why{margin:38px 0 36px}.home-why-heading{margin-bottom:22px;max-width:650px}.home-why-heading h2{font-size:30px;line-height:1.3;margin:12px 0}.home-why-heading p{font-size:14px;color:#aeb3ba;line-height:1.7}.home-reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.home-reason{padding:26px;display:flex;flex-direction:column;background:linear-gradient(145deg,#222120,#1b1a18)}.home-reason-number{font-size:10px;letter-spacing:.12em;color:#c5a66d}.home-reason h3{font-size:24px;line-height:1.35;margin:19px 0 14px}.home-reason p{font-size:13px;line-height:1.85;color:#aeb3ba;margin:0 0 22px}.home-reason-detail{font-size:11px;color:#d4c5aa;padding:10px 0 18px;margin-top:auto}.home-reason>a,.home-reason>button{display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;border-top:1px solid #ffffff12;background:none;padding:15px 0 0;color:var(--gold);font-size:12px;width:100%;cursor:pointer}.home-progression{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:20px;padding:24px 26px;border:1px solid #c5a66d30;border-radius:5px;background:linear-gradient(100deg,#25221b,#1a1918)}.home-progression h3{font-size:24px;margin:10px 0}.home-progression p{font-size:13px;line-height:1.8;color:#aeb3ba;max-width:720px}.home-progression .button{flex-shrink:0;font-size:12px;padding:13px 17px}.home-progression .eyebrow{font-size:9px}
@media(max-width:1000px){.home-reasons{gap:14px}.home-reason{padding:20px}.home-reason h3{font-size:21px}.home-progression{align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:760px){.home-reasons{grid-template-columns:1fr}.home-reason{padding:24px}.home-why-heading h2{font-size:26px}.home-banner h1{font-size:35px}.home-progression{padding:22px}.home-reason h3{margin:14px 0 12px}.home-why{margin:30px 0}}
/* Short, bold homepage pitch. */
.titan-home .home-opening{display:block;margin-bottom:18px}.titan-home .home-banner{min-height:400px;background-position:center;background-image:linear-gradient(90deg,#161513ee 0%,#161513a8 40%,#16151300 73%),url('hero.png')}.titan-home .home-banner-copy{padding:38px 42px;max-width:740px}.titan-home .home-banner h1{font-size:clamp(35px,4.4vw,64px);line-height:1.08;max-width:690px;margin:20px 0 16px;letter-spacing:-.025em}.titan-home .home-banner p{font-size:16px;margin:0 0 22px;max-width:600px;color:#ddd8ce}.home-hero-rates{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:24px;color:#b9b5ab;font-size:10px;letter-spacing:.06em}.home-hero-rates strong{font-size:17px;color:#e4c48c;letter-spacing:0;margin-right:4px}.home-hero-rates span+span{border-left:1px solid #d3b98540;padding-left:20px}.titan-home .home-banner .button[data-download]{font-size:14px;font-weight:800;letter-spacing:.04em;padding:15px 24px;box-shadow:0 4px 24px #c5a66d24}.titan-home .home-why{margin:0 0 16px}.home-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.titan-home .home-reasons{gap:18px}.titan-home .home-reason{padding:22px 24px;min-height:180px;position:relative;overflow:hidden;border-top:2px solid #c5a66d70}.titan-home .home-reason h3{font-size:clamp(21px,2vw,29px);font-weight:600;line-height:1.2;margin:14px 0 10px;letter-spacing:-.02em}.titan-home .home-reason p{font-size:12px;line-height:1.5;margin:0 0 16px}.titan-home .home-reason>a,.titan-home .home-reason>button{padding-top:10px;font-size:11px;margin-top:auto}.titan-home .home-reason-client{background:radial-gradient(ellipse at top right,#24433e66,transparent 80%),#1b1a18;border-top-color:#75b4a3}.titan-home .home-reason-client h3{color:#a5ddcb;font-family:Inter,Arial,sans-serif;font-size:36px;margin:9px 0}.titan-home .home-reason-client h3 span{font-size:17px;font-weight:500}.titan-home .home-reason-systems{background:radial-gradient(ellipse at top right,#46355366,transparent 80%),#1b1a18;border-top-color:#a38bb8}.titan-home .home-reason-catchup{background:radial-gradient(ellipse at top right,#60492755,transparent 80%),#1b1a18}.home-settings-link{text-align:right;margin:10px 0 0;font-size:11px;color:#af9c7b}
@media(max-width:900px){.titan-home .home-banner-copy{max-width:600px}.titan-home .home-banner h1{font-size:46px}.titan-home .home-reasons{gap:12px}.titan-home .home-reason{padding:20px 16px}.titan-home .home-reason h3{font-size:22px}.titan-home .home-reason-client h3{font-size:34px}}
@media(max-width:760px){.titan-home .home-banner{min-height:360px;background-position:65% center}.titan-home .home-banner h1{font-size:clamp(30px,7vw,46px)}.titan-home .home-banner-copy{padding:28px!important}.titan-home .home-banner p{font-size:14px;max-width:260px}.home-hero-rates{gap:10px;font-size:9px;max-width:350px}.home-hero-rates span+span{padding-left:10px}.home-hero-rates strong{font-size:15px}.titan-home .home-reason{min-height:0;padding:18px 22px}.titan-home .home-reason h3{font-size:27px}.titan-home .home-reason-client h3{font-size:36px}.titan-home .home-reason p{margin-bottom:12px}}
/* MU realm: metal frames, original class portraits and in-game artifacts. */
body.mu-home-active{background:radial-gradient(ellipse at 50% 0,#34312c 0,#181614 40%,#0e0d0b 80%)}body.mu-home-active header{background:linear-gradient(180deg,#262422e0,#11100eee);border-bottom:1px solid #98754980;box-shadow:0 6px 30px #0008}body.mu-home-active nav a{font-family:Cinzel,Georgia,serif;font-size:12px;color:#c1b8a5}body.mu-home-active nav a.active{color:#f2d39b}body.mu-home-active .brand-title{color:#edd0a1;text-shadow:0 2px 3px #000}.titan-home .home-banner{border:1px solid #a17d47;border-radius:0;min-height:470px;box-shadow:inset 0 0 0 5px #1e1d1b,inset 0 0 0 6px #80664388,0 18px 45px #0009;background-image:linear-gradient(90deg,#13110fe8 0%,#13110fa6 42%,#13110f00 72%),url('hero.png')}.titan-home .home-banner:after{content:'';position:absolute;inset:12px;pointer-events:none;border:1px solid #c4a46b30;clip-path:polygon(0 0,22% 0,22% 1%,1% 1%,1% 25%,0 25%,0 0,100% 0,100% 25%,99% 25%,99% 1%,78% 1%,78% 0,100% 0,100% 100%,78% 100%,78% 99%,99% 99%,99% 75%,100% 75%,100% 100%,0 100%,0 75%,1% 75%,1% 99%,22% 99%,22% 100%,0 100%)}.titan-home .home-banner-copy{padding:32px 46px;max-width:720px}.mu-title-mark{font-family:Cinzel,Georgia,serif;font-size:104px;line-height:.86;font-weight:800;letter-spacing:-.1em;color:#efcb80;text-shadow:0 2px 0 #83572d,0 5px 0 #30241b,0 8px 18px #000;margin:26px 0 20px;width:300px;text-align:center}.mu-title-mark>span{display:block;font-size:38px;letter-spacing:.28em;margin:15px 0 7px;padding-left:10px;color:#e1b66f}.mu-title-mark>small{display:block;font-family:Inter,Arial,sans-serif;font-size:8px;letter-spacing:.34em;color:#bdab88;line-height:1.8;text-shadow:none}.titan-home .home-banner h1{font-size:30px;margin:16px 0 8px;letter-spacing:.02em}.titan-home .home-banner p{font-size:13px;color:#c8c7c2;margin-bottom:18px}.titan-home .home-banner .button[data-download]{background:linear-gradient(#e7c484,#b28443);border:1px solid #f1d296;border-radius:0;box-shadow:inset 0 0 0 3px #b0803b,0 0 22px #d4a34a30;font-family:Cinzel,Georgia,serif;min-width:185px}.titan-home .home-banner .button.secondary{border-radius:0;border-color:#8c7350;background:#1b1917b8}.titan-home .home-hero-rates{margin-bottom:18px}.titan-home .home-return{margin-top:14px}.mu-class-hall{margin:28px 0 26px;padding:22px 24px 14px;background:linear-gradient(180deg,#1f1d1a,#13110f);border:1px solid #67553c;box-shadow:inset 0 0 0 4px #141210,inset 0 0 0 5px #76603c40}.mu-section-title{display:flex;align-items:center;justify-content:center;gap:20px;text-align:center;margin-bottom:20px}.mu-section-title>span{height:1px;background:linear-gradient(90deg,transparent,#bd9455);width:150px;position:relative}.mu-section-title>span:last-child{transform:rotate(180deg)}.mu-section-title>span:after{content:'◆';position:absolute;right:-5px;top:-12px;color:#b68d50;font-size:12px}.mu-section-title small{font-size:9px;letter-spacing:.23em;color:#b69b72}.mu-section-title h2{font-size:27px;color:#ead3a7;margin-top:3px}.mu-class-lineup{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.mu-class-card{position:relative;display:block;min-width:0;padding:4px 4px 0;border:1px solid #5f5546;background:#13110f;color:#bbb5a9;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}.mu-class-card img{display:block;width:100%;height:178px;object-fit:cover;object-position:top;filter:saturate(.7) brightness(.75);transition:filter .2s}.mu-class-card span{position:relative;display:flex;align-items:center;justify-content:center;font-family:Cinzel,Georgia,serif;font-size:11px;line-height:1.3;min-height:39px;padding:7px 2px;background:linear-gradient(#252321,#1a1816);border-top:1px solid #65523c}.mu-class-card:hover,.mu-class-card.is-chosen{border-color:#dfb767;transform:translateY(-4px);box-shadow:0 4px 20px #b5893533}.mu-class-card:hover img,.mu-class-card.is-chosen img{filter:saturate(1.05) brightness(1.1)}.mu-class-card.is-chosen span{color:#f1d495;background:linear-gradient(#50402a,#1c1b19)}.mu-class-description{display:flex;justify-content:center;align-items:center;gap:20px;font-size:12px;padding:17px 0 0;min-height:44px}.mu-class-description strong{font-family:Cinzel,Georgia,serif;color:#e7c78e}.mu-class-description>span{color:#a9b0b5}.mu-class-description>a{color:#d2b27b;font-size:11px}.titan-home .home-reason{border:1px solid #75613f;border-top:2px solid #c8a36a;border-radius:0;box-shadow:inset 0 0 0 4px #1b1917;min-height:172px;background:linear-gradient(135deg,#242626,#1c1a17)}.titan-home .home-reason>h3,.titan-home .home-reason>p,.titan-home .home-reason>.home-reason-number{position:relative;z-index:1}.titan-home .home-reason h3{font-size:25px;text-shadow:0 2px 5px #000}.mu-feature-item{position:absolute;width:110px;height:90px;object-fit:contain;right:10px;top:18px;opacity:.28;filter:drop-shadow(0 0 10px #c7a761)}.titan-home .home-reason-client h3{font-family:Cinzel,Georgia,serif;font-size:36px;color:#d3bf92}.titan-home .stats-bar{border-radius:0;background:linear-gradient(#282624,#1b1916);border:1px solid #6b593e;box-shadow:inset 0 0 0 4px #1b1917}.titan-home .stat strong{font-family:Cinzel,Georgia,serif;color:#e5c695}.titan-home .section-head{border-bottom:1px solid #7d624341;padding-bottom:12px}.titan-home .section-head h2{font-size:24px;color:#e3cca4;text-shadow:0 2px 4px #000}.titan-home .home-content-grid .panel,.titan-home .home-lower-grid .panel{border:1px solid #715c3d;border-radius:0;background:linear-gradient(120deg,#262421,#1b1916);box-shadow:inset 0 0 0 3px #171513}.titan-home .news-row{border-color:#8a70432a;background:transparent}.titan-home .news-date strong{color:#d5ac6e}.titan-home .home-ranks th{background:#2b2b24;color:#c7ae86}.titan-home .home-ranks tbody tr:nth-child(even){background:#9979480a}.titan-home .home-ranks .tabs button.active{color:#f0d39a}.titan-home .home-guide-card{background:radial-gradient(ellipse at right,#443324,#191714)}
@media(max-width:1100px){.mu-class-lineup{gap:7px}.mu-class-card img{height:145px}.mu-class-card span{font-size:9px}}
@media(max-width:760px){.titan-home .home-banner{min-height:450px;background-position:64% center}.titan-home .home-banner-copy{padding:28px!important}.mu-title-mark{font-size:84px;width:240px;margin-top:24px}.mu-title-mark>span{font-size:31px}.titan-home .home-banner h1{font-size:26px}.titan-home .home-banner p{max-width:230px}.mu-class-hall{padding:20px 14px 12px}.mu-class-lineup{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.mu-class-card img{height:155px}.mu-class-card span{font-size:10px}.mu-class-description{flex-wrap:wrap;gap:8px 14px;text-align:center}.mu-section-title{gap:12px}.mu-section-title>span{width:40px}.mu-section-title h2{font-size:24px}.titan-home .home-reason h3{font-size:26px}}
@media(max-width:430px){.mu-class-card img{height:113px}.mu-class-card span{font-size:8px}.mu-class-description>span{flex-basis:100%;order:2}.mu-title-mark{font-size:74px;width:210px}.mu-title-mark>span{font-size:28px}.titan-home .home-banner h1{font-size:23px}.titan-home .home-banner .button[data-download]{min-width:150px;padding:13px 18px}.mu-class-hall{margin-top:20px}}

/* ==================== mu-art.css ==================== */
/* User-supplied MU artwork, framed and cropped by the page layout. */
body.mu-home-active{
  background:linear-gradient(#15130fea,#100f0dee 950px,#100f0dfa),url('assets/mu-art/realm-battle.png') center top/cover fixed;
}
.titan-home .home-banner{
  min-height:480px;
  background-image:linear-gradient(90deg,#14120ff5 0%,#14120fd9 25%,#14120f7a 48%,#14120f08 75%),url('assets/mu-art/battle-hero.png');
  background-position:center,center 42%;
  background-size:cover;
  border-color:#8f7a58;
  box-shadow:inset 0 0 0 5px #221e19,inset 0 0 0 6px #80664388,0 18px 65px #000b,0 0 65px #765e2924;
}
.titan-home .home-banner-copy{max-width:600px;padding:35px 46px}
.mu-title-mark{color:#f7d597;text-shadow:0 2px 0 #83572d,0 5px 0 #30241b,0 8px 22px #000}
.titan-home .home-banner h1{color:#fff0d2;text-shadow:0 2px 10px #000}
.titan-home .home-banner p{color:#beb7a7;text-shadow:0 2px 8px #000}
.titan-home .home-banner .button[data-download]{box-shadow:inset 0 0 0 3px #b0803b,0 0 28px #eaaa4b55}
.mu-class-hall{background:linear-gradient(180deg,#211e1aea,#13110ff5),url('assets/mu-art/realm-battle.png') center/cover;border-color:#816b48}
.mu-class-card[data-home-class="0"] img{object-position:27% 32%}
.mu-class-card[data-home-class="2"] img{object-position:51% 22%}
.mu-class-card[data-home-class="4"] img{object-position:58% 15%}
.mu-class-card img{filter:saturate(.9) brightness(.8)}
.mu-class-card:hover img,.mu-class-card.is-chosen img{filter:saturate(1.1) brightness(1.08)}
.titan-home .home-reason{
  min-height:215px;
  padding-top:30px;
  background-size:cover;
  background-position:center;
  isolation:isolate;
}
.titan-home .home-reason-catchup{background-image:linear-gradient(90deg,#191713ec,#191713b0 60%,#19171336),url('assets/mu-art/duel.png');background-position:center,center}
.titan-home .home-reason-systems{background-image:linear-gradient(90deg,#181715e8,#181715b0 65%,#18171555),url('assets/mu-art/realm-battle.png');background-position:center,right center}
.titan-home .home-reason-client{background-image:linear-gradient(90deg,#181511ec,#181511ab 65%,#18151155),url('assets/mu-art/elf.png');background-position:center,center 35%}
.mu-feature-item{display:none}
.titan-home .home-reason h3{color:#ffedc9;text-shadow:0 3px 10px #000}
.titan-home .home-reason-client h3{color:#ddc288;text-shadow:0 0 18px #bb943c70}
.titan-home .home-reason p{color:#d0d4da;text-shadow:0 2px 6px #000}
.titan-home .home-reason>a,.titan-home .home-reason>button{position:relative;z-index:1;color:#f0cf99;border-color:#d7bf853d}
.titan-home .home-guide-card{background:linear-gradient(90deg,#191612ee,#191612b8),url('assets/mu-art/dark-lord.png') center/cover!important}
@media(max-width:760px){
  .titan-home .home-banner{min-height:465px;background-position:center,62% center;background-image:linear-gradient(90deg,#14120fef,#14120fa8 65%,#14120f60),url('assets/mu-art/battle-hero.png')}
  .titan-home .home-banner-copy{max-width:100%}
  .titan-home .home-reason{min-height:180px;padding:22px}
}

/* ==================== mu-remade.css ==================== */
/* One remade art direction across hero, classes and feature panels. */
body.mu-home-active{background:radial-gradient(ellipse at 70% 0,#292520,#151311 700px,#100e0c)}
body.mu-home-active header{background:linear-gradient(#26231e,#161410);box-shadow:0 4px 35px #0006}
.titan-home .home-banner{min-height:440px;background-image:url('assets/mu-art/hero-remade.png');background-position:center right;background-size:cover;border:1px solid #9f8157;box-shadow:0 15px 55px #0008,inset 0 0 0 4px #19161266}
.titan-home .home-banner:after{clip-path:none;border-color:#a4855140;inset:7px}
.titan-home .home-banner-copy{padding:30px 42px;max-width:530px}
.mu-title-mark{font-size:86px;width:260px;margin:24px 0 16px;color:#f8d99b;text-shadow:0 2px 0 #83572d,0 4px 0 #30241b,0 8px 20px #000}
.mu-title-mark>span{font-size:32px;margin-top:12px}
.titan-home .home-banner h1{font-size:28px;margin:12px 0 8px;color:#fff0d2;text-shadow:0 2px 8px #000}
.titan-home .home-banner p{color:#bbb6aa;font-size:12px;max-width:390px;margin-bottom:18px}
.titan-home .home-banner .button[data-download]{box-shadow:inset 0 0 0 3px #b0803b,0 0 26px #eaaa4b40}
.titan-home .home-hero-rates{margin-bottom:18px;gap:14px;font-size:9px}
.home-hero-rates span+span{padding-left:14px}
.mu-class-hall{background:linear-gradient(180deg,#28241e,#191612);border-color:#6c5c44;margin:24px 0;box-shadow:inset 0 0 0 4px #1a1814,inset 0 0 0 5px #a0804430}
.mu-class-lineup{gap:12px}
.mu-class-card{background:#1c1a16;padding:3px 3px 0;border-color:#6c6254}
.mu-class-card .mu-portrait{display:block;aspect-ratio:1;width:100%;min-height:0;padding:0;border:0;background-image:url('assets/mu-art/classes-remade.png');background-size:400% 200%;background-position:var(--portrait-x) var(--portrait-y);filter:brightness(.78) saturate(.85);transition:filter .2s}
.mu-class-card>span:last-child{background:linear-gradient(#32302c,#1c1a16);min-height:37px;font-size:10px}
.mu-class-card:hover .mu-portrait,.mu-class-card.is-chosen .mu-portrait{filter:brightness(1.05) saturate(1.05)}
.mu-class-card.is-chosen .mu-portrait{background-image:url('assets/mu-art/classes-remade.png');background-size:400% 200%;background-position:var(--portrait-x) var(--portrait-y)}
.mu-class-card.is-chosen>span:last-child{background:linear-gradient(#51412b,#28241f);color:#f1d59e}
.mu-class-card:hover,.mu-class-card.is-chosen{box-shadow:0 3px 22px #b589352e}
.titan-home .home-reason{min-height:210px;padding:26px 22px;border:1px solid #76613e;background-image:url('assets/mu-art/features-remade.png');background-size:300% auto;isolation:isolate;box-shadow:0 6px 28px #0005}
.titan-home .home-reason:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#14120fd9,#14120f8c 64%,#14120f1a);z-index:-1}
.titan-home .home-reason-catchup{background-position:0% 44%;border-top-color:#b37a45}
.titan-home .home-reason-systems{background-position:50% 42%;border-top-color:#aa80c8}
.titan-home .home-reason-client{background-position:100% 34%;border-top-color:#a69d8b}
.mu-feature-item{display:none}
.titan-home .home-reason h3{color:#ffe4b3;font-size:25px;text-shadow:0 2px 8px #000}
.titan-home .home-reason-client h3{color:#ddc288;font-size:36px}
.titan-home .home-reason p{color:#bdb7a8;font-size:11px;text-shadow:0 1px 5px #000}
.titan-home .home-reason .home-reason-number{font-size:9px;color:#d2b384}
.titan-home .home-reason>a,.titan-home .home-reason>button{position:relative;z-index:1;color:#f1cd96;border-color:#dbb47233}
.titan-home .home-guide-card{background:linear-gradient(100deg,#1a1814ee,#1a1814ad),url('assets/mu-art/hero-remade.png') center/cover!important}
@media(max-width:1000px){.mu-class-lineup{gap:8px}.mu-class-card>span:last-child{font-size:9px}.titan-home .home-banner-copy{max-width:460px}.titan-home .home-hero-rates{gap:10px}}
@media(max-width:760px){
  .titan-home .home-banner{min-height:445px;background-position:65% center;background-image:linear-gradient(90deg,#14120fdc,#14120f77 70%,#14120f22),url('assets/mu-art/hero-remade.png')}
  .titan-home .home-banner-copy{max-width:100%;padding:28px!important}
  .mu-title-mark{font-size:78px;width:220px;margin-top:22px}.mu-title-mark>span{font-size:29px}
  .titan-home .home-banner h1{font-size:25px}.titan-home .home-banner p{max-width:240px}
  .mu-class-lineup{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .mu-class-card>span:last-child{font-size:9px}
  .titan-home .home-reason{min-height:175px;padding:22px;background-size:300% auto}
}
@media(max-width:430px){.mu-class-card>span:last-child{font-size:8px}.titan-home .home-banner h1{font-size:23px}.titan-home .home-hero-rates{gap:9px;font-size:8px}.home-hero-rates span+span{padding-left:9px}.home-hero-rates strong{font-size:14px}}

/* ==================== realm-ui.css ==================== */
/* Realm navigation and server codex. */
.statistics-page{padding-top:12px}
.statistics-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}
.statistics-kicker{color:#a39f98;font-size:10px;letter-spacing:.16em}
.statistics-heading h1{font-family:Inter,Arial,sans-serif;font-size:38px;font-weight:600;letter-spacing:-.03em;margin-top:7px;color:#c0b8a5}
.statistics-heading p{font-size:13px;color:#a39f98;margin-top:8px}
.statistics-refresh{border:1px solid #4d4944;background:#24211d;color:#c2b8a3;font-size:12px;border-radius:5px;padding:9px 16px}
.statistics-refresh:hover{background:#39352f}
.statistics-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.statistics-metric{padding:23px 25px;border:1px solid #ffffff12;background:#23201c;border-radius:6px}
.statistics-metric>span{display:block;font-size:12px;color:#b5b2ad}
.statistics-metric>strong{display:block;font-size:37px;font-weight:500;line-height:1.2;letter-spacing:-.025em;color:#c0b8a5;margin:12px 0}
.statistics-metric>small{font-size:10px;color:#8d8980}
.statistics-metric.online{background:linear-gradient(120deg,#182d2b,#23201c);border-color:#73b69a30}
.statistics-metric.online>strong{color:#8bd7b2}
.statistics-overview{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:stretch}
.statistics-siege{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.statistics-page .statistics-section{border:1px solid #ffffff12;border-radius:6px;background:#221f1b;padding:24px;margin-bottom:22px;box-shadow:none}
.statistics-page .statistics-section h2{font:500 16px Inter,Arial,sans-serif;color:#c0b8a5;letter-spacing:0;border-color:#ffffff10;padding-bottom:18px}
.statistics-activity{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:32px 0 28px}
.statistics-activity strong{display:block;font-size:28px;font-weight:500;color:#e6d2ae}
.statistics-activity span{display:block;font-size:11px;color:#a19d94;margin-top:8px}
.statistics-note{color:#8d8980;font-size:11px;line-height:1.7;margin-top:15px;max-width:350px}
.statistics-subtitle{display:block;color:#8d8980;font-size:10px;padding-top:14px}
.population-list{margin-top:16px}
.population-row{display:grid;grid-template-columns:115px minmax(20px,1fr) 35px 43px;gap:12px;align-items:center;margin:14px 0;font-size:11px}
.population-name{color:#beb7a7}
.population-track{height:5px;background:#ffffff08;border-radius:4px;overflow:hidden}
.population-track>span{display:block;height:100%;background:var(--bar-color);border-radius:4px}
.population-row strong{font-weight:500;color:#c4b9a1;text-align:right}
.population-row small{font-size:10px;color:#8d8980;text-align:right}
.castle-owner{padding:22px 0;border-bottom:1px solid #ffffff0b}
.castle-owner>span{font-size:9px;letter-spacing:.12em;color:#8d8980;display:block}
.castle-owner>strong{display:block;font-size:25px;font-weight:500;color:#d8c094;margin:7px 0}
.castle-owner>small{color:#a49f96;font-size:11px}
.statistics-page .statistics-row{padding:12px 0;font-size:11px;color:#a49f96;background:transparent}
.statistics-page .statistics-row strong{font-size:11px;font-weight:500;color:#c0b8a5}
.statistics-page th{background:transparent;color:#8d8980;font-size:9px;padding:16px 6px}
.statistics-page td{font-size:12px;padding:14px 6px;color:#c0b8a5}
.statistics-page td a{color:#dfc99f}
.siege-master{display:block;font-size:10px;color:#8d8980;margin-top:3px}
.statistics-empty{padding:24px 0;font-size:12px;color:#a49f96;text-align:left!important}
.statistics-updated{display:flex;align-items:center;gap:7px;font-size:10px;color:#8d8980}
.statistics-updated a{margin-left:auto;color:#beb7a7}
.statistics-live-dot{height:5px;width:5px;border-radius:50%;background:#8bd7b2}
@media(max-width:800px){.statistics-overview,.statistics-siege{grid-template-columns:1fr}.statistics-metrics{grid-template-columns:repeat(2,1fr)}.statistics-metric{padding:19px}.statistics-heading h1{font-size:31px}}
@media(max-width:430px){.statistics-page .statistics-section{padding:20px 16px}.population-row{grid-template-columns:100px minmax(16px,1fr) 26px 37px;gap:7px;font-size:10px}.statistics-updated{flex-wrap:wrap}.statistics-updated a{width:100%;margin:8px 0 0}.statistics-metric>strong{font-size:30px}}
body{background:radial-gradient(ellipse at 50% 0,#2e2a25 0,#151310 680px,#100e0c)}
body header,body.mu-home-active header{max-width:1232px;height:140px;padding:0 28px;display:grid;grid-template-columns:1fr auto auto;grid-template-rows:82px 58px;gap:0 22px;background:linear-gradient(180deg,#2c2822,#1c1915 58%,#1f1c18 59%,#171511);border:1px solid #a5884c45;border-top:0;position:relative;box-shadow:0 8px 35px #0007,inset 0 -3px #b68a3930}
header:after{content:'◆';position:absolute;bottom:-11px;left:calc(50% - 7px);color:#c4a464;font-size:13px;pointer-events:none}
header .brand{grid-column:1;grid-row:1;width:max-content;gap:15px}
header .brand-mark{font-size:48px;color:#eed49b;text-shadow:0 2px #6c482c,0 0 20px #cba15a33}
header .brand-title{font-size:25px;color:#e9cc8e;letter-spacing:.2em}
header .brand-title small{color:#b4b9c2;font-size:9px;letter-spacing:.4em}
header .account-links{grid-column:2;grid-row:1;gap:18px}
header .account-links .button{background:linear-gradient(#edd6a0,#b88c48);border-color:#f2d79b;border-radius:0;color:#21190d;font-family:Georgia,serif;box-shadow:inset 0 0 0 3px #97724160;font-size:14px;padding:8px 24px}
header>nav{grid-column:1/-1;grid-row:2;position:static;padding:0;background:transparent;display:flex;justify-content:center;gap:0;border-top:1px solid #ba95553d;height:58px}
header>nav>a{height:100%;padding:0 22px;font-size:12px;font-weight:600;letter-spacing:.03em;color:#bfbbb4;white-space:nowrap}
header>nav>a:hover{background:#c7a15f0b;color:#efd9ac}
header>nav>a.active{color:#ffe3a7;background:radial-gradient(ellipse at bottom,#c6953930,transparent 80%)}
header>nav>a.active:after{left:18px;right:18px;height:2px;background:linear-gradient(90deg,transparent,#f2ce86,transparent);box-shadow:0 -3px 14px #f7c86b55}
.menu-toggle{grid-column:3;grid-row:1}
body.mu-info-active main{padding-top:30px}
.realm-codex .codex-hero{position:relative;padding:34px 38px 0;min-height:235px;border:1px solid #ab8c514d;background:linear-gradient(90deg,#1c1915f5,#1c1915a8 55%,#1c19152b),url('assets/mu-art/hero-remade.png') center right/cover;box-shadow:inset 0 0 0 5px #1a171340;overflow:hidden}
.codex-hero h1{font-size:40px;color:#f7dfad;letter-spacing:.02em;text-shadow:0 3px 12px #000}
.codex-hero .eyebrow{font-size:10px;letter-spacing:.24em;margin-bottom:10px}
.codex-hero p{font-size:13px;color:#c1b8a4;margin-top:10px}
.codex-summary{display:flex;gap:35px;padding:22px 0 18px;margin-top:24px;border-top:1px solid #b491573b}
.codex-summary>span{font-size:9px;letter-spacing:.12em;color:#b7b3ab;display:flex;align-items:center;gap:10px}
.codex-summary strong{font:600 21px Georgia,serif;color:#ecd29d;letter-spacing:0}
.codex-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:24px;margin-top:26px;align-items:start}
.codex-sidebar{position:sticky;top:22px;background:linear-gradient(140deg,#2d2923,#1a1814);border:1px solid #9a7e4840;box-shadow:inset 3px 0 #c59c5030}
.codex-sidebar-title{padding:20px 18px 16px;font-size:9px;letter-spacing:.18em;color:#d7bc83;border-bottom:1px solid #a78a4930}
.realm-codex .info-section-links{position:static;background:transparent;border:0;display:flex;flex-direction:column;align-items:stretch;height:auto;gap:0;margin:0;padding:8px}
.realm-codex .info-section-links button{display:flex;align-items:center;gap:10px;text-align:left;font-size:11px;padding:13px 8px;line-height:1.4;border:0;border-bottom:1px solid #ffffff07;border-radius:0;background:transparent;color:#bfb7a6}
.info-section-links button>span{font:12px Georgia,serif;color:#b8985c}
.info-section-links button>b{margin-left:auto;font-size:18px;font-weight:400;color:#927b50}
.realm-codex .info-section-links button:hover,.realm-codex .info-section-links button:focus-visible{background:#c39a5014;color:#ffe0a0}
.codex-location{padding:20px 18px;background:#110f0d66;border-top:1px solid #a78a4930}
.codex-location>span{display:block;font-size:8px;letter-spacing:.18em;color:#9a968d}
.codex-location strong{display:block;font:20px Georgia,serif;color:#dfc793;margin:5px 0 12px}
.codex-location small{display:block;font-size:10px;color:#aca79e;line-height:1.6}
.realm-codex .server-info-grid{gap:20px}
.realm-codex .info-column{gap:20px}
.realm-codex .server-info-section{background:linear-gradient(135deg,#2a2621,#1e1b16);border:1px solid #8f784746;border-radius:0;padding:0 18px 15px;box-shadow:0 7px 25px #0003;scroll-margin-top:20px}
.realm-codex .server-info-section h2{display:flex;align-items:center;gap:10px;font-size:17px;color:#ead1a0;padding:18px 0;border-bottom:1px solid #b99a5b40;line-height:1.3}
.codex-number{font:11px Georgia,serif;color:#a28956;border:1px solid #a58a5140;padding:5px;background:#110f0d44}
.codex-diamond{margin-left:auto;color:#a98a49;font-size:8px}
.realm-codex .info-group{margin-top:18px}
.realm-codex .info-group h3{font-size:9px;letter-spacing:.14em;padding:0 2px;color:#aca79e;margin-bottom:8px}
.realm-codex .server-info-section dl>div{padding:9px 2px;gap:12px;border-bottom:1px solid #a19c9212;align-items:center}
.realm-codex .server-info-section dl>div:nth-child(even){background:transparent}
.realm-codex .server-info-section dt{font-size:11px;color:#c0b8a5}
.realm-codex .server-info-section dd{flex-basis:44%}
.realm-codex .info-configured-value{font-size:11px;color:#f2d295;font-weight:600}
.realm-codex .info-configured-value.info-on,.realm-codex .info-configured-value.info-off{display:inline-block;padding:1px 8px;border:1px solid #6db8ab40;background:#5caa9012;font-size:9px;letter-spacing:.1em;color:#8ad2b8}
.realm-codex .info-configured-value.info-off{color:#b0b5c0;border-color:#9a979133;background:#9a979110}
@media(max-width:1150px){header>nav>a{padding:0 15px;font-size:11px}.codex-layout{grid-template-columns:190px 1fr;gap:18px}.realm-codex .server-info-grid{grid-template-columns:1fr}.realm-codex .info-column{display:contents}.realm-codex .server-info-section{order:var(--info-order)}}
@media(max-width:760px){body header,body.mu-home-active header{height:82px;grid-template-rows:82px;padding:0 18px;gap:12px}header .brand-mark{font-size:35px}header .brand-title{font-size:19px}header .brand-title small{font-size:7px}header .account-links{gap:8px}header .account-links .button{font-size:11px;padding:7px 10px}header .account-links .text-button{font-size:11px}.menu-toggle{display:block}header>nav{display:none}header.menu-open{height:auto;padding-bottom:8px}header.menu-open>nav{display:grid;grid-template-columns:repeat(3,1fr);height:auto}header>nav>a{padding:13px 8px;justify-content:center}.codex-layout{grid-template-columns:1fr}.codex-sidebar{position:static}.codex-sidebar-title,.codex-location{display:none}.realm-codex .info-section-links{display:grid;grid-template-columns:repeat(2,1fr);padding:5px}.realm-codex .info-section-links button{padding:9px}.codex-hero h1{font-size:31px}.realm-codex .codex-hero{padding:28px 22px 0}.codex-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.codex-summary strong{font-size:18px}.codex-summary>span{font-size:8px}.realm-codex .server-info-section{padding:0 16px 14px}}
@media(max-width:420px){header .account-links .text-button{display:none}header .brand{gap:9px}header .brand-title{font-size:17px}.realm-codex .server-info-section h2{font-size:16px}}

/* ==================== unified-ui.css ==================== */
/* Shared portal styling: one navigation, one set of module surfaces. */
/* Temporarily hide achievement entry points; retain modules and data. */
[data-rank="points"],a[href="#achievements"],a[href="#monsters"],a[href="#kill-log"],.guide-grid a[href="#guides/achievements"],.guide-grid a[href="#guides/reference-monsters"],.guide-grid a[href="#guides/pvp"]{display:none!important}
#main .titan-home .home-lower-grid{grid-template-columns:1fr 1fr}
@media(max-width:760px){#main .titan-home .home-lower-grid{grid-template-columns:1fr}}
#main .realm-ranking-table td:nth-child(5){color:#bbb6aa}
#main .realm-ranking-table td:nth-child(6),#main .realm-ranking-table th:nth-child(6){color:#d0be95}
#main .realm-ranking-table td:nth-child(7),#main .realm-ranking-table th:nth-child(7){color:#e5c17d;font-weight:700}
#main .realm-ranking-table td:nth-child(8),#main .realm-ranking-table th:nth-child(8){color:#cfbd96;font-weight:700}
#main .realm-ranking-table .podium-1 .rank-number{color:#e6c354}
#main .realm-ranking-table .podium-2 .rank-number{color:#cccdd5}
#main .realm-ranking-table .podium-3 .rank-number{color:#d9a367}
#main .realm-ranking-table tbody .ranking-guild{color:#d5c090}
#main .character-info-portrait{background:radial-gradient(ellipse,#3b3730,#1f1c18 75%);border-color:#ffffff12}
#main .character-info-attributes{background:#292520}
#main .character-overview .attribute{background:#1f1c18;border-color:#ffffff12}
#main .character-overview .attribute:nth-of-type(1),#main .character-overview .attribute:nth-of-type(2){background:#292520}
#main #character-3d,#main .portrait-stage{background:radial-gradient(ellipse at center,#3d3932,#1b1814 75%);border-color:#ffffff12}
#main .equipment-grid{background:#1f1c18;border-color:#5c5850;box-shadow:inset 0 0 0 3px #191612,0 10px 24px #0004}
#main .equipment-grid .equipment-slot,#main .equipment-grid .equipment-slot.selected{background:radial-gradient(ellipse at 50% 35%,#3a362f,#1a1713 85%);border-color:#625e55;box-shadow:inset 1px 1px #c1bbb01a,inset -1px -1px #000; color:#a39f98}
#main .equipment-grid .equipment-slot:hover,#main .equipment-grid .equipment-slot:focus-visible{background:radial-gradient(ellipse at 50% 35%,#4c473f,#221e19 85%);border-color:#d8c094}
#main .equipment-grid .equipment-slot>span:not(.empty-slot){color:#bdb9b2}
#main .equipment-grid .equipment-slot .item-effect-badge{color:#e1c587}
#main .equipment-grid .empty-slot{color:#a9a49a}
#main .warehouse-panel{background:#1f1c18;border-color:#5c5850;box-shadow:inset 0 0 0 3px #191612,0 14px 40px #0004}
#main .warehouse-cell{background:linear-gradient(135deg,#2e2a25,#1f1c18);border-color:#4d4841}
#main .warehouse-item{background:#2d2923d9;border-color:#625e55}
#main .warehouse-sections button{background:#1f1c18;border-color:#5c5850;color:#a39f98}
:root{--bg:#161411;--panel:#221f1b;--line:#ffffff12;--text:#c7ba9e;--muted:#a39f98;--gold:#d8c094;--green:#8bd7b2}
.portal-class-portrait{display:inline-block;width:38px;height:38px;flex-shrink:0;border-radius:50%;border:1px solid #ffffff24;background-image:url('assets/mu-art/classes-remade.png');background-size:400% 200%;background-position:var(--portrait-x) var(--portrait-y)}
body,body.mu-home-active{background:radial-gradient(ellipse at 50% 0,#2e2a25,#151310 680px,#100e0c);font-family:Inter,Arial,sans-serif;color:var(--text)}
body header>nav>a,body.mu-home-active header>nav>a{font-family:Cinzel,Georgia,serif;font-weight:500;font-size:12px;color:#c1b8a5;letter-spacing:.03em}
body header>nav>a.active,body.mu-home-active header>nav>a.active{color:#ffe3a7}
body header>nav>a:hover,body.mu-home-active header>nav>a:hover{color:#efd9ac}
header .account-links{font-size:12px;flex-wrap:wrap;justify-content:flex-end}
#main{max-width:1328px;padding-top:38px}
#main h1{font-family:Inter,Arial,sans-serif;font-size:38px;font-weight:600;line-height:1.2;letter-spacing:-.03em;color:#c0b8a5}
#main .titan-home .home-banner h1{font-family:Cinzel,Georgia,serif;font-size:28px;font-weight:500;letter-spacing:.02em;color:#fff0d2}
#main h2,#main h3,#main .serif{font-family:Inter,Arial,sans-serif;letter-spacing:0;font-weight:500}
#main .page-intro{margin-bottom:28px;padding:0;background:none;border:0}
#main .page-intro h1{font:600 38px/1.2 Inter,Arial,sans-serif;color:#c0b8a5;letter-spacing:-.03em;max-width:900px}
#main .page-intro p{font-size:13px;line-height:1.7;color:#a39f98;margin-top:10px;max-width:720px}
#main .page-intro .eyebrow{font-size:10px;letter-spacing:.15em;color:#a39f98;margin-bottom:10px}
#main .page-intro .eyebrow:before{display:none}
#main .panel,#main .realm-ranking-panel,#main .guide-card,#main .monster-card,#main .event-card,#main .reference-card,#main .achievement-card{background:#221f1b;border:1px solid #ffffff12;border-radius:6px;box-shadow:none}
#main .section-head{border-color:#ffffff12}
#main .section-head h2,#main .panel h2{font-size:17px;color:#c0b8a5;text-shadow:none}
#main .panel h3{color:#c0b8a5}
#main .toolbar{gap:14px;margin-bottom:20px}
#main input:not([type=checkbox]):not([type=range]),#main select,dialog input,dialog select{background:#1f1c18;border:1px solid #ffffff20;color:#c9bb9c;border-radius:5px;padding:10px 13px;font-size:12px;min-width:0}
#main input::placeholder{color:#8d8980}
#main input:focus,#main select:focus,dialog input:focus{outline:1px solid #a7a297}
#main .button,dialog .button{background:#d8c094;color:#23211f;border-color:#d8c094;border-radius:5px;font-family:Inter,Arial,sans-serif;font-size:12px;box-shadow:none;min-height:40px}
#main .button.secondary{background:#292520;color:#c4b9a1;border-color:#ffffff20}
#main .button:hover{filter:brightness(1.08)}
#main .tabs{border-color:#ffffff12;background:transparent;gap:3px}
#main .tabs button{font:500 12px Inter,Arial,sans-serif;padding:15px 14px;color:#a39f98}
#main .tabs button.active{color:#d8c094;border-color:#d8c094}
#main .filter-pills button,#main .ranking-sections a,#main .class-portrait-filters button{background:#24211d;border:1px solid #ffffff14;border-radius:5px;color:#c2bfb8;font:500 12px Inter,Arial,sans-serif}
#main .filter-pills button.active,#main .ranking-sections a.active,#main .class-portrait-filters button.active{background:#383530;border-color:#d8c09460;color:#e7d2ad}
#main table{font-family:Inter,Arial,sans-serif}
#main th{background:#1f1c18;color:#9a968d;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:.06em;padding:15px 16px;border-color:#ffffff12}
#main td{font-family:Inter,Arial,sans-serif;font-size:12px;color:#c0b8a5;padding:15px 16px;border-color:#ffffff0a}
#main tbody tr:nth-child(even){background:#ffffff02}
#main tbody tr:hover{background:#ffffff04}
#main .realm-ranking-table .player-name,#main .player-name{font:600 13px Inter,Arial,sans-serif;color:#c7ba9e}
#main .realm-ranking-table .ranking-guild{color:#c4b9a1}
#main .realm-ranking-table .ranking-status{font-family:Inter,Arial,sans-serif}
#main .realm-ranking-table .offline-duration,#main .realm-ranking-table .player-cell small{font-family:Inter,Arial,sans-serif;color:#9a968d;font-size:10px}
#main .results-label,#main .form-note,#main .guide-breadcrumb{color:#9a968d;font-size:11px;line-height:1.7}
#main .notice,#main .world-callout{background:#292520;border:1px solid #ffffff12;border-radius:6px;box-shadow:none;color:#b0aca3;font-size:12px;line-height:1.7}
#main .world-callout h2{font-size:20px;color:#c7ba9e}
#main .guide-card h3,#main .achievement-card h3,#main .monster-card h3,#main .event-card h3{font-size:16px;color:#c0b8a5}
#main .guide-card p,#main .achievement-card p,#main .monster-card p,#main .event-card p{color:#a39f98;font-size:12px}
#main .guide-card:hover,#main .monster-card:hover,#main .event-card:hover{border-color:#a19c9144;background:#292520}
#main .guide-section h2{font-size:22px;color:#c7ba9e;border-color:#ffffff12}
#main .guide-section p,#main .guide-section li{color:#c0bcb5;font-size:14px;line-height:1.8}
#main .guide-aside .panel{background:#221f1b}
#main .progress{background:#ffffff08}
#main .progress>span{background:#aaa59a}
dialog{background:#221f1b;border:1px solid #ffffff20;border-radius:8px;color:#c9bb9c;box-shadow:0 25px 90px #0009}
dialog h2{font:500 25px Inter,Arial,sans-serif;letter-spacing:-.02em}
dialog p,dialog label{color:#a39f98;font-size:13px}
footer{border-color:#ffffff12;color:#9a968d;font-size:11px}
/* Keep the MU artwork, while matching its surrounding modules. */
#main .titan-home .mu-class-hall{border:1px solid #ffffff12;border-radius:6px;background:#221f1b;box-shadow:none}
#main .titan-home .mu-section-title>span{display:none}
#main .titan-home .mu-section-title h2{font-family:Inter,Arial,sans-serif;font-size:24px;color:#c7ba9e}
#main .titan-home .mu-class-card{border-color:#ffffff18;border-radius:5px;box-shadow:none}
#main .titan-home .mu-class-card>span:last-child{font-family:Inter,Arial,sans-serif;background:#1f1c18}
#main .titan-home .mu-class-card.is-chosen{border-color:#d8c094}
#main .titan-home .home-reason{border:1px solid #ffffff18;border-radius:6px;box-shadow:none}
#main .titan-home .home-reason h3{font-family:Inter,Arial,sans-serif;font-weight:600}
#main .titan-home .stats-bar{background:#23201c;border:1px solid #ffffff12;border-radius:6px;box-shadow:none}
#main .titan-home .stat strong{font-family:Inter,Arial,sans-serif;color:#c0b8a5}
#main .titan-home .section-head h2{font-size:20px;color:#c7ba9e}
#main .titan-home .home-guide-card{border:1px solid #ffffff12;border-radius:6px}
/* Server settings use the same restrained presentation as Statistics. */
#main .realm-codex .codex-hero{background:none;border:0;box-shadow:none;padding:0;min-height:0;overflow:visible}
#main .codex-hero h1{font:600 38px/1.2 Inter,Arial,sans-serif;color:#c0b8a5;letter-spacing:-.03em;text-shadow:none}
#main .codex-hero .eyebrow{font-size:10px;color:#a39f98;letter-spacing:.15em}
#main .codex-hero .eyebrow:before{display:none}
#main .codex-hero p{font-size:13px;color:#a39f98}
#main .codex-summary{border:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0;margin-top:28px}
#main .codex-summary>span{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px;background:#23201c;border:1px solid #ffffff12;border-radius:6px;font-size:9px;color:#9a968d}
#main .codex-summary strong{font:500 25px Inter,Arial,sans-serif;color:#c7ba9e}
#main .codex-sidebar{background:#221f1b;border:1px solid #ffffff12;box-shadow:none;border-radius:6px}
#main .codex-sidebar-title{color:#a39f98;border-color:#ffffff12}
#main .codex-location{background:transparent;border-color:#ffffff12}
#main .codex-location strong{font:500 20px Inter,Arial,sans-serif;color:#c7ba9e}
#main .codex-number,#main .codex-diamond{display:none}
#main .realm-codex .server-info-section{background:#221f1b;border:1px solid #ffffff12;border-radius:6px;box-shadow:none;padding:0 22px 18px}
#main .realm-codex .server-info-section h2{font:500 16px Inter,Arial,sans-serif;color:#c0b8a5;border-color:#ffffff12;padding:22px 0 18px}
#main .realm-codex .info-configured-value{color:#d8c094;font-size:12px}
#main .realm-codex .server-info-section dt{font-size:12px}
#main .info-section-links button>span{font:10px Inter,Arial,sans-serif;color:#8d8980}
#main .info-section-links button>b{color:#9a968d}
#main .realm-codex .info-section-links button:hover{background:#ffffff04;color:#c7ba9e}
@media(min-width:761px){body .menu-toggle{display:none}}
@media(max-width:1150px){body header>nav>a,body.mu-home-active header>nav>a{font-size:11px;padding-left:15px;padding-right:15px}}
@media(max-width:760px){#main{padding-top:28px}#main h1,#main .page-intro h1,#main .codex-hero h1{font-size:31px}#main .titan-home .home-banner h1{font-size:25px}body header>nav>a,body.mu-home-active header>nav>a{font-size:11px;padding:13px 8px}#main .codex-summary{grid-template-columns:1fr 1fr;gap:12px}#main .codex-summary>span{padding:18px}#main .toolbar{flex-wrap:wrap}#main .toolbar input{flex:1;min-width:160px}#main .realm-codex .server-info-section{padding:0 16px 14px}#main th,#main td{padding:13px 12px}}

/* ==================== polish.css ==================== */
/* Final surface and homepage hierarchy polish. */

.home-online-badge{display:flex;align-items:center;gap:9px;width:max-content;padding:8px 12px;margin:15px 0 0;background:#1b1814c9;border:1px solid #ffffff1d;border-radius:5px;backdrop-filter:blur(6px);font-size:10px;letter-spacing:.06em;color:#c2b9a3}
.home-online-dot{width:6px;height:6px;border-radius:50%;background:#64e597;box-shadow:0 0 9px #64e59755}
#main .home-online-badge strong{font-size:20px;line-height:1.2;font-weight:650;color:#64e597;letter-spacing:0;font-variant-numeric:tabular-nums}
.home-quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:12px 0 0}
.home-quick-links>a{font-size:12px;color:#d8c094;padding:16px 0;display:block;border-bottom:1px solid #ffffff12}
.home-quick-links>a>span{display:block;font-size:10px;color:#a39f98;margin-bottom:7px}
@media(max-width:760px){.home-quick-links{grid-template-columns:1fr;gap:0}}
#main .titan-home .home-banner{border-radius:8px;border-color:#bea16a69;box-shadow:0 20px 55px #0005;min-height:465px;background-image:linear-gradient(90deg,#17141070,transparent 60%),url('assets/mu-art/hero-remade.png')}
#main .titan-home .home-banner:after{border-color:#e4c58a24;border-radius:4px}
#main .titan-home .home-banner-copy{padding:32px 40px;max-width:530px}
#main .titan-home .home-banner .eyebrow{color:#dec28d;font-size:9px;letter-spacing:.22em}
#main .titan-home .home-banner p{font-size:12px;color:#c1b8a4;line-height:1.8}
#main .titan-home .home-banner .hero-actions{gap:12px}
#main .titan-home .home-banner .button[data-download]{background:linear-gradient(135deg,#f4dfab,#c8a362);border:1px solid #f3dfb3;border-radius:4px;color:#21190f;font-family:Cinzel,Georgia,serif;letter-spacing:.04em;min-height:47px;font-size:12px;padding:12px 28px;box-shadow:0 5px 25px #bd8f3828,inset 0 1px #fff5;transition:transform .2s,box-shadow .2s}
#main .titan-home .home-banner .button[data-download]:hover{transform:translateY(-2px);box-shadow:0 7px 32px #d5ac5550}
#main .titan-home .home-banner .button.secondary{background:#2a261fa8;backdrop-filter:blur(8px);border-color:#c7ba9e36;min-height:47px;border-radius:4px}
#main .titan-home .home-return{font-size:10px;color:#b9b5ad;margin-top:17px}
.home-feature-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 13px;font-size:9px;letter-spacing:.18em;color:#a39f98}
.home-feature-heading>a{font-size:11px;letter-spacing:0;color:#d8c094}
#main .titan-home .home-reasons{gap:16px}
#main .titan-home .home-reason{min-height:220px;padding:27px 24px;background-image:url('assets/mu-art/features-remade.png');background-size:300% auto;border-color:#ffffff1d;box-shadow:0 8px 24px #0002;transition:transform .2s,border-color .2s}
#main .titan-home .home-reason-catchup{background-position:0% 44%}
#main .titan-home .home-reason-systems{background-position:50% 42%}
#main .titan-home .home-reason-client{background-position:100% 34%}
#main .titan-home .home-reason:before{background:linear-gradient(90deg,#181612ee,#181612a6 65%,#18161233),linear-gradient(0deg,#15130fe0,transparent 65%)}
#main .titan-home .home-reason:hover{transform:translateY(-3px);border-color:#c2a26b60}
#main .titan-home .home-reason-number{font-size:8px;letter-spacing:.14em;color:#b8a98d}
#main .titan-home .home-reason h3{font-size:27px;letter-spacing:-.025em;margin-top:15px;line-height:1.15;color:#f0e5ce}
#main .titan-home .home-reason-client h3{font-size:39px;color:#ddc288}
#main .titan-home .home-reason p{font-size:11px;max-width:220px;line-height:1.7;margin-top:10px;color:#c3b9a2}
#main .titan-home .home-reason>a,#main .titan-home .home-reason>button{font-size:10px;color:#dfcaa2;margin-top:16px;border:0}
#main .titan-home .home-settings-link{display:none}
#main .titan-home .mu-class-hall{background:transparent;padding:26px 0 0;border:0;box-shadow:none;margin:12px 0 24px}
#main .titan-home .mu-section-title{justify-content:flex-start;text-align:left;margin-bottom:17px}
#main .titan-home .mu-section-title small{font-size:8px;letter-spacing:.18em;color:#a39f98}
#main .titan-home .mu-section-title h2{font-size:23px;margin-top:7px}
#main .titan-home .mu-class-lineup{gap:12px}
#main .titan-home .mu-class-card{padding:0;background:#221f1b;border:1px solid #ffffff14;transition:transform .2s,border-color .2s,box-shadow .2s}
#main .titan-home .mu-class-card .mu-portrait{filter:brightness(.85) saturate(.85)}
#main .titan-home .mu-class-card:hover .mu-portrait,#main .titan-home .mu-class-card.is-chosen .mu-portrait{filter:brightness(1.08) saturate(1.05)}
#main .titan-home .mu-class-card.is-chosen{border-color:#d8c094a1;box-shadow:0 0 0 1px #d8c09422,0 6px 25px #0004;transform:translateY(-3px)}
#main .titan-home .mu-class-card>span:last-child{background:#24211d;font-size:10px;border-top-color:#ffffff12;min-height:39px}
#main .titan-home .mu-class-description{justify-content:flex-start;padding:17px 0 15px;border-bottom:1px solid #ffffff12;font-size:11px;gap:18px}
#main .titan-home .mu-class-description strong{font:500 12px Inter,Arial,sans-serif;color:#d8c094}
#main .titan-home .mu-class-description>a{margin-left:auto}
#main .titan-home .stats-bar{margin:20px 0 35px;background:linear-gradient(110deg,#2f2b25,#221f1b);border-color:#ffffff12}
#main .titan-home .stat{padding:24px}
#main .titan-home .stat strong{font-size:26px;font-weight:500;margin-bottom:3px}
#main .titan-home .stat label{font-size:10px;color:#a39f98}
#main .titan-home .section-head .eyebrow{font-size:8px;color:#a39f98;letter-spacing:.15em;margin-bottom:6px}
#main .titan-home .section-head .eyebrow:before{display:none}
#main .titan-home .section-head{border:0;padding:0;margin-bottom:18px}
#main .titan-home .news-row{padding:23px;border-color:#ffffff0b}
#main .titan-home .news-copy h3{font-size:14px;color:#c7ba9e}
#main .titan-home .news-copy p{font-size:11px;color:#a39f98}
#main .titan-home .news-date strong{font-family:Inter,Arial,sans-serif;font-size:22px}
#main .titan-home .news-row button{border-color:#ffffff18;color:#c0b8a5;border-radius:4px;font-size:11px}
#main .titan-home .home-guide-card{background:linear-gradient(100deg,#231f1af2,#231f1aaa),url('assets/mu-art/hero-remade.png') center/cover!important}
#main .titan-home .home-guide-card h2{line-height:1.45}
#main .panel,#main .guide-card,#main .reference-card{transition:border-color .2s}
#main .panel:hover{border-color:#ffffff24}
button:focus-visible,a:focus-visible{outline:2px solid #c8b18b;outline-offset:4px}
@media(max-width:760px){#main .titan-home .home-banner{min-height:465px;background-image:linear-gradient(90deg,#171410cf,#17141070 70%,#17141030),url('assets/mu-art/hero-remade.png')}#main .titan-home .home-banner-copy{padding:28px!important}.home-feature-heading{margin-top:23px}#main .titan-home .home-reason{min-height:185px;padding:24px}#main .titan-home .mu-class-lineup{gap:8px}#main .titan-home .mu-class-description{flex-wrap:wrap;gap:7px 15px}#main .titan-home .mu-class-description>a{margin-left:0}#main .titan-home .stat{padding:18px}#main .titan-home .stat strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){#main .titan-home button,#main .titan-home article{transition:none}}
#main .titan-home .home-banner-copy{max-width:580px}
#main .titan-home .home-banner .hero-actions{margin-top:22px;gap:14px}
#main .titan-home .home-banner .button[data-download],#main .titan-home .home-banner .button[data-account="register"]{min-height:58px;padding:16px 28px;font:600 15px Inter,Arial,sans-serif;letter-spacing:.02em;min-width:190px}
#main .titan-home .home-banner .button[data-download]{background:linear-gradient(#ffe4a2,#d8ad59);box-shadow:0 0 32px #d4a34a40,inset 0 1px #fff8;color:#221a0d}
#main .titan-home .home-banner .button[data-account="register"]{background:linear-gradient(#d8c18d,#c9bb9c);border:1px solid #ddc288;color:#2c2822;box-shadow:0 5px 22px #0005}
#main .titan-home .home-hero-rates{font-size:11px;gap:18px}
#main .titan-home .home-hero-rates strong{font-size:25px}
#main .titan-home .home-reason{min-height:245px;padding:28px 24px}
#main .titan-home .home-reason h3{font-size:36px;line-height:1.1;font-weight:750;letter-spacing:-.03em;max-width:300px}
#main .titan-home .home-reason-client h3{font-size:52px}
#main .titan-home .home-reason-number{font-size:10px}
#main .titan-home .home-reason p{font-size:13px;max-width:280px}
#main .titan-home .home-reason>a,#main .titan-home .home-reason>button{font-size:12px}
@media(max-width:1000px){#main .titan-home .home-reason h3{font-size:30px}#main .titan-home .home-reason-client h3{font-size:46px}}
@media(max-width:760px){#main .titan-home .home-banner .hero-actions{flex-direction:column;align-items:stretch;max-width:300px}#main .titan-home .home-banner .button[data-download],#main .titan-home .home-banner .button[data-account="register"]{min-height:56px;min-width:0;width:100%;font-size:15px}#main .titan-home .home-hero-rates{font-size:9px;gap:12px}#main .titan-home .home-hero-rates strong{font-size:21px}#main .titan-home .home-reason{min-height:230px}#main .titan-home .home-reason h3{font-size:36px}#main .titan-home .home-reason-client h3{font-size:52px}}

#main .titan-home .home-banner p{font-size:15px;color:#d3bf92;text-shadow:0 2px 8px #000;max-width:390px}
#main .titan-home .home-banner h1{font-size:32px;color:#fff1d1}
#main .titan-home .home-banner .eyebrow{font-size:11px;color:#f3d7a1}
#main .titan-home .home-return{font-size:12px;color:#d1be94;text-shadow:0 1px 4px #000}
#main .titan-home .home-hero-rates span{color:#d5c090;font-size:12px;text-shadow:0 1px 4px #000}
#main .titan-home .home-reason:before{background:linear-gradient(90deg,#13110ef2,#13110ec7 62%,#13110e40),linear-gradient(0deg,#13110eee,transparent 70%)}
#main .titan-home .home-reason .home-reason-number{color:#e3d4b8;font-size:11px;letter-spacing:.1em}
#main .titan-home .home-reason p{font-size:15px;line-height:1.65;color:#d0be95;max-width:290px;text-shadow:0 1px 4px #000}
#main .titan-home .home-reason>a,#main .titan-home .home-reason>button{font-size:13px;color:#ffe3b0;font-weight:600}
#main .titan-home .home-feature-heading{font-size:11px;color:#c3b9a2}
#main .titan-home .home-feature-heading>a{font-size:12px;color:#f0d7a7}
#main .home-online-badge{font-size:12px;color:#d3bf92;padding:9px 13px}
@media(max-width:760px){#main .titan-home .home-banner h1{font-size:28px}#main .titan-home .home-hero-rates span{font-size:10px}#main .titan-home .home-banner .eyebrow{font-size:10px}}
header>nav>.nav-action{display:flex;align-items:center;justify-content:center;height:100%;padding:0 22px;border:0;border-radius:0;background:transparent;font:500 12px Cinzel,Georgia,serif;letter-spacing:.03em;color:#efd9ac;white-space:nowrap;cursor:pointer}
header>nav>.nav-action:hover{background:#c7a15f16;color:#ffe3a7}
header>nav>.nav-action:focus-visible{outline:2px solid #e5c17d;outline-offset:-5px}
.nav-tos{margin-left:5px;font-size:.85em;color:#bdb9b1}
.rules-page .statistics-section p{color:#c1b8a4;line-height:1.7;margin:20px 0}
.rules-page .statistics-section a{color:#e5c17d}
@media(max-width:1150px){header>nav>.nav-action{padding:0 15px;font-size:11px}}
@media(max-width:760px){header>nav>.nav-action{padding:13px 8px;font-size:11px}}

/* ==================== refine.css ==================== */
/* refine.css — loaded last. Tones down generated art, unifies buttons, fixes spacing.
   Images in assets/mu-art/graded/ are colour-graded, softened, grained JPGs (~10x smaller than the PNGs). */

/* ---------- Hero: art becomes atmosphere, not the headline ---------- */
body #main .titan-home .home-banner{
  background-color:#12110f;
  background-image:
    linear-gradient(90deg,#12110ff2 0%,#12110fd9 24%,#12110f80 44%,#12110f10 64%,#12110f00 100%),
    linear-gradient(0deg,#12110f99 0%,#12110f00 30%),
    url('assets/mu-art/graded/hero.jpg');
  background-size:cover,cover,cover;
  background-position:center,center,72% 30%;
  border-color:#bea16a40;
}
body #main .titan-home .home-banner-copy{text-shadow:0 1px 14px #000a}

/* ---------- Buttons: one gold primary, one quiet secondary ---------- */
body #main .button.secondary,
body #main .titan-home .home-banner .button.secondary{
  background:#161412cc;
  background-image:none;
  color:#ecdcb9;
  border:1px solid #cfac7599;
  backdrop-filter:blur(6px);
  box-shadow:none;
  text-shadow:none;
}
body #main .button.secondary:hover{background:#cfac751f;border-color:#e6c891}
header .account-links .button{
  font-family:Inter,Arial,sans-serif;
  font-weight:600;
  letter-spacing:.01em;
  border-radius:4px;
  box-shadow:none;
}

/* ---------- Feature cards: one image each, no sprite bleed ---------- */
body #main .titan-home .home-reason{
  background-size:cover;
  background-repeat:no-repeat;
  border-color:#ffffff1a;
}
body #main .titan-home .home-reason-catchup{background-image:url('assets/mu-art/graded/feature-catchup.jpg');background-position:right 30%}
body #main .titan-home .home-reason-systems{background-image:url('assets/mu-art/graded/feature-systems.jpg');background-position:right 35%}
body #main .titan-home .home-reason-client{background-image:url('assets/mu-art/graded/feature-client.jpg');background-position:right 25%}
/* existing ::before in polish.css provides the text-side shade */
body #main .titan-home .home-reason-client h3{color:#e9e6df;text-shadow:none}

/* guide card reuses the hero art — keep it dim */
body #main .titan-home .home-guide-card{background:linear-gradient(100deg,#191714f5,#191714c8),url('assets/mu-art/graded/hero.jpg') 70% 30%/cover!important}
.realm-codex .codex-hero{background:linear-gradient(90deg,#1c1915f8,#1c1915c0 55%,#1c191560),url('assets/mu-art/graded/hero.jpg') 72% 30%/cover}

/* class portraits (rankings, class picker) */
.mu-class-card .mu-portrait,
.mu-class-card.is-chosen .mu-portrait,
.portal-class-portrait{background-image:url('assets/mu-art/graded/classes.jpg')}

/* ---------- Spacing / rhythm on home ---------- */
.titan-home .home-why{margin-bottom:56px}
.titan-home .home-content-grid{margin-bottom:56px}
.titan-home .section-head{margin-bottom:16px}

/* hide the online badge until live data fills it */
.home-online-badge:has(#home-online-count:empty){display:none}

@media(max-width:760px){
  body #main .titan-home .home-banner{
    background-image:
      linear-gradient(90deg,#12110fe6 0%,#12110fa0 70%,#12110f60 100%),
      linear-gradient(0deg,#12110fcc 0%,#12110f00 45%),
      url('assets/mu-art/graded/hero.jpg');
    background-position:center,center,64% 30%;
  }
  .titan-home .home-why,.titan-home .home-content-grid{margin-bottom:36px}
}

/* legacy .hero (rendered briefly by app.js before home-redesign.js replaces it) — avoid the 2.4 MB hero.png download */
.hero{background-image:url('assets/mu-art/graded/hero.jpg')}

/* ---------- Lower row: guides gets its own heading so both columns line up ---------- */
#main .titan-home .home-lower-grid{align-items:stretch}
.titan-home .home-lower-grid>section{display:flex;flex-direction:column}
.titan-home .home-lower-grid>section>.panel{flex:1}
body #main .titan-home .home-guide-card{display:flex;flex-direction:column;justify-content:center;margin:0}
body #main .titan-home .home-guide-card h2{margin-top:0}

/* ---------- Keyboard focus that is visible on the dark theme ---------- */
#main a:focus-visible,#main button:focus-visible,header a:focus-visible,header button:focus-visible{outline:2px solid #e6c891;outline-offset:3px;border-radius:3px}

/* ---------- Hero copy ---------- */
.home-hero-links{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:4px}
.home-hero-links .home-return{margin:0}
body #main .titan-home .home-banner h1{font-size:clamp(28px,3vw,42px);line-height:1.15;margin-bottom:10px}
body #main .titan-home .home-banner p{max-width:440px}


/* ---------- Next events (live countdown) ---------- */
.home-events-panel{display:flex;flex-direction:column}
.home-events-list{flex:1}
.home-event{color:inherit;transition:background .15s}
.home-event:hover{background:#ffffff08}
.home-event h3{margin:0;font-size:14px}
.home-event p{margin:2px 0 0;font-size:12px;color:var(--muted)}
.home-event .event-icon{width:38px;height:38px;margin:0;flex-shrink:0}
.home-event .time{display:flex;flex-direction:column;align-items:flex-end;line-height:1.3}
.home-event .time strong{font-weight:600;color:#e6c891;font-size:13px}
.home-event .time small{color:var(--muted);font-size:11px}
.home-event.is-next{box-shadow:inset 3px 0 0 #cfac75;background:#cfac750d}
.home-events-panel .realm-status strong{color:#e9e6df;font-weight:600;font-variant-numeric:tabular-nums}
.titan-home .home-content-grid{align-items:stretch}
.titan-home .home-content-grid>section{display:flex;flex-direction:column}
.titan-home .home-content-grid>section>.panel{flex:1}

/* ---------- Discord ---------- */
.home-discord{display:flex;flex-direction:column;gap:16px;padding:26px;margin:0;background:linear-gradient(135deg,#332f28,#1d1b17 70%)!important;border-color:#5865f240!important}
.home-discord-top{display:flex;align-items:center;gap:14px}
.home-discord-logo{width:42px;height:42px;padding:9px;border-radius:12px;background:#5865f2;color:#fff;flex-shrink:0}
.home-discord-top strong{display:block;font-size:17px;color:#fff}
.home-discord-online{display:flex;align-items:center;gap:7px;font-size:12px;color:#c7ba9e}
.home-discord-online i{width:7px;height:7px;border-radius:50%;background:#3ba55d;box-shadow:0 0 8px #3ba55d}
.home-discord-members{display:flex}
.home-discord-members img{width:32px;height:32px;border-radius:50%;border:2px solid #25221e;margin-right:-8px;background:#433f38}
.home-discord p{margin:0;font-size:13px;line-height:1.7;color:#c0b8a5}
body #main .home-discord .home-discord-join{align-self:flex-start;width:auto;margin:auto 0 0;background:#5865f2;border-color:#5865f2;color:#fff;border-radius:4px;min-height:44px}
body #main .home-discord .home-discord-join:hover{background:#4752c4}
.home-discord-note{font-size:12px;color:#a7a299}

/* ---------- Header: account area ---------- */
header .account-links{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.acct-link{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border:1px solid #ffffff14;border-radius:6px;background:#ffffff06;color:#d9d3c5;font-size:13px;font-weight:500;transition:border-color .15s,background .15s,color .15s}
.acct-link svg{width:17px;height:17px;color:#cfac75}
.acct-link:hover,.acct-link.is-active{border-color:#cfac7566;background:#cfac7514;color:#f2e2bd}
.acct-admin svg{color:#d8c18d}
.acct-user{display:flex;align-items:center;gap:10px;height:42px;margin-left:8px;padding:0 4px 0 4px;border-left:1px solid #ffffff14;padding-left:16px}
.acct-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#e9cf98,#a8823f);color:#1b140a;font:700 14px/1 Cinzel,Georgia,serif;box-shadow:0 0 0 2px #191714,0 0 0 3px #cfac7555}
.acct-name{display:flex;flex-direction:column;line-height:1.15;font-size:14px;font-weight:600;color:#f1ebdd}
.acct-name small{font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#8f97a3}
.acct-logout{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:6px;background:none;color:#8f97a3;transition:color .15s,border-color .15s,background .15s}
.acct-logout svg{width:18px;height:18px}
.acct-logout:hover{color:#f0a3a3;border-color:#f0a3a333;background:#f0a3a30d}

/* ---------- Header: navigation ---------- */
header:after{display:none}                               /* centred diamond didn't line up with the active item */
header>nav>a{position:relative;letter-spacing:.06em;color:#bdb6a6;transition:color .15s}
header>nav>a:hover{color:#f2e2bd}
header>nav>a.active{color:#f6dca6}
header>nav>a:after{content:'';position:absolute;left:50%;right:50%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#f2ce86,transparent);transition:left .2s,right .2s;display:block}
header>nav>a:hover:after,header>nav>a.active:after{left:14px;right:14px}
header>nav>a.active:after{box-shadow:0 -4px 14px #f7c86b55}

@media(max-width:900px){.acct-link span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.acct-name small{display:none}.acct-link{padding:0 10px}}
@media(max-width:620px){.acct-name{display:none}.acct-user{padding-left:10px;margin-left:2px;gap:6px}.acct-link{height:34px}}

/* ---------- Header: emblem + realm pill ---------- */
header .brand-wrap{grid-column:1;grid-row:1;display:flex;align-items:center;gap:26px;min-width:0}
header .brand{gap:14px}
.brand-emblem{width:40px;height:47px;flex-shrink:0;filter:drop-shadow(0 3px 8px #0009) drop-shadow(0 0 14px #cfa25726);transition:transform .25s}
header .brand:hover .brand-emblem{transform:translateY(-1px) scale(1.03)}
header .brand-title{font-size:24px;letter-spacing:.22em;line-height:1.05}
header .brand-title small{margin-top:4px;line-height:1;letter-spacing:.42em}
.realm-pill{display:flex;align-items:center;gap:0;height:30px;padding:0 4px;border:1px solid #cfac7533;border-radius:999px;background:#171512cc;font-size:11px;letter-spacing:.06em;color:#b9b3a6;white-space:nowrap}
.realm-pill>span{padding:0 10px}
.realm-pill>span+span{border-left:1px solid #ffffff17}
.realm-pill-season{color:#e6c891;text-transform:uppercase;font-weight:600}
.realm-pill-rate strong{color:#f1ebdd;font-weight:600;font-variant-numeric:tabular-nums}
.realm-pill.is-live{border-color:#64e59740}
.realm-pill-dot{width:7px;height:7px;padding:0!important;margin-left:10px;border-radius:50%;background:#64e597;box-shadow:0 0 8px #64e597aa;animation:realm-pulse 2.4s ease-in-out infinite}
.realm-pill-dot+span{border-left:0!important;padding-left:7px!important;color:#9de8bb;text-transform:uppercase;font-weight:600}
@keyframes realm-pulse{50%{opacity:.45}}
@media(prefers-reduced-motion:reduce){.realm-pill-dot{animation:none}}
@media(max-width:1060px){.realm-pill{display:none}}
@media(max-width:760px){.brand-emblem{width:32px;height:38px}header .brand-title{font-size:18px}header .brand{gap:10px}}
@media(max-width:420px){header .brand-title{font-size:16px;letter-spacing:.14em}header .brand-title small{font-size:6.5px;letter-spacing:.3em}.brand-emblem{width:28px;height:33px}header .brand{gap:8px}}

/* ---------- Bigger, more readable header text ---------- */
body header>nav>a,body header>nav>button,body.mu-home-active header>nav>a,body.mu-home-active header>nav>button{font-family:Cinzel,Georgia,serif;background:none;border:0;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.05em;padding:0 20px;color:#d2cab9}
body header>nav>a.active{color:#f6dca6}
body header>nav>a [class],body header>nav>a small{font-size:11px}
.acct-link{font-size:14px;height:40px}
.acct-name{font-size:15px}
.acct-name small{font-size:10.5px}
header .account-links .text-button{font-size:15px}
header .account-links .button{font-size:15px}
.realm-pill{height:32px;font-size:12px}
header .brand-title small{font-size:10px}
@media(max-width:1180px){body header>nav>a,body header>nav>button,body.mu-home-active header>nav>a{font-size:13.5px;padding:0 13px}}
@media(max-width:760px){body header>nav>a,body header>nav>button,body.mu-home-active header>nav>a,body.mu-home-active header>nav>button{font-family:Cinzel,Georgia,serif;background:none;border:0;cursor:pointer;font-size:15px;padding:13px 8px}}

body header>nav>button:hover{color:#f2e2bd}

/* ---------- Hero key facts: EXP · season · players online ---------- */
body #main .titan-home .home-hero-facts{display:flex;flex-wrap:wrap;gap:0;margin:22px 0 26px;padding:0;border:1px solid #cfac7533;border-radius:8px;background:#151310b8;backdrop-filter:blur(6px);width:max-content;max-width:100%}
.home-hero-facts>div{display:flex;flex-direction:column;gap:2px;padding:12px 22px;min-width:120px}
.home-hero-facts>div+div{border-left:1px solid #ffffff14}
.home-hero-facts strong{font:700 26px/1.1 Inter,Arial,sans-serif;color:#f1d79f;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.home-hero-facts span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#aab1bb}
.home-hero-facts .fact-online strong{color:#7ee8a8;display:flex;align-items:center;gap:9px}
.home-hero-facts .fact-online strong:before{content:'';width:8px;height:8px;border-radius:50%;background:#64e597;box-shadow:0 0 9px #64e597aa}
.home-hero-facts .fact-online:has(#home-online-count:empty){display:none}
@media(max-width:620px){body #main .titan-home .home-hero-facts{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:100%}.home-hero-facts>div{padding:10px 12px;min-width:0}.home-hero-facts strong{font-size:17px;white-space:nowrap}.home-hero-facts>div span{white-space:nowrap}.home-hero-facts span{font-size:9px;letter-spacing:.1em}.home-hero-facts .fact-online strong:before{width:6px;height:6px}}

/* ---------- Header: logged-out buttons ---------- */
button.acct-link{font-family:Inter,Arial,sans-serif;cursor:pointer}
.acct-cta{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 20px;border:1px solid #f0d59a;border-radius:6px;cursor:pointer;
  background:linear-gradient(180deg,#f3dba6 0%,#d7ad63 48%,#b98a42 100%);color:#1d1508;font:600 14.5px/1 Inter,Arial,sans-serif;letter-spacing:.01em;
  box-shadow:inset 0 1px 0 #fff6dc,inset 0 -2px 0 #8d652f55,0 4px 14px #cfa25733;transition:filter .15s,box-shadow .15s,transform .15s}
.acct-cta svg{width:18px;height:18px}
.acct-cta:hover{filter:brightness(1.07);box-shadow:inset 0 1px 0 #fff6dc,inset 0 -2px 0 #8d652f55,0 6px 22px #cfa25766;transform:translateY(-1px)}
.acct-cta:active{transform:none}
.acct-login{height:42px}
@media(max-width:620px){.acct-login span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.acct-login{padding:0 10px}.acct-cta{height:38px;padding:0 12px;font-size:13px}.acct-cta svg{display:none}}

/* ---------- Guild marks (8×8 pixel art from the game) ---------- */
.guild-mark{display:inline-block;width:18px;height:18px;margin-right:8px;vertical-align:-4px;flex-shrink:0;border-radius:2px;
  background:#161411 center/100% 100% no-repeat;image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:0 0 0 1px #ffffff1f,0 1px 3px #0008}
.guild-mark:not(.has-mark){visibility:hidden;width:0;margin:0}
.guild-mark-lg{width:40px;height:40px;margin-right:14px;vertical-align:-11px;border-radius:3px;box-shadow:0 0 0 1px #cfac7555,0 2px 8px #000a}
a .guild-mark,.ranking-guild .guild-mark{margin-right:7px}

/* ---------- Registration captcha ---------- */
.captcha-field{margin:4px 0 14px}
.captcha-row{display:flex;align-items:center;gap:10px;margin:6px 0 8px}
.captcha-image svg{display:block;width:180px;height:60px;border-radius:6px;border:1px solid #cfac7533}
.captcha-refresh{width:38px;height:38px;border-radius:6px;border:1px solid #ffffff1f;background:#ffffff08;color:#e6c891;font-size:18px;cursor:pointer}
.captcha-refresh:hover{border-color:#cfac7566;background:#cfac7514}
.captcha-image-field input{text-transform:uppercase;letter-spacing:.3em}
.captcha-loading{font-size:12px;color:var(--muted)}
.captcha-image-field input::placeholder{letter-spacing:.02em;text-transform:none}

/* ---------- Download page ---------- */
.dl-page .page-intro{margin-bottom:26px}
.dl-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;margin-bottom:20px}
.dl-grid .panel{padding:28px}
.dl-grid h2{margin:0 0 16px;font-size:18px}
.dl-soon p{color:#b9bfc8;max-width:520px;margin:14px 0 22px}
.dl-soon-badge{display:inline-block;padding:6px 12px;border:1px solid #cfac7566;border-radius:999px;background:#cfac7514;color:#f1d79f;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.dl-mirrors{display:flex;flex-wrap:wrap;gap:12px}
#main .dl-mirrors .button{width:auto;margin:0;min-width:200px}
.dl-meta{margin:12px 0 0;font-size:13px;color:var(--muted)}
.dl-req dl{margin:0}
.dl-req dl div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #ffffff10;font-size:14px}
.dl-req dt{color:var(--muted)}.dl-req dd{margin:0;color:#ece6d8;text-align:right}
.dl-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.dl-steps li{display:flex;gap:16px;padding:24px}
.dl-num{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1px solid #cfac7577;color:#f1d79f;font:700 16px/1 Cinzel,Georgia,serif}
.dl-steps h3{margin:4px 0 6px;font-size:16px}.dl-steps p{margin:0 0 14px;font-size:13.5px;color:#aeb5bf;line-height:1.6}
#main .dl-steps .button{width:auto;margin:0;min-height:40px;padding:8px 18px}
@media(max-width:860px){.dl-grid,.dl-steps{grid-template-columns:1fr}}
body header>nav>.nav-action{font:600 15px Cinzel,Georgia,serif;letter-spacing:.05em;padding:0 20px;color:#d2cab9;position:relative}
body header>nav>.nav-action.active,body header>nav>.nav-action:hover{color:#f6dca6;background:transparent}
body header>nav>.nav-action:after{content:'';position:absolute;left:50%;right:50%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#f2ce86,transparent);transition:left .2s,right .2s}
body header>nav>.nav-action:hover:after,body header>nav>.nav-action.active:after{left:14px;right:14px}
@media(max-width:1180px){body header>nav>.nav-action{font-size:13.5px;padding:0 13px}}
@media(max-width:760px){body header>nav>.nav-action{font-size:15px;padding:13px 8px}}

/* ---------- Rankings: online toggle + pager ---------- */
.rank-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:18px;width:100%;flex:1 1 100%}
body #main .rank-toolbar #rank-search{flex:1 1 auto;width:auto;max-width:none;min-width:0;margin:0}
.rank-online-toggle{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;height:42px;padding:0 16px;border:1px solid #ffffff17;border-radius:6px;background:#ffffff05;font-size:14px;color:#d6cfc0;cursor:pointer;user-select:none}
.rank-online-toggle input{position:absolute;opacity:0;pointer-events:none}
.rank-switch{position:relative;width:34px;height:19px;border-radius:999px;background:#373531;transition:background .15s}
.rank-switch:after{content:'';position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#aeb5bf;transition:transform .15s,background .15s}
.rank-online-toggle input:checked+.rank-switch{background:#2e7d52}
.rank-online-toggle input:checked+.rank-switch:after{transform:translateX(15px);background:#d9ffe8}
.rank-online-toggle input:focus-visible+.rank-switch{outline:2px solid #e6c891;outline-offset:2px}
.rank-pager{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:18px 0 6px}
.rank-pager:empty{display:none}
.rank-pager button{min-width:38px;height:38px;padding:0 10px;border:1px solid #ffffff17;border-radius:6px;background:#ffffff05;color:#d6cfc0;font:600 14px Inter,Arial,sans-serif;cursor:pointer}
.rank-pager button:hover:not(:disabled){border-color:#cfac7566;color:#f2e2bd}
.rank-pager button.is-current{background:#cfac7522;border-color:#cfac75;color:#f6dca6}
.rank-pager button:disabled{opacity:.35;cursor:default}
.rank-pager-gap{align-self:center;color:var(--muted);padding:0 2px}
@media(max-width:620px){.rank-toolbar{flex-direction:column;align-items:stretch}}

/* ---------- Language switcher (i18n.js) ---------- */
.lang-switch{position:relative;display:flex;align-items:center;margin-left:6px}
.lang-current{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 11px;border:1px solid #ffffff1c;border-radius:6px;background:#ffffff06;color:#d2cab9;font:600 12.5px Inter,Arial,sans-serif;letter-spacing:.06em;cursor:pointer}
.lang-current svg{width:15px;height:15px;color:#cfac75}
.lang-current:hover,.lang-switch.open .lang-current{border-color:#cfac7566;color:#f2e2bd}
.lang-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:170px;margin:0;padding:6px;list-style:none;border:1px solid #cfac7540;border-radius:8px;background:#1b1915;box-shadow:0 12px 30px #000a}
.lang-switch.open .lang-menu{display:block}
.lang-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:5px;background:none;color:#d6cfc0;font:500 14px Inter,Arial,sans-serif;text-align:left;cursor:pointer}
.lang-menu button b{width:24px;color:#8f97a3;font-size:11px;letter-spacing:.06em}
.lang-menu button:hover{background:#ffffff0a;color:#f2e2bd}
.lang-menu button[aria-checked="true"]{background:#cfac751a;color:#f6dca6}
.lang-menu button[aria-checked="true"] b{color:#e6c891}
@media(max-width:760px){.lang-switch{margin:8px 8px 4px}.lang-menu{left:0;right:auto}}

/* ---------- Market (market.js) ---------- */
.mk-howto kbd{display:inline-block;padding:1px 7px;border:1px solid #cfac7566;border-radius:4px;background:#cfac7514;color:#f1d79f;font:600 12px Inter,Arial,sans-serif}
.mk-tabs{margin:18px 0 16px}
.mk-toolbar{display:flex;gap:12px;margin-bottom:18px}
body #main .mk-toolbar input{flex:1 1 auto;width:auto;min-width:0;margin:0}
.mk-toolbar select{height:42px;padding:0 12px;border:1px solid #ffffff1c;border-radius:6px;background:#1b1916;color:#e2dccd;font:500 14px Inter,Arial,sans-serif}
.mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.mk-card{display:flex;flex-direction:column;padding:0;overflow:hidden;transition:border-color .15s,transform .15s}
.mk-card:hover{border-color:#cfac7566;transform:translateY(-2px)}
.mk-img{display:grid;place-items:center;height:120px;background:radial-gradient(ellipse at center,#2d2924,#161411 70%);border-bottom:1px solid #ffffff10}
.mk-img img{max-width:90px;max-height:96px;image-rendering:auto;filter:drop-shadow(0 4px 10px #000a)}
.mk-body{flex:1;padding:14px 16px 6px}
.mk-body h3{margin:0 0 6px;font-size:15px;color:#ece6d8}
.mk-card.is-exc h3,.mk-sale-item.is-exc{color:#7ee8a8}
.mk-card.is-anc h3,.mk-sale-item.is-anc{color:#ddc288}
.mk-card.is-high h3,.mk-sale-item.is-high{color:#f1d79f}
.mk-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}
.mk-tag{padding:2px 7px;border-radius:4px;background:#ffffff0d;color:#aeb5bf;font-size:11px}
.mk-opts{margin:4px 0 0;padding:0;list-style:none;font-size:12px;line-height:1.55;color:#ddc288}
.mk-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:12px 16px 14px;border-top:1px solid #ffffff0d}
.mk-price{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.mk-price img{width:22px;height:22px;object-fit:contain}
.mk-price strong{font-size:16px;color:#f1d79f;font-variant-numeric:tabular-nums}
.mk-price small{width:100%;margin-top:-4px;font-size:11px;color:var(--muted)}
.mk-price img+strong+small{margin-left:29px}
.mk-seller{display:flex;flex-direction:column;align-items:flex-end;font-size:13px}
.mk-seller a{color:#e6c891}.mk-seller small{color:var(--muted);font-size:11px}
.mk-empty{padding:30px;text-align:center;color:#aeb5bf}
.mk-sale-item{display:inline-flex;align-items:center;gap:10px;font-weight:600}
.mk-sale-item img{width:32px;height:32px;object-fit:contain}
.mk-sales .mk-price{flex-wrap:nowrap}.mk-sales .mk-price small{width:auto;margin:0}.mk-sales .mk-price img+strong+small{margin:0}
@media(max-width:620px){.mk-toolbar{flex-wrap:wrap}.mk-toolbar select{flex:1}}

/* ---------- Character avatars (avatars.js) ---------- */
.profile-top{position:relative;flex-wrap:wrap}
.profile-top .class-profile-icon.has-avatar,.character-info-portrait img.has-avatar{border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #191714,0 0 0 3px #cfac7599,0 6px 18px #000a}
.character-info-portrait img.has-avatar{width:128px;height:128px}
.avatar-controls{display:flex;align-items:center;gap:8px;margin-left:auto}
.avatar-controls .acct-link{cursor:pointer;font-family:Inter,Arial,sans-serif}
.avatar-status{font-size:13px;color:#aeb5bf}
.char-avatar-mini{width:24px;height:24px;margin-right:8px;border-radius:50%;object-fit:cover;vertical-align:-7px;box-shadow:0 0 0 1px #cfac7577}
a.profile-guild{color:inherit;border-bottom:1px dotted #cfac7577}
a.profile-guild:hover{color:#f2e2bd;border-bottom-color:#e6c891}
@media(max-width:620px){.avatar-controls{margin:10px 0 0;width:100%}}

/* ---------- Character info: compact stat tiles + bigger avatar ---------- */
body #main .character-info-identity{grid-template-columns:230px minmax(0,1fr)}
.character-info-identity>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:stretch}
.character-info-identity>div:last-child .character-info-row{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;padding:14px 20px;border-right:1px solid #ffffff08;background:none}
.character-info-identity>div:last-child .character-info-row>span{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#8f97a3}
.character-info-identity>div:last-child .character-info-row>strong{font-size:19px;color:#f1e3c4}
body #main .character-info-portrait img{width:120px;height:120px}
body #main .character-info-portrait.has-avatar img,body #main .character-info-portrait img.has-avatar{width:170px;height:170px;border-radius:50%;object-fit:cover;filter:none}
body #main .profile-top .class-profile-icon.has-avatar{width:84px;height:84px}
@media(max-width:760px){body #main .character-info-identity{grid-template-columns:1fr}.character-info-identity>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}body #main .character-info-portrait{border-right:0;border-bottom:1px solid #383e36}body #main .character-info-portrait.has-avatar img{width:140px;height:140px}}

/* ---------- Account panel (account-panel.js) ---------- */
.acct-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:26px;align-items:start}
.acct-side{position:sticky;top:20px;padding:10px;border:1px solid #ffffff14;border-radius:8px;background:#1a1814}
.acct-side-head{display:flex;align-items:center;gap:12px;padding:10px 10px 14px;margin-bottom:8px;border-bottom:1px solid #ffffff10}
.acct-side-head small{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8f97a3}
.acct-side-head strong{color:#f1ebdd}
.acct-side nav{display:flex;flex-direction:column;align-items:stretch;gap:2px;height:auto;margin:0;padding:0;position:static;background:none;border:0}
.acct-side nav a{height:auto;white-space:normal;letter-spacing:0;font-family:Inter,Arial,sans-serif;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:6px;color:#cfc8b9;font-size:14px}
.acct-side nav a svg{width:18px;height:18px;flex-shrink:0;color:#cfac75}
.acct-side nav a:after{display:none!important}
.acct-side nav a:hover{background:#ffffff08;color:#f2e2bd}
.acct-side nav a.active{background:#cfac751a;color:#f6dca6}
.acct-side nav a em{margin-left:auto;padding:2px 6px;border-radius:4px;background:#ffffff0d;color:#8f97a3;font-size:10px;font-style:normal}
.acct-dot{width:8px;height:8px;margin-left:auto;border-radius:50%;background:#64e597;box-shadow:0 0 8px #64e597}
.acct-content{min-width:0}
.acct-content .acct-intro{margin-bottom:20px}
.acct-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.acct-tile{display:block;padding:22px;color:inherit;transition:border-color .15s,transform .15s}
.acct-tile:hover{border-color:#cfac7566;transform:translateY(-2px)}
.acct-tile svg{width:26px;height:26px;color:#cfac75}
.acct-tile h3{margin:12px 0 4px;font-size:16px;color:#ece6d8}
.acct-tile p{margin:0;font-size:13px;color:#aeb5bf}
.acct-tile em{display:inline-block;margin-top:10px;color:#e6c891;font-size:11px;font-style:normal;letter-spacing:.06em;text-transform:uppercase}
.acct-form{padding:24px}
.acct-content>.acct-form{max-width:520px}
.acct-form h2,.acct-tickets h2{margin:0 0 6px;font-size:17px}
#main .acct-form .button{width:auto;margin-top:20px;padding:10px 24px}
.form-field textarea,.form-field select{display:block;width:100%;margin-top:6px;padding:11px;background:#141312;color:var(--text);border:1px solid #414044;border-radius:3px;font:inherit;resize:vertical}
.acct-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.acct-form .form-status{margin-top:12px;font-size:13px;color:#e6c891}
.acct-grid2{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start}
.acct-tickets{padding:24px}
.acct-tickets ul{margin:12px 0 0;padding:0;list-style:none}
.acct-tickets li a{display:flex;align-items:center;gap:10px;padding:12px;margin:0 -12px;border-radius:6px;color:inherit}
.acct-tickets li a:hover{background:#ffffff08}
.acct-tickets li a>span:first-child{flex:1;min-width:0}
.acct-tickets li strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ece6d8}
.acct-tickets li small{color:#8f97a3;font-size:12px}
.acct-tickets .acct-dot{margin-left:0}
.acct-badge{flex-shrink:0;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600}
.acct-badge.is-open{background:#cfac751f;color:#f1d79f}
.acct-badge.is-answered{background:#2e7d5233;color:#8ee8b2}
.acct-badge.is-closed{background:#ffffff10;color:#8f97a3}
.acct-muted{color:#8f97a3;font-size:13px}
.acct-thread{display:flex;flex-direction:column;gap:12px;margin:14px 0 18px}
.acct-msg{max-width:78%;padding:14px 16px;border:1px solid #ffffff14;border-radius:10px;background:#1e1c18}
.acct-msg.is-staff{align-self:flex-end;border-color:#cfac7544;background:#1b1a14}
.acct-msg-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:6px;font-size:12px;color:#8f97a3}
.acct-msg.is-staff .acct-msg-head strong{color:#e6c891}
.acct-msg p{margin:0;font-size:14px;line-height:1.6;color:#e2dccd;overflow-wrap:anywhere}
.acct-empty{padding:26px;text-align:center;color:#aeb5bf}
.acct-avatars{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.acct-avatar-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 16px;text-align:center}
.acct-avatar-img{display:grid;place-items:center;width:112px;height:112px;margin-bottom:6px;border-radius:50%;background:radial-gradient(ellipse,#36332e,#1d1b17 70%);box-shadow:0 0 0 1px #ffffff1a}
.acct-avatar-img img{width:76px;height:76px;object-fit:contain}
.acct-avatar-img.has-avatar{box-shadow:0 0 0 2px #191714,0 0 0 3px #cfac7599}
.acct-avatar-img.has-avatar img{width:112px;height:112px;border-radius:50%;object-fit:cover}
.acct-avatar-card small{color:#8f97a3;font-size:12px}
.acct-avatar-actions{display:flex;gap:8px;margin-top:8px}
.acct-avatar-actions .acct-link{height:34px;cursor:pointer;font-family:Inter,Arial,sans-serif}
.acct-soon{padding:26px}
.acct-soon p{max-width:560px;color:#b9bfc8}
.acct-packages{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin:18px 0 10px;opacity:.6}
.acct-package{display:flex;flex-direction:column;align-items:center;padding:16px;border:1px dashed #cfac7555;border-radius:8px}
.acct-package strong{font-size:22px;color:#f1d79f}.acct-package small{color:#8f97a3}.acct-package span{margin-top:8px;font-weight:600}
.acct-toggles{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px;max-width:420px}
.rank-online-toggle.is-disabled{opacity:.55;cursor:not-allowed;width:100%}
@media(max-width:900px){.acct-shell{grid-template-columns:1fr}.acct-side{position:static}.acct-side nav{flex-direction:row;flex-wrap:wrap;gap:4px}.acct-side nav a{padding:8px 10px}.acct-grid2{grid-template-columns:1fr}.acct-msg{max-width:100%}}

/* ---------- Bigger avatars ---------- */
.char-avatar-mini{width:40px!important;height:40px!important;margin-right:12px!important;vertical-align:middle!important;box-shadow:0 0 0 2px #191714,0 0 0 3px #cfac7599!important}
.realm-ranking-table .player-name{display:inline-flex;align-items:center}
body #main .profile-top .class-profile-icon.has-avatar{width:120px!important;height:120px!important;box-shadow:0 0 0 3px #191714,0 0 0 4px #cfac75cc,0 10px 30px #000b}
body #main .character-info-identity{grid-template-columns:280px minmax(0,1fr)}
body #main .character-info-portrait.has-avatar img,body #main .character-info-portrait img.has-avatar{width:220px!important;height:220px!important;box-shadow:0 0 0 3px #191714,0 0 0 4px #cfac75cc,0 12px 34px #000c}
.acct-avatar-img,.acct-avatar-img.has-avatar img{width:150px!important;height:150px!important}
@media(max-width:760px){body #main .character-info-identity{grid-template-columns:1fr}body #main .profile-top .class-profile-icon.has-avatar{width:90px!important;height:90px!important}body #main .character-info-portrait.has-avatar img{width:180px!important;height:180px!important}}
/* compact stat tiles next to the avatar */
.character-info-identity>div:last-child{align-self:center;align-content:center;gap:8px;padding:16px}
.character-info-identity>div:last-child .character-info-row{min-height:0;padding:9px 14px!important;border:1px solid #ffffff0d!important;border-radius:6px;background:#ffffff04!important}
.character-info-identity>div:last-child .character-info-row>span{font-size:10px!important}
.character-info-identity>div:last-child .character-info-row>strong{font-size:15px!important}
/* stat tiles: medium size */
.character-info-identity>div:last-child{gap:12px;padding:22px}
.character-info-identity>div:last-child .character-info-row{padding:16px 20px!important;gap:6px!important}
.character-info-identity>div:last-child .character-info-row>span{font-size:11.5px!important}
.character-info-identity>div:last-child .character-info-row>strong{font-size:20px!important}
/* avatar box: show the whole picture, no class label under it */
body #main .character-info-identity{grid-template-columns:300px minmax(0,1fr)}
body #main .character-info-portrait.has-avatar{padding:24px}
body #main .character-info-portrait.has-avatar span{display:none}
body #main .character-info-portrait.has-avatar img,body #main .character-info-portrait img.has-avatar{width:250px!important;height:250px!important;border-radius:28px!important}
/* class + guild under the name */
body #main .profile-top p{font-size:17px;font-weight:600;color:#e2d6bd;letter-spacing:.01em}
body #main .profile-top p .profile-guild{color:#f1d79f;border-bottom-color:#e6c89188}
body #main .profile-top p .guild-mark{width:22px;height:22px;vertical-align:-5px}
@media(max-width:760px){body #main .character-info-portrait.has-avatar img{width:200px!important;height:200px!important}}

/* no-avatar placeholder in the character info box */
body #main .character-info-portrait.no-avatar>img,body #main .character-info-portrait.no-avatar>span{display:none}
.no-avatar-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:250px;max-width:100%;aspect-ratio:1;padding:18px;border:1px dashed #cfac7566;border-radius:28px;background:radial-gradient(ellipse at 50% 35%,#37332d,#191714 72%);text-align:center}
.no-avatar-box svg{width:64px;height:64px;color:#cfac7580}
.no-avatar-box strong{font:700 15px/1.2 Cinzel,Georgia,serif;letter-spacing:.18em;color:#e6c891}
.no-avatar-box a{max-width:170px;font-size:12px;line-height:1.45;color:#8f97a3}
.no-avatar-box a:hover{color:#f2e2bd}
body #main .character-info-portrait.no-avatar{padding:24px}

/* ---------- Support: make it easy to find ---------- */
.acct-side nav a.acct-nav-support{border:1px solid #cfac7555;background:#cfac7512;color:#f6dca6}
.acct-side nav a.acct-nav-support.active{background:#cfac7526}
.acct-help-pill{background:#cfac75!important;color:#1d1508!important;font-weight:700}
.acct-support-banner{display:flex;align-items:center;gap:16px;margin-bottom:18px;padding:18px 22px;border:1px solid #cfac7577;border-radius:10px;background:linear-gradient(100deg,#2a2314,#1f1d19 70%);color:inherit;transition:border-color .15s,transform .15s}
.acct-support-banner:hover{border-color:#e6c891;transform:translateY(-1px)}
.acct-support-banner svg{width:34px;height:34px;flex-shrink:0;color:#e6c891}
.acct-support-banner span{flex:1}
.acct-support-banner strong{display:block;font-size:17px;color:#f6dca6}
.acct-support-banner small{color:#b9bfc8;font-size:13px}
.acct-support-banner b{white-space:nowrap;color:#e6c891;font-size:14px}
.acct-support-note{margin:-6px 0 18px;padding:14px 18px;border-left:3px solid #e6c891;border-radius:6px;background:#cfac7514;color:#d6cfc0;font-size:14px;line-height:1.6}
.acct-support-note strong{color:#f6dca6}
.support-fab{position:fixed;right:22px;bottom:22px;z-index:40;display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 20px 0 16px;border:1px solid #f0d59a;border-radius:999px;background:linear-gradient(180deg,#f3dba6,#c99b52);color:#1d1508;font:700 15px Inter,Arial,sans-serif;box-shadow:0 8px 26px #000a,0 0 0 4px #cfac7522;transition:transform .15s,filter .15s}
.support-fab:hover{transform:translateY(-2px);filter:brightness(1.06)}
.support-fab svg{width:20px;height:20px}
.support-fab[hidden]{display:none}
@media(max-width:620px){.support-fab{right:14px;bottom:14px;height:44px;padding:0 14px}.support-fab span{display:none}.acct-support-banner{flex-wrap:wrap}}

/* ---------- Support answer notification ---------- */
.notify-count{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e5484d;color:#fff;font:700 11px/1 Inter,Arial,sans-serif;font-style:normal;box-shadow:0 0 0 2px #191714;animation:notify-pop 1.6s ease-in-out infinite}
header .account-links a[href="#account"],.support-fab{position:relative}
.support-fab{position:fixed}
@keyframes notify-pop{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
.support-toast{position:fixed;right:22px;bottom:86px;z-index:60;display:flex;gap:14px;width:min(400px,calc(100vw - 28px));padding:18px 18px 18px 16px;border:1px solid #e6c891;border-radius:12px;background:linear-gradient(135deg,#2a2314,#1e1c18 65%);box-shadow:0 18px 50px #000c,0 0 0 4px #cfac7522;animation:toast-in .35s ease-out}
@keyframes toast-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.support-toast-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#cfac7526;color:#f1d79f}
.support-toast-icon svg{width:22px;height:22px}
.support-toast-body{flex:1;min-width:0}
.support-toast-body strong{display:block;font-size:16px;color:#f6dca6}
.support-toast-body small{display:block;margin-top:2px;color:#aeb5bf;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.support-toast-body p{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:#0007;color:#e2dccd;font-size:13.5px;line-height:1.5}
.support-toast-actions{display:flex;align-items:center;gap:10px;margin-top:14px}
body .support-toast .button{width:auto;min-height:38px;margin:0;padding:8px 18px;font-size:14px}
.support-toast-later{border:0;background:none;color:#aeb5bf;font:500 14px Inter,Arial,sans-serif;cursor:pointer}
.support-toast-later:hover{color:#f2e2bd}
.support-toast-close{position:absolute;top:8px;right:10px;border:0;background:none;color:#8f97a3;font-size:22px;line-height:1;cursor:pointer}
@media(prefers-reduced-motion:reduce){.notify-count,.support-toast{animation:none}}
@media(max-width:620px){.support-toast{right:14px;bottom:70px}}

/* footer lines up with the page content at every width */
body>footer{width:min(1232px,calc(100% - 56px));max-width:none;margin-left:auto!important;margin-right:auto!important}
@media(max-width:620px){body>footer{width:calc(100% - 40px)}}

/* ---------- Footer (full-width band, sits at the bottom) ---------- */
body{min-height:100vh;display:flex;flex-direction:column}
body>main{flex:1 0 auto;width:100%}
body>header{width:100%;box-sizing:border-box}
body>main{box-sizing:border-box}
body>footer.site-footer{width:100%!important;max-width:none!important;margin:48px 0 0!important;padding:0!important;display:block;border-top:1px solid #cfac7540;background:linear-gradient(180deg,#191714,#0e0c0a);color:#8f97a3;font-size:14px;position:relative}
.site-footer:before{content:'';position:absolute;top:-1px;left:50%;width:min(420px,60%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#e6c891,transparent)}
.ft-inner{width:min(1232px,calc(100% - 56px));margin:0 auto;padding:44px 0 34px;display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:32px}
.ft-logo{display:inline-flex;align-items:center;gap:12px}
.ft-emblem{width:34px;height:40px}
.ft-logo span{font:600 20px/1.05 Cinzel,Georgia,serif;letter-spacing:.22em;color:#e9cc8e}
.ft-logo small{display:block;margin-top:4px;font:500 9px Inter,Arial,sans-serif;letter-spacing:.42em;color:#8f97a3}
.ft-brand p{margin:14px 0 14px;color:#aeb5bf;max-width:300px}
.ft-facts{display:flex;gap:8px;flex-wrap:wrap}
.ft-facts span{padding:4px 10px;border:1px solid #cfac7533;border-radius:999px;font-size:12px;color:#d6cfc0}
.ft-facts b{color:#f1d79f}
.ft-col h4{margin:4px 0 14px;font:600 12px Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#e6c891}
.ft-col a{display:block;width:max-content;padding:4px 0;color:#b9bfc8;transition:color .15s}
.ft-col a:hover{color:#f6dca6}
.ft-col a.ft-discord{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:6px;background:#5865f2;color:#fff;font-weight:600}
.ft-col a.ft-discord:hover{background:#4752c4;color:#fff}
.ft-discord svg{width:18px;height:18px}
.ft-bottom{width:min(1232px,calc(100% - 56px));margin:0 auto;padding:16px 0 22px;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:#6f7884}
@media(max-width:900px){.ft-inner{grid-template-columns:1fr 1fr;gap:28px}.ft-brand{grid-column:1/-1}}
@media(max-width:620px){.ft-inner,.ft-bottom{width:calc(100% - 40px)}.ft-inner{padding-top:34px}.ft-bottom{flex-direction:column;padding-bottom:80px}}
.ft-col a{font:400 14px Inter,Arial,sans-serif;letter-spacing:0;height:auto}
.ft-col a:after{display:none!important}
body>footer.site-footer .ft-col a:not(.ft-discord){color:#b9bfc8}body>footer.site-footer .ft-col a:not(.ft-discord):hover{color:#f6dca6}

/* =================== Statistics page (stat-*) =================== */
.stat-page{display:flex;flex-direction:column;gap:22px}
.stat-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:40px 40px 34px;border:1px solid #cfac7533;border-radius:12px;overflow:hidden;background:linear-gradient(90deg,#161411f7 0%,#161411d9 45%,#16141170 100%),url('assets/mu-art/graded/hero.jpg') 70% 35%/cover}
.stat-hero h1{margin:6px 0 8px;font-size:clamp(32px,4vw,46px)}
.stat-hero p{margin:0;max-width:520px;color:#bbb6aa;font-size:16px;line-height:1.6}
.stat-hero .statistics-refresh{flex-shrink:0;padding:10px 18px;border:1px solid #cfac7566;border-radius:6px;background:#161411cc;color:#f1d79f;cursor:pointer;font:600 14px Inter,Arial,sans-serif}
.stat-hero .statistics-refresh:hover{background:#cfac751f}
.stat-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.stat-metric{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid #ffffff12;border-radius:10px;background:linear-gradient(160deg,#282520,#1b1916)}
.stat-metric i{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border-radius:12px;background:#cfac751a;color:#e6c891}
.stat-metric i svg{width:26px;height:26px}
.stat-metric span{display:block;font-size:13px;color:#aeb5bf}
.stat-metric strong{display:block;margin:2px 0;font:700 32px/1.1 Inter,Arial,sans-serif;color:#f4ecdb;font-variant-numeric:tabular-nums}
.stat-metric small{font-size:12px;color:#7d8794}
.stat-metric.is-online{border-color:#64e59740;background:linear-gradient(160deg,#13281f,#1b1916)}
.stat-metric.is-online i{background:#64e5971f;color:#7ee8a8}
.stat-metric.is-online strong{color:#9df0bf}
.stat-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:22px}
.stat-card{padding:28px 30px!important;border-radius:12px!important}
.stat-card h2{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid #ffffff10;font-size:19px;color:#f1ebdd}
.stat-card h2 svg{width:22px;height:22px;color:#cfac75}
.stat-lead{margin:0 0 18px;color:#aeb5bf;font-size:14px}
.stat-activity{display:flex;flex-direction:column;gap:20px}
.stat-activity-top,.stat-class-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}
.stat-activity-top span{font-size:14px;color:#bbb6aa}
.stat-activity-top strong{font-size:24px;color:#f1d79f;font-variant-numeric:tabular-nums}
.stat-bar{height:8px;border-radius:999px;background:#ffffff0d;overflow:hidden}
.stat-bar span{display:block;height:100%;min-width:4px;border-radius:999px;background:linear-gradient(90deg,#a8823f,#f1d79f)}
.stat-classes{display:flex;flex-direction:column;gap:14px}
.stat-class{position:relative;display:flex;align-items:center;gap:14px}
.stat-portrait{width:44px!important;height:44px!important;border:2px solid #ffffff1a!important}
.stat-class-main{flex:1;min-width:0}
.stat-class-top span{font-size:15px;color:#e2dccd;font-weight:500}
.stat-class-top strong{font-size:15px;color:#f1ebdd;font-variant-numeric:tabular-nums}
.stat-class-top small{margin-left:8px;font-size:12px;font-weight:400;color:#7d8794}
.stat-top{position:absolute;top:-2px;left:58px;transform:translateX(calc(var(--w,0px)));display:none}
.stat-class:first-child .stat-class-top span:after{content:'Most played';margin-left:10px;padding:2px 8px;border-radius:999px;background:#cfac7522;color:#f1d79f;font-size:11px;font-weight:600;vertical-align:1px}
.stat-castle-card{background:linear-gradient(160deg,#1c1a14,#1e1c18 60%)!important;border-color:#cfac7533!important}
.stat-castle{padding:6px 0 20px}
.stat-castle-owner{display:flex;align-items:center;margin:10px 0 6px;font:700 30px/1.15 Cinzel,Georgia,serif;color:#f1d79f}
.stat-castle-owner a{display:inline-flex;align-items:center;color:inherit}
.stat-castle-owner.is-free{color:#c9b58c}
.stat-castle small{color:#aeb5bf;font-size:14px}
.stat-castle-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stat-castle-dates div{padding:14px 16px;border:1px solid #ffffff10;border-radius:8px;background:#0006}
.stat-castle-dates span{display:block;font-size:12px;color:#8f97a3}
.stat-castle-dates strong{font-size:17px;color:#ece6d8}
.stat-empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 10px;text-align:center}
.stat-empty-state svg{width:44px;height:44px;color:#cfac7566}
.stat-empty-state strong{font-size:16px;color:#e2dccd}
.stat-empty-state span{max-width:340px;font-size:14px;line-height:1.6;color:#8f97a3}
.stat-siege-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #ffffff0b}
.stat-siege-row b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#cfac751a;color:#f1d79f;font-size:13px}
.stat-siege-row>span{flex:1}.stat-siege-row>span small{display:block;color:#8f97a3;font-size:12px}
.stat-siege-row>strong{color:#f1d79f;font-size:18px}.stat-siege-row>strong small{margin-left:4px;font-size:11px;color:#8f97a3}
.stat-siege-row em{font-size:11px;color:#f0a3a3;font-style:normal}
.stat-page .statistics-note{margin:18px 0 0;font-size:12.5px;color:#7d8794}
.stat-page .statistics-updated{display:flex;align-items:center;gap:8px;font-size:13px;color:#8f97a3}
.stat-page .statistics-updated a{margin-left:auto}
@media(max-width:980px){.stat-metrics{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:1fr}}
@media(max-width:560px){.stat-metrics{grid-template-columns:1fr}.stat-hero{flex-direction:column;align-items:flex-start;padding:28px 22px}.stat-card{padding:22px 18px!important}}

/* =================== Server information page — calmer, easier to read =================== */
body #main .realm-codex .codex-hero{padding:40px 40px 30px;border-radius:12px;border-color:#cfac7533;background:linear-gradient(90deg,#161411f7 0%,#161411d9 45%,#16141170 100%),url('assets/mu-art/graded/hero.jpg') 70% 35%/cover}
body #main .realm-codex .codex-hero h1{font-size:clamp(32px,4vw,46px)}
body #main .realm-codex .codex-hero p{color:#bbb6aa;font-size:16px}
#main .codex-summary>span{position:relative;padding:22px 22px 20px 74px!important;border-radius:10px!important;background:linear-gradient(160deg,#282520,#1b1916)!important;font-size:11px!important;letter-spacing:.12em;color:#aeb5bf!important}
#main .codex-summary>span:before{content:'';position:absolute;left:20px;top:50%;width:40px;height:40px;margin-top:-20px;border-radius:10px;background:#cfac751a center/22px no-repeat}
#main .codex-summary>span:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e6c891' stroke-width='1.8'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E")}
#main .codex-summary>span:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e6c891' stroke-width='1.8'%3E%3Cpath d='M12 3l2.5 5 5.5.8-4 3.9.9 5.5L12 15.6 7.1 18.2l.9-5.5-4-3.9 5.5-.8z'/%3E%3C/svg%3E")}
#main .codex-summary>span:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e6c891' stroke-width='1.8'%3E%3Cpath d='M12 3 5 6v5c0 4.5 3 8.4 7 10 4-1.6 7-5.5 7-10V6z'/%3E%3C/svg%3E")}
#main .codex-summary>span:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e6c891' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
#main .codex-summary strong{font:700 26px/1.1 Inter,Arial,sans-serif!important;color:#f1d79f!important}
.realm-codex .server-info-section{padding:28px 30px!important;border-radius:12px!important}
.realm-codex .server-info-section h2{font-size:19px!important;color:#f1ebdd}
#main .realm-codex .server-info-section h2 .codex-number{display:inline-grid!important;place-items:center;width:30px;height:30px;margin-right:12px;padding:0;border:1px solid #cfac7566;border-radius:8px;background:#cfac751a;color:#f1d79f;font:700 13px Inter,Arial,sans-serif;vertical-align:2px}
.realm-codex .info-group{margin-top:22px}
.realm-codex .info-group h3{display:flex;align-items:center;gap:10px;font-size:11px!important;letter-spacing:.14em!important;color:#e6c891!important;margin-bottom:6px!important}
.realm-codex .info-group h3:after{content:'';flex:1;height:1px;background:linear-gradient(90deg,#cfac7544,transparent)}
.realm-codex .info-group dl>div{padding:12px 6px!important;border-radius:6px;transition:background .15s}
.realm-codex .info-group dl>div:hover{background:#ffffff06}
.realm-codex .info-group dt{font-size:14.5px!important;color:#bbb6aa!important}
.realm-codex .info-group dd span{font-size:15px!important;font-weight:600;color:#f1e3c4!important}
.realm-codex .info-on{padding:2px 10px!important;border:1px solid #64e59766!important;border-radius:999px!important;background:#64e5971a!important;color:#8ee8b2!important}
.realm-codex .info-off{padding:2px 10px!important;border:1px solid #f0a3a355!important;border-radius:999px!important;background:#f0a3a314!important;color:#f0a3a3!important}
.realm-codex .codex-sidebar{border-radius:12px!important}
.realm-codex .info-section-links button{font-size:14px!important;padding:13px 16px!important;border-radius:6px}
.realm-codex .info-section-links button:hover{background:#cfac7514;color:#f6dca6}
.realm-codex .info-section-links button span{color:#cfac75}
#server-dashboard{display:flex;flex-direction:column;gap:22px}
#main .realm-codex .codex-layout{grid-template-columns:250px minmax(0,1fr)!important;gap:24px}
.realm-codex .info-section-links button{white-space:nowrap;font-size:13.5px!important}
.realm-codex .info-group dd{text-align:right;max-width:58%}
@media(max-width:980px){#main .realm-codex .codex-layout{grid-template-columns:1fr!important}}

/* Inner-page headers: no hero art (keep it special for the homepage) — quiet gradient + faint emblem */
.stat-hero,body #main .realm-codex .codex-hero{
  background:
    radial-gradient(ellipse 60% 120% at 100% 0%,#cfac7524,transparent 60%),
    radial-gradient(ellipse 50% 90% at 0% 100%,#5d564726,transparent 65%),
    linear-gradient(135deg,#25221d,#171512)!important;
  border-color:#cfac7530!important}
.stat-hero:after,body #main .realm-codex .codex-hero:after{content:'';position:absolute;right:-40px;top:50%;width:300px;height:340px;transform:translateY(-50%);opacity:.07;pointer-events:none;
  background:url('favicon.svg') center/contain no-repeat}
.stat-hero>*,body #main .realm-codex .codex-hero>*{position:relative;z-index:1}
body #main .realm-codex .codex-hero,.stat-hero{position:relative;overflow:hidden}

/* ---------- MU TITAN logo (assets/logo-titan-*) ---------- */
header .brand.brand-has-logo{display:flex;align-items:center;gap:0}
.brand-logo{display:block;height:68px;width:auto;filter:drop-shadow(0 4px 10px #000a);transition:transform .25s,filter .25s}
header .brand-has-logo:hover .brand-logo{transform:scale(1.04);filter:drop-shadow(0 4px 14px #cfa25755)}
.hero-logo{margin:4px 0 14px -10px}
.hero-logo-img{display:block;width:clamp(220px,26vw,340px);height:auto;filter:drop-shadow(0 10px 24px #000c) drop-shadow(0 0 30px #cfa25733)}
.ft-logo-img{display:block;height:74px;width:auto;filter:drop-shadow(0 4px 10px #000a)}
@media(max-width:760px){.brand-logo{height:52px}.hero-logo-img{width:220px}}
@media(max-width:420px){.brand-logo{height:46px}}
.brand-logo{height:76px;margin:2px 0}@media(max-width:760px){.brand-logo{height:56px}}

/* Logo: quieter in the homepage banner */
.hero-logo{margin:0 0 6px -6px}
.hero-logo-img{width:clamp(180px,18vw,240px)!important;opacity:.9;filter:drop-shadow(0 6px 14px #000b) saturate(.85)!important}
@media(max-width:760px){.hero-logo-img{width:170px!important}}
/* Statistics + Server info headers: new logo as a faint watermark instead of the shield */
.stat-hero:after,body #main .realm-codex .codex-hero:after{right:24px;width:360px;height:250px;opacity:.10;background:url('assets/logo-titan-hero.webp') center/contain no-repeat;filter:grayscale(.3)}
@media(max-width:760px){.stat-hero:after,body #main .realm-codex .codex-hero:after{width:220px;right:-30px;opacity:.07}}
.hero-logo-img{opacity:1;filter:drop-shadow(0 6px 16px #000c)!important}
/* Warehouse icons follow the assigned cell footprint, never their PNG pixel size. */
.warehouse-item{min-width:0;min-height:0;width:auto;height:auto;box-sizing:border-box;align-self:stretch;justify-self:stretch;margin:0;padding:0}
.warehouse-item img{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;display:block;pointer-events:none}
.warehouse-item>span:not(.warehouse-count){max-width:100%;min-width:0;overflow:hidden;overflow-wrap:anywhere;font-size:10px;line-height:1.2}
#main .warehouse-grid{width:100%;height:auto;aspect-ratio:8/15;grid-template-rows:repeat(15,minmax(0,1fr))}
.warehouse-item .warehouse-icon{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:hidden;pointer-events:none}

/* MU window look: statistics / rules / info sections */
.statistics-section{background:linear-gradient(180deg,#151413,#0b0a09);border-color:#4a3d29}

/* no character preview (only the class icon - owner 2026-11-11): the equipment panel alone, centered */
.character-workspace.no-preview{grid-template-columns:minmax(0,1fr)!important}.character-workspace.no-preview .equipment-preview{grid-column:1!important;width:100%;max-width:600px;justify-self:center}