/* Silver & stone: monochrome interface, original client character textures. */
:root{--bg:#ededed;--panel:#fafafa;--gold:#555555;--bright:#1d1d1d;--muted:#6d6d6d;--line:#b9b9b9;color-scheme:light}
body{background:radial-gradient(ellipse at 50% 520px,#ffffff 0,transparent 75%),url('assets/grain.svg'),#e5e5e5;color:#454545}
button:focus-visible,a:focus-visible{outline-color:#333333}button:hover,a:hover{color:#111111}
.utility{background:#1c1c1c;border-color:#676767;color:#c0c0c0}.tiny-mu,.language{color:#efefef}.utility button{color:#c0c0c0}.utility a:hover,.utility button:hover{color:#ffffff}.utility-inner i{background:#575757}
.hero{background:#e9e9e9;isolation:isolate;height:460px}.hero:before{content:'';position:absolute;inset:0;background:url('assets/optimized/2d477692378e3575403635ea.webp') center 42%/cover no-repeat;filter:grayscale(1);opacity:.19;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f0f0f0ee 3%,#edededc2 30%,#e5e5e572 75%,#e6e6e6cc),linear-gradient(0deg,#e8e8e8,transparent 30%);z-index:-1}.hero-shade{background:radial-gradient(ellipse at 72% 62%,#ffffff66,transparent 50%);pointer-events:none;z-index:0}.hero-copy{position:relative;z-index:5}.hero-eyebrow{color:#575757}.hero-eyebrow>span{background:linear-gradient(90deg,transparent,#7b7b7b)}
.logo-main{background:linear-gradient(#d4d4d4 0%,#ffffff 20%,#5e5e5e 39%,#efefef 42%,#484848 46%,#939393 70%,#272727 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #ffffff) drop-shadow(0 2px 1px #28282855)}.logo-season{color:#565656}.logo-name{color:#333333;text-shadow:0 1px 0 #ffffff;letter-spacing:10px}.hero h1{color:#262626;text-shadow:0 1px #ffffff}.hero-copy>p{color:#515151;text-shadow:0 1px #ffffff88}.hero-edition{z-index:5;color:#373737;text-shadow:0 1px #ffffffcc;bottom:27px}.hero-edition>i{color:#656565}.hero-bottom{background:linear-gradient(#ffffff,#a7a7a7,#565656);border-color:#909090}
.hero-party{position:absolute;left:46%;right:-1%;bottom:8px;top:13px;pointer-events:none;z-index:2}.hero-party>:is(img,.mu-model){position:absolute;height:100%;width:54%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 15px 10px #20202030)}.party-dk{left:17%;bottom:0;z-index:3;transform:scale(1.05)}.party-elf{left:-13%;bottom:14px;z-index:1;transform:scale(.84)}.party-dw{left:57%;bottom:11px;z-index:2;transform:scale(.87)}
.metal-button{border-color:#595959;border-top-color:#acacac;outline-color:#797979;background:linear-gradient(#777777,#515151 48%,#3b3b3b 51%,#5c5c5c);box-shadow:inset 0 0 0 2px #1d1d1d55,inset 0 1px 0 #dddddd33,0 3px 7px #00000022;color:#ffffff;text-shadow:0 1px 1px #111111}.metal-button:hover{color:#ffffff;filter:brightness(1.18)}.metal-button:before,.metal-button:after{color:#c6c6c6}
.main-nav{border-color:#7c7c7c;border-top-color:#dadada;outline-color:#a1a1a1;box-shadow:0 3px 9px #00000022,inset 0 0 0 3px #ffffff44;background:linear-gradient(#f9f9f9,#cacaca 47%,#bfbfbf 51%,#dfdfdf)}.main-nav>a,.main-nav>button{color:#414141;border-color:#a5a5a5;box-shadow:inset -1px 0 0 #f4f4f4}.main-nav small{color:#717171}.main-nav .active{color:#111111;background:linear-gradient(#ffffff99,#a9a9a966);text-shadow:0 1px #ffffff}.main-nav .active:after{color:#4b4b4b;background:#e7e7e7}.main-nav>a:hover,.main-nav>button:hover{background-color:#ffffff66}
.announcement{border-color:#bebebe;color:#656565}.announcement-label{color:#333333;border-color:#b6b6b6}.announcement>a{color:#464646}
.panel{border-color:#a7a7a7;outline-color:#ffffff;background:linear-gradient(110deg,#ffffff55,transparent 60%),url('assets/grain.svg'),#f5f5f5;box-shadow:inset 0 0 0 3px #ffffff88,0 3px 8px #00000009}.panel-title{color:#eeeeee;border-color:#6b6b6b;background:linear-gradient(#656565,#414141);box-shadow:inset 0 1px 0 #a4a4a4}.panel-title svg,.panel-title:after{color:#d5d5d5}.panel-inner>p:first-child{color:#727272}
.download-block{color:#ffffff;background:radial-gradient(ellipse at top,#ffffff22,transparent),linear-gradient(#777777,#414141 47%,#333333 51%,#575757);border-color:#6d6d6d;outline-color:#ffffff;box-shadow:inset 0 0 0 3px #13131355,inset 0 0 0 4px #b5b5b544,0 3px 6px #00000022;text-shadow:0 1px 2px #171717}.download-block:before{border-color:#d2d2d266}.download-block small,.download-arrow{color:#cfcfcf}
.dark-button{background:linear-gradient(#f8f8f8,#d0d0d0);border-color:#a0a0a0;box-shadow:inset 0 0 0 2px #ffffff88;color:#434343}.text-button{color:#737373}.server-name strong{color:#3c3c3c}.server-name>span:last-child{color:#595959;border-color:#b5b5b5;background:#ffffff66}.status-dot{background:#5a5a5a;box-shadow:none}.server-info dl>div{border-color:#c7c7c7}.server-info dt{color:#737373}.server-info dd{color:#2a2a2a}.server-info .pending{color:#8b8b8b}.server-note{color:#7c7c7c;border-color:#c6c6c6}
.community-block{border-color:#969696;outline-color:#ffffff;background:linear-gradient(115deg,#d4d4d4,#bcbcbc);color:#3a3a3a}.facebook-glyph{color:#595959;text-shadow:1px 1px #ffffff}.community-block small{color:#717171}.community-block strong{color:#2f2f2f}.community-block em{color:#666666}.nostalgia-note{color:#767676}.nostalgia-note>span{color:#848484}.nostalgia-note p{color:#717171}.nostalgia-note small{color:#929292}
.feature-banner{border-color:#a0a0a0;outline-color:#ffffff;background-image:url('assets/optimized/2d477692378e3575403635ea.webp');background-position:center 40%;filter:grayscale(1);box-shadow:inset 0 0 0 4px #ffffff55}.feature-banner:after{border-color:#ffffff88}.feature-vignette{background:linear-gradient(90deg,#efefefef,#d7d7d785 68%,#eeeeee22),linear-gradient(0deg,#dddddda6,transparent)}.feature-copy .eyebrow{color:#555555}.feature-copy h2{color:#2d2d2d;text-shadow:0 1px #ffffff88}.feature-copy p{color:#4e4e4e}.small-bronze{background:linear-gradient(#767676,#4a4a4a);border-color:#545454;box-shadow:inset 0 0 0 2px #dddddd33;color:#ffffff}.banner-seal{color:#ffffff;background:#33333399;border-color:#b9b9b9}
.section-heading{background:linear-gradient(#656565,#414141);border-color:#6b6b6b;box-shadow:inset 0 1px #a8a8a8}.section-heading h2{color:#f2f2f2}.heading-ornament{color:#c8c8c8}.heading-ornament:before{background:linear-gradient(90deg,#afafaf,transparent)}.news-tabs,.class-tabs{background:#e4e4e4;border-color:#bbbbbb}.news-tabs button,.class-tabs button{color:#707070}.news-tabs .selected,.class-tabs .selected{color:#1f1f1f}.news-tabs .selected:after,.class-tabs .selected:after{background:#4c4c4c;box-shadow:none}.news-row{border-color:#c3c3c3;color:#484848}.news-row:first-child .news-text{color:#212121;font-weight:bold}.news-tag,.news-tag.event,.news-tag.guide{color:#636363;border-color:#b8b8b8;background:#e6e6e655}.new-tag{color:#4f4f4f}.news-chevron{color:#8a8a8a}.news-footer{background:#e8e8e8;border-color:#c5c5c5;color:#919191}.news-footer a{color:#494949}
.character-display{background:radial-gradient(ellipse at 27% 67%,#b4b4b455,transparent 64%),linear-gradient(125deg,#e5e5e5,#f9f9f9);min-height:337px}.character-display:after{background:linear-gradient(transparent,#c2c2c222);height:45px}.character-display>:is(img,.mu-model){height:320px;width:51%;bottom:0;left:-2px;filter:drop-shadow(0 8px 9px #22222222)}.character-rune{color:#8a8a8a33;font-size:270px;left:-3px;top:25px}.character-copy{padding-top:27px}.character-copy .eyebrow{color:#767676}.character-copy h3{color:#2b2b2b}.character-copy>p{color:#717171}.class-traits>span{border-color:#bbbbbb;background:#fefefe55;color:#686868}.text-link{color:#363636}.equipment-list{margin:0 0 15px;padding:9px 0;border-top:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1}.equipment-list>div{display:flex;align-items:baseline;gap:12px;padding:3px 0}.equipment-list>div[hidden]{display:none}.equipment-list dt{font-size:7px;letter-spacing:.6px;color:#898989;min-width:40px}.equipment-list dd{font-size:10px;color:#363636;margin:0}
.event-tile{border-color:#8e8e8e;box-shadow:inset 0 0 0 3px #ffffff22;background:#343434}.event-tile:before{filter:grayscale(1)!important;opacity:.6}.event-tile:after{background:linear-gradient(90deg,#202020e6 8%,#24242444 85%),linear-gradient(0deg,#21212155,transparent)}.event-tile small{color:#c7c7c7}.event-tile strong{color:#f2f2f2}.event-tile>b{color:#bfbfbf}.panel-subtitle,.event-footnote{color:#818181}.event-footnote>span{color:#606060}
.ranking-tabs{background:#e4e4e4;border-color:#b4b4b4}.ranking-tabs>button{color:#838383;border-color:#bdbdbd}.ranking-tabs .selected{background:linear-gradient(#ffffff66,transparent);color:#373737;box-shadow:inset 0 -1px #575757}.ranking-empty>svg{color:#898989}.ranking-empty strong{color:#5a5a5a}.ranking-empty p{color:#909090}.ranking-empty>span{color:#a3a3a3}.quick-guide>button{color:#626262;border-color:#c4c4c4}.quick-guide>button>span,.quick-guide>button>b{color:#919191}
.return-banner{background:radial-gradient(ellipse at 80% 50%,#ffffff99,transparent),linear-gradient(110deg,#d5d5d5,#e4e4e4);border-color:#9c9c9c;outline-color:#ffffff;box-shadow:inset 0 0 0 4px #fefefe55}.return-banner:before{border-color:#fefefe80}.return-banner .eyebrow{color:#838383}.return-banner h2{color:#393939}.return-banner p{color:#808080}footer{border-color:#bbbbbb;color:#939393}footer strong{color:#656565}footer small{color:#9f9f9f}.footer-logo{color:#656565;text-shadow:0 1px #ffffff}.footer-links button{color:#898989}
dialog{background:#f3f3f3;border-color:#818181;color:#515151;box-shadow:0 20px 100px #00000055}dialog::backdrop{background:#202020d1}.dialog-frame{border-color:#aeaeae;background:radial-gradient(ellipse at top right,#9a9a9a20,transparent 75%),url('assets/grain.svg')}.dialog-close,.dialog-kicker{color:#767676}.dialog-frame h2{color:#2e2e2e}.dialog-frame h3{color:#515151}.dialog-frame p,.dialog-frame li{color:#717171}.dialog-frame a:not(.metal-button){color:#3e3e3e}.dialog-note{border-color:#969696;background:#a5a5a515}.dialog-footer{border-color:#c0c0c0;color:#a7a7a7}
/* Background and ornament blocks extracted from the supplied classic client. */
.hero:before{background-image:url('assets/optimized/2d477692378e3575403635ea.webp');background-size:100% 100%;background-position:center;filter:grayscale(1) invert(1);opacity:.18}
.feature-banner{background-image:url('assets/optimized/2d477692378e3575403635ea.webp');background-size:100% 100%;background-position:center;filter:none}.feature-warrior{position:absolute;height:98%;width:54%;right:-3%;bottom:-5%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 8px #1113);z-index:1}.feature-vignette{background:linear-gradient(90deg,#efefefee,#e6e6e69c 55%,#e0e0e026),linear-gradient(0deg,#dddddda6,transparent)}.feature-copy{z-index:2}.banner-seal{z-index:3}
.event-tile.blood:before,.event-tile.devil:before,.event-tile.chaos:before{background-image:url('assets/optimized/2d477692378e3575403635ea.webp');opacity:.9;background-size:100% 100%}.event-tile.blood:before{background-position:center bottom}.event-tile.devil:before{transform:scaleX(-1)}.event-tile.chaos:before{background-position:center top}.event-tile:after{background:linear-gradient(90deg,#19191988,transparent)}
.skip{background:#dedede;color:#222}
@media(max-width:1100px){.hero-party{left:47%;right:0}.party-elf{left:-8%}.party-dw{left:53%}.hero-edition{right:8px}}
@media(max-width:900px){.hero-copy{width:400px}.hero-party{left:48%;right:-4%;opacity:.85}.party-elf{display:none}.party-dw{left:40%;transform:scale(.8)}.party-dk{left:-2%;transform:scale(1)}.hero-edition{display:none}}
@media(max-width:650px){.hero{height:448px}.hero-party{left:29%;right:-23%;top:35px;bottom:24px;opacity:.25}.party-dk{left:6%;transform:scale(1)}.party-dw{display:none}.hero:after{background:linear-gradient(90deg,#eeeeeee6,#e8e8e891),linear-gradient(0deg,#e8e8e8,transparent 45%)}.hero-copy{width:100%;max-width:400px}.character-display{min-height:348px}.character-display>:is(img,.mu-model){height:320px;width:53%;left:-8px;bottom:0}.character-copy{margin-left:46%;padding-top:23px}.character-copy>p{font-size:9px}.equipment-list{margin-bottom:12px;padding:7px 0}.equipment-list>div{display:block;padding:3px 0}.equipment-list dt{font-size:6px}.equipment-list dd{font-size:9px}.main-nav small{color:#767676}}