/* Three approved directions: silver dragon, pale folio, Lorencia pennants.
   Artwork is decorative; all Vietnamese labels remain real, selectable text. */
body{background-image:linear-gradient(#111719ce,#111719e8),url('assets/optimized/b8da519d5c65684d2f0179b9.webp');background-color:#111719}
.portal-grid{gap:24px}.left-column,.center-column,.right-column{gap:24px}
.panel{position:relative;border:0;outline:0;background:linear-gradient(#161a1af5,#111717f5);box-shadow:0 8px 18px #0003;border-radius:8px;padding:7px}
.panel:before{content:'';position:absolute;z-index:2;inset:-7px;border:32px solid transparent;border-image:url('assets/optimized/4331d04d6d14cbffb7e7ab71.webp') 48 stretch;pointer-events:none}
.panel-title,.section-heading{background:none;border:0;box-shadow:none;padding:19px 14px 14px;color:#e9dfc7}
.section-heading{height:auto;min-height:58px}.section-heading h2{font:600 14px/1.7 var(--serif);color:#e9dfc7}.panel-title{font:600 12px/1.7 var(--serif);letter-spacing:0}.panel-title:after{opacity:.4}
.panel-inner{padding:8px 14px 18px}.server-info dl>div{border-color:#b8aa7820}.server-note{border-color:#b8aa7840}
.main-nav{position:relative;background:#111817f2;border:0;outline:0;box-shadow:none;padding:8px 12px;margin-bottom:12px}
.main-nav:before{content:'';position:absolute;inset:-5px;border:17px solid transparent;border-image:url('assets/optimized/4331d04d6d14cbffb7e7ab71.webp') 48 stretch;pointer-events:none}
.main-nav>a,.main-nav>button,.main-nav .active,.main-nav>a:hover,.main-nav>button:hover{background:none;border:0;box-shadow:none}
.main-nav span{font-family:var(--serif);font-weight:600}.main-nav .active{color:#f2d5a1}.main-nav small{color:#a7a28e}
.main-nav>a:hover,.main-nav>button:hover{color:#f2dfb3}
.metal-button,.dark-button,.small-bronze,.download-block{position:relative;background:linear-gradient(160deg,#34342b,#171d1a 70%);border:0;outline:0;box-shadow:0 4px 8px #0005;border-radius:2px;color:#f0e5c9;text-shadow:0 1px 2px #000;isolation:isolate}
.metal-button:after,.dark-button:after,.small-bronze:after,.download-block:after{content:'';display:block;position:absolute;z-index:1;inset:-4px;width:auto;height:auto;transform:none;order:0;border:13px solid transparent;border-image:url('assets/optimized/4331d04d6d14cbffb7e7ab71.webp') 48 stretch;background:none;pointer-events:none;opacity:1}
.metal-button:hover,.dark-button:hover,.small-bronze:hover,.download-block:hover{background:linear-gradient(160deg,#4a4634,#22281f 70%);color:#fff0cc;filter:brightness(1.08);text-shadow:0 1px 2px #000}
.metal-button:active,.dark-button:active,.small-bronze:active,.download-block:active{background:linear-gradient(160deg,#181e19,#333326);transform:translateY(1px)}
.dark-button{background:linear-gradient(160deg,#242b27,#111917)}
.download-block{min-height:90px;padding:15px 11px;gap:9px}.download-block:before{content:'';display:block;position:static;inset:auto;transform:none;width:28px;height:32px;background:url('assets/optimized/c703ef2c78a8fb36c7e98435.webp') center/contain no-repeat;flex-shrink:0;opacity:1}
.download-block strong{font:600 23px/1.45 var(--serif);letter-spacing:0}.download-block small,.download-block:hover small{color:#c9bea1;font-size:8px;letter-spacing:0}.download-arrow{font-size:19px;color:#cbb47b}
.community-block{position:relative;border:0;outline:0;background:#141c19;box-shadow:none;margin-top:3px}
.community-block:before{content:'';position:absolute;inset:-5px;border:18px solid transparent;border-image:url('assets/optimized/4331d04d6d14cbffb7e7ab71.webp') 48 stretch;pointer-events:none}
.feature-banner{position:relative;border:0;outline:0;box-shadow:0 6px 15px #0005;border-radius:6px;overflow:visible;margin:2px 0 3px}
.feature-banner:after{content:'';position:absolute;z-index:3;inset:-7px;border:25px solid transparent;border-image:url('assets/optimized/4331d04d6d14cbffb7e7ab71.webp') 48 stretch;pointer-events:none}
.feature-copy{position:relative;z-index:2}.feature-copy h2{font-weight:500}.banner-seal{border:0;background:none;box-shadow:none;top:17px;right:18px;color:#bca56e}
.news-panel,.quick-guide{background:none;box-shadow:none;padding:27px 22px 20px;border-radius:0;isolation:isolate}
.news-panel:before,.quick-guide:before{inset:-4px;z-index:0;border-width:24px;border-image:url('assets/optimized/8c8c589996fbfe22729325dc.webp') 180 fill stretch}
.news-panel>*,.quick-guide>*{position:relative;z-index:1}
.news-panel .section-heading{padding:0 1px 13px;min-height:0;background:none;border:0}
.news-panel .section-heading h2{font:600 16px/1.7 var(--serif);color:#34322d}
.news-panel .heading-ornament{color:#746b56}.news-panel .heading-ornament:before{background:linear-gradient(90deg,#8e816755,transparent)}
.news-panel .news-tabs{background:none;border:0;border-bottom:1px solid #7e725044;padding:0;gap:20px;min-height:39px}
.news-panel .news-tabs>button{color:#655e50;font-size:11px}.news-panel .news-tabs>button.selected{background:none;color:#3e3422;box-shadow:none;border:0}
.news-panel .news-tabs>button:after{background:#887448;box-shadow:none}
.news-panel .news-list{background:none;padding:4px 0;min-height:278px}
.news-panel .news-row{border-color:#766c4d33;color:#3e3b32;min-height:53px;font-size:12px;gap:9px}
.news-panel .news-row:first-child .news-text{color:#292923;font-weight:600}.news-panel .news-row:hover{background:#8670410b}
.news-panel .news-row:hover .news-text{color:#725419}.news-panel .news-text{color:inherit}
.news-panel .news-tag,.news-panel .news-tag.notice,.news-panel .news-tag.event,.news-panel .news-tag.guide{background:none;border:0;color:#706347;font-size:9px;min-width:49px;padding:0}
.news-panel .new-tag{background:none;border:0;color:#806734;font-size:8px}.news-panel .news-chevron{color:#82704e}
.news-panel .news-footer{padding:12px 0 0;border-color:#766c4d55;background:none;gap:12px;min-height:0}
.news-panel .news-footer,.news-panel .news-footer>span{color:#706856;font-size:9px}.news-panel .news-footer a{color:#594b2b;font-size:10px}
.quick-guide{padding:24px 19px 19px}.quick-guide .panel-title{padding:0 0 13px;background:none;border-bottom:1px solid #766c4d55;color:#3e3a30;font-size:12px}
.quick-guide .panel-title:after{display:none}.quick-guide>button{color:#4c4637;border-color:#766c4d44;font-size:11px;line-height:1.9;padding:14px 0}
.quick-guide>button>span,.quick-guide>button>b{color:#8a7448}.quick-guide>button:hover{color:#71511b}
.event-panel{background:linear-gradient(#141b19d9,#101714e8);padding:12px 8px 13px}
.event-panel .panel-title{font-size:12px;text-align:center;justify-content:center;padding:15px 8px 10px}
.event-panel .panel-subtitle{font-size:10px;text-align:center;margin:4px 10px 14px;color:#b9b099}
.event-panel .event-tile,.event-panel .event-tile.blood,.event-panel .event-tile.devil,.event-panel .event-tile.chaos{background:url('assets/optimized/efe60cb211d2d43d3cb2fb25.webp') center/100% 100% no-repeat;border:0;border-image:none;box-shadow:none;clip-path:none;filter:none;height:115px;width:100%;margin:0 0 5px;padding:14px 23px 20px;overflow:visible}
.event-panel .event-tile:before{background:none}.event-panel .event-tile strong{font:500 15px/1.6 var(--serif);color:#f1e2c0;text-shadow:0 1px 3px #000}
.event-panel .event-tile:after{display:none}
.event-panel .event-tile small{font-size:8px;letter-spacing:0;color:#c0b18c}.event-panel .event-tile>b{font-size:20px;color:#dcc190}
.event-panel .event-tile:hover{filter:brightness(1.18)}.event-panel .event-footnote{font-size:10px;padding:5px 13px 4px;color:#b6b09b}
.ranking-tabs,.class-tabs,.model-controls{background:#111a16cc;border-color:#9a896a44}
.ranking-tabs>button.selected,.class-tabs>button.selected{background:none;color:#ead5a2;box-shadow:inset 0 -1px #b69b64;border:0}
.ranking-empty{background:none}.character-display{background:radial-gradient(ellipse at 23% 66%,#d6bd6e12,transparent 66%),#121a16}
.character-copy>p{color:#bfb9a6}.equipment-list{border-color:#ab98623d}.model-buttons{border:0}.model-buttons>button{background:none;border:0;color:#cdb887}.model-buttons>button:hover:enabled{background:#cdb88712}
.return-banner{position:relative;border:0;outline:0;box-shadow:none;background:#141d18;padding:29px 33px;margin-top:31px;border-radius:8px}
.return-banner:before{content:'';position:absolute;inset:-7px;width:auto;height:auto;transform:none;border:26px solid transparent;border-image:url('assets/optimized/4331d04d6d14cbffb7e7ab71.webp') 48 stretch;background:none;pointer-events:none;opacity:1}
@media(max-width:1000px){.portal-grid{gap:20px}.left-column,.center-column,.right-column{gap:22px}.panel-title{font-size:11px}.news-panel{padding:24px 19px 18px}.news-panel .news-row{font-size:11px}.news-panel .news-tabs{gap:15px}.download-block strong{font-size:21px}.event-panel .event-tile strong{font-size:14px}}
@media(max-width:650px){
 .portal-grid{gap:24px}.left-column{gap:18px}.center-column{gap:25px}.right-column{gap:23px 18px}
 .panel:before{border-width:23px;inset:-5px}.news-panel:before,.quick-guide:before{border-width:23px;inset:-4px}
 .main-nav{padding:8px 6px}.main-nav span{font-size:10px}.main-nav small{font-size:7px}
 .download-block{min-height:89px;padding:12px 9px;gap:7px}.download-block strong{font-size:21px}.download-block small{font-size:7px}.download-block:before{width:25px;height:28px}
 .news-panel{padding:24px 19px 19px}.news-panel .section-heading h2{font-size:14px}.news-panel .news-tabs{gap:16px}.news-panel .news-tabs>button{font-size:10px}.news-panel .news-row{font-size:11px;gap:7px;min-height:57px}.news-panel .news-tag{font-size:8px;min-width:45px}.news-panel .news-list{min-height:292px}.news-panel .news-footer>span{display:none}
 .event-panel .event-tile{height:124px;width:100%;margin-bottom:6px;padding-left:32px;padding-right:32px}.event-panel .event-tile strong{font-size:19px}.event-panel .event-tile small{font-size:9px}
 .quick-guide{padding:25px 15px 18px}.quick-guide .panel-title{font-size:11px}.quick-guide>button{font-size:11px}
 .feature-copy{padding:27px 23px}.feature-copy h2{font-size:26px}.feature-copy p{max-width:180px}
 .return-banner{padding:30px 20px}.return-banner h2{font-size:19px}.panel-title{font-size:11px}
}

/* Recognizable old MU dragon heads replace fine modern filigree. */
.panel:before{border-width:55px}.panel-title,.section-heading{padding-top:31px}.panel{padding-bottom:30px}
.feature-banner:after{border-width:48px}.main-nav:before{border-width:30px}.community-block:before{border-width:38px}.return-banner:before{border-width:48px}
.metal-button:after,.dark-button:after,.small-bronze:after,.download-block:after{border-width:20px}
.news-panel,.quick-guide{background:url('assets/optimized/8c8c589996fbfe22729325dc.webp') center/100% 100% no-repeat;padding:50px 46px 46px}
.news-panel:before,.quick-guide:before{border-image:url('assets/optimized/4331d04d6d14cbffb7e7ab71.webp') 48 stretch;border-width:48px;inset:-4px}
.news-panel .section-heading{padding-top:10px}.quick-guide .panel-title{padding-top:12px}
@media(max-width:650px){.panel:before{border-width:44px}.news-panel:before,.quick-guide:before{border-width:44px}.news-panel,.quick-guide{padding:44px 32px 38px}.feature-banner:after{border-width:40px}}

/* Compact portal masthead: original project identity, engraved metal edge. */
.utility{position:relative;z-index:10;height:58px;background:linear-gradient(#1a1d1de8,#0b0e0ff5),url('assets/optimized/b8da519d5c65684d2f0179b9.webp');border-bottom:1px solid #9c91754d;box-shadow:0 3px 12px #0006;letter-spacing:0}
.utility:before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#b7b7ac55 35%,#b7b7ac55 65%,transparent);pointer-events:none}
.utility-inner{gap:18px}
.utility .utility-brand{display:flex;align-items:center;gap:12px;min-width:0;flex-shrink:0;color:#eee8d8}
.utility-brand>img{display:block;width:112px;height:38px;object-fit:contain;filter:drop-shadow(0 2px 2px #000a)}
.utility-brand>span{display:flex;flex-direction:column;gap:3px;padding-left:12px;border-left:1px solid #a89d794d;text-align:left}
.utility .utility-brand>span{margin:0}
.utility-brand strong{font:600 14px/1.2 var(--serif);letter-spacing:1px;color:#f1eee5}
.utility-brand small{font:400 9px/1.4 var(--font);color:#bcb39d;letter-spacing:0}
.utility-actions{display:flex;align-items:center;gap:12px;min-width:0;height:100%;white-space:nowrap}
.utility .utility-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 12px;font:500 11px/1.5 var(--font);color:#d4cdbb;background:none;border:0}
.utility .utility-link>svg{width:16px;height:16px;stroke-width:1.4;color:#a99d7d}
.utility .utility-link span{margin:0}
.utility .utility-external{font-size:11px;font-weight:400;color:#a99d7d;margin-left:1px}
.utility .utility-link:hover{color:#fff1cf;background:#b9a6750a}
.utility .utility-link:hover>svg,.utility .utility-link:hover>.utility-external{color:#dfc88c}
.utility-locale{display:flex;align-items:center;gap:7px;margin-left:2px;padding-left:20px;border-left:1px solid #a89d7938;font:400 10px/1.5 var(--font);color:#aaa695}
.utility-locale>b{display:flex;align-items:center;justify-content:center;min-width:25px;height:24px;border:1px solid #aaa18550;color:#e8dec4;font-size:9px;font-weight:500;letter-spacing:.4px}
@media(max-width:800px){.utility-actions{gap:5px}.utility .utility-link{padding:0 9px}.utility .link-detail{display:none}.utility-locale{padding-left:12px}.utility-locale>span{display:none}}
@media(max-width:650px){
 .utility{height:56px}.utility-inner{gap:8px}.utility .utility-brand{gap:8px}.utility-brand>img{width:70px;height:29px}.utility-brand>span{gap:3px;padding-left:8px}.utility-brand strong{font-size:11px;letter-spacing:.65px}.utility-brand small{font-size:7.5px}
 .utility-actions{gap:2px}.utility .utility-link{font-size:10px;min-width:44px;min-height:44px;padding:0 7px;gap:0}.utility .utility-link>svg,.utility .utility-external{display:none}.utility-locale{margin:0;padding-left:7px}.utility-locale>b{height:23px;min-width:23px;font-size:8px}
}
@media(max-width:380px){.utility .utility-brand{gap:6px}.utility-brand>img{width:50px;height:24px}.utility-brand>span{padding-left:6px}.utility-brand small{font-size:7px}.utility .utility-link{padding:0 5px}.utility-locale{padding-left:5px}}

.utility .utility-actions{display:flex;align-items:center;gap:12px;justify-content:flex-end}
.utility-socials,.utility-service{display:flex;align-items:center;gap:4px;min-width:0}
.utility .utility-link:disabled{opacity:.72;cursor:default;color:#c7c1b1;background:none}
@media(max-width:1000px){.utility .utility-link>svg,.utility .link-detail,.utility-locale>span{display:none}.utility .utility-link{padding:0 8px}.utility .utility-actions{gap:8px}.utility-socials,.utility-service{gap:2px}.utility-locale{padding-left:10px}}
@media(max-width:650px){
 .utility{height:auto}.utility-inner{min-height:56px;flex-wrap:wrap;gap:0 12px;padding-top:8px}.utility .utility-brand{order:1;min-height:36px}.utility .utility-actions{display:contents;height:auto}
 .utility-service{order:2;gap:3px}.utility-socials{order:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:0;margin-top:8px;padding-top:3px;border-top:1px solid #aaa18530}
 .utility .utility-socials .utility-link{min-width:0;min-height:44px;padding:0 3px;gap:5px;font-size:10px}.utility .utility-socials .utility-link>svg{display:block;width:14px;height:14px}.utility .utility-socials .utility-link+.utility-link{border-left:1px solid #aaa18525}
 .utility-service .utility-link{min-height:36px}.utility-service .utility-locale{padding-left:7px}
}

.utility .utility-brand--text{gap:0;min-height:38px}
.utility .utility-wordmark{display:block;padding-right:2px;font:700 31px/1 Georgia,'Times New Roman',serif;letter-spacing:-2px;color:#e1e3e5;text-shadow:0 1px 1px #000}
@supports(background-clip:text){.utility .utility-wordmark{background:linear-gradient(#fff 8%,#cbd0d5 37%,#f7f8f9 49%,#969ca3 52%,#d5d9de 74%,#afb5bc);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 1px 1px #000)}}