:root{--bg:#15130f;--panel:#211e18;--gold:#c5a56b;--bright:#e2c38b;--muted:#999184;--line:#514332;--font:Tahoma,Arial,sans-serif;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:#c6bdae;background:radial-gradient(ellipse at 50% 450px,#31281d55,transparent 75%),url('assets/grain.svg'),#15130f;font:12px/1.7 var(--font)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid #eed09a;outline-offset:4px}button,a{transition:color .18s,background-color .18s,filter .18s}button:hover,a:hover{color:#f0d6a2}img{max-width:100%}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:fixed;top:-80px;left:20px;z-index:99;padding:12px;background:#d9bd81;color:#17130f}.skip:focus{top:12px}.utility{height:36px;background:#12110e;border-bottom:1px solid #42372a;color:#928779;font-size:10px;letter-spacing:.6px}.utility-inner,.utility-inner>div{display:flex;align-items:center;justify-content:space-between;height:100%}.tiny-mu{font:bold 19px var(--serif);color:#c5ad7e;margin-right:12px;letter-spacing:-3px}.utility-inner>div{gap:18px}.utility-inner i{width:1px;height:11px;background:#41392c}.utility button{background:none;padding:0;font-size:10px}.utility a span{margin-left:8px}.language{color:#c5ad7e}.language span{margin-left:8px}.hero{height:460px;position:relative;background:#211b16 url('assets/optimized/2d477692378e3575403635ea.webp') center 35%/cover no-repeat;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0e0e0bc9 0%,#19150e33 45%,#0b0b0b05 75%,#0d0c0b66),linear-gradient(0deg,#17130f 0%,transparent 25%)}.hero-inner{height:100%;position:relative}.hero-copy{width:510px;text-align:center;padding-top:24px}.hero-eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;color:#c8b188;letter-spacing:3px;font-size:10px}.hero-eyebrow>span{width:35px;height:1px;background:linear-gradient(90deg,transparent,#9e8150)}.hero-eyebrow>span:last-child{transform:rotate(180deg)}.game-logo{display:flex;flex-direction:column;width:240px;margin:0 auto;position:relative;line-height:1}.logo-main{font:bold 135px/.95 var(--serif);letter-spacing:-17px;padding-right:16px;color:#d1c7a8;text-shadow:0 2px 0 #352a19,0 -1px 0 #f5eee2,3px 5px 4px #000;transform:scaleX(1.2)}@supports (background-clip:text){.logo-main{background:linear-gradient(#f1e9d4 10%,#a99c81 36%,#f9edcc 45%,#8d7d5d 51%,#c6b38c 68%,#73654c 80%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 1px #060504) drop-shadow(0 -1px 1px #d6c49c)}}.logo-season{font:10px var(--serif);color:#b3a992;letter-spacing:4px;margin-top:0}.logo-name{font:bold 26px/1.5 var(--serif);color:#d8b578;letter-spacing:9px;padding-left:9px;text-shadow:0 3px 5px #000}.hero h1{font:normal 22px/1.55 var(--serif);letter-spacing:1.8px;color:#e7d8b8;margin:15px 0 8px;text-shadow:0 2px 3px #000}.hero-copy>p{color:#c1b7a1;line-height:1.9;font-size:12px;margin:0 0 22px;text-shadow:0 1px 3px #000}.metal-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:43px;padding:0 21px;border:1px solid #9b7842;border-top-color:#c3a064;outline:1px solid #2c2216;outline-offset:2px;background:linear-gradient(0deg,#513a22 0%,#6e5130 46%,#83613b 50%,#9b774a 100%);box-shadow:inset 0 0 0 2px #3a2b1f80,inset 0 0 16px #b9914c22,0 4px 10px #0007;color:#f6e3bc;font-size:12px;font-weight:bold;letter-spacing:.5px;text-shadow:0 1px 2px #31200c}.metal-button:hover{filter:brightness(1.18)}.metal-button:before,.metal-button:after{content:'◆';position:absolute;font-size:6px;top:calc(50% - 6px);color:#caa468}.metal-button:before{left:5px}.metal-button:after{right:5px}.metal-button>span{margin-left:15px}.hero-cta{min-width:230px}.hero-cta svg{width:20px}.hero-edition{position:absolute;right:0;bottom:44px;display:flex;flex-direction:column;align-items:center;color:#e0c898;text-shadow:0 2px 3px #000}.hero-edition>span{font-size:9px;letter-spacing:2px}.hero-edition>strong{font:normal 25px/1.6 var(--serif);letter-spacing:4px}.hero-edition>i{font:italic 13px var(--serif);color:#a99c80}.hero-bottom{position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(#ac875033,#33291b,#100e0b);border-bottom:1px solid #715536}.site-shell{position:relative;margin-top:-1px}.main-nav{display:grid;grid-template-columns:repeat(7,1fr);height:71px;border:1px solid #6f5a3d;border-top:2px solid #917246;outline:1px solid #080807;box-shadow:0 4px 15px #0008,inset 0 0 0 3px #15130e;background:linear-gradient(#423a2f,#26231d 48%,#211e19 51%,#302920)}.main-nav>a,.main-nav>button{background:none;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;color:#b8ac93;gap:3px;border-right:1px solid #4f4331;box-shadow:inset -1px 0 0 #16130f;font-family:var(--serif)}.main-nav>:last-child{border:0;box-shadow:none}.main-nav span{font-size:13px;font-weight:bold;letter-spacing:.3px}.main-nav small{font-family:var(--font);font-size:8px;letter-spacing:1.5px;color:#867a66}.main-nav .active{color:#e5c48a;background:linear-gradient(#62503a55,#8f6a2e22);text-shadow:0 0 20px #ca985c}.main-nav .active:after{content:'◆';font-size:7px;position:absolute;bottom:-6px;color:#ba975d;background:#231e16;line-height:9px;padding:0 12px}.main-nav>a:hover,.main-nav>button:hover{background-color:#9b78421c}.announcement{height:46px;display:flex;align-items:center;gap:20px;font-size:10px;color:#aaa08d;border-bottom:1px solid #443727;margin-bottom:20px}.announcement-label{display:flex;align-items:center;gap:8px;color:#ccb17d;font-size:10px;font-weight:bold;border-right:1px solid #4a3b28;padding-right:20px;flex-shrink:0}.announcement-label svg{width:15px}.announcement>a{margin-left:auto;color:#c7a464;font-size:20px}.portal-grid{display:grid;grid-template-columns:224px minmax(0,1fr) 260px;gap:17px;align-items:start}.left-column,.center-column,.right-column{min-width:0;display:flex;flex-direction:column;gap:17px}.panel{border:1px solid #514332;outline:1px solid #090907;background:linear-gradient(110deg,#2b261f44,transparent 60%),url('assets/grain.svg'),#211e19;box-shadow:inset 0 0 0 3px #15130e55,0 3px 9px #0003;scroll-margin-top:20px}.panel-title{font:normal 12px var(--serif);color:#d5ba85;letter-spacing:.4px;display:flex;align-items:center;gap:9px;margin:0;padding:14px 13px 12px;border-bottom:1px solid #514332;background:linear-gradient(#3b3327,#27221c);position:relative;box-shadow:inset 0 1px 0 #8d714933}.panel-title:after{content:'◆';position:absolute;right:10px;font-size:6px;color:#846744}.panel-title svg{width:16px;height:16px;color:#b49a6e}.panel-inner{padding:14px}.panel-inner>p:first-child{margin:0 0 13px;color:#a39a8b;font-size:10px}.download-block{min-height:94px;display:flex;align-items:center;text-align:left;gap:11px;padding:15px 14px;position:relative;color:#f2d5a5;background:radial-gradient(ellipse at top,#b18a4470,transparent),linear-gradient(#77522b,#5f3f21 45%,#54351d 51%,#775129);border:1px solid #c09859;outline:1px solid #090907;box-shadow:inset 0 0 0 3px #2c211655,inset 0 0 0 4px #b58b4033,0 4px 9px #0005;text-shadow:0 2px 3px #30200f}.download-block:before{content:'';position:absolute;inset:6px;border:1px solid #d3a55c40;pointer-events:none}.download-block>svg{height:35px;width:33px;stroke-width:1.1}.download-block strong{display:block;font:normal 27px/1.3 var(--serif);letter-spacing:1px}.download-block small{font-size:7px;letter-spacing:.7px;color:#c5ac82}.download-arrow{font-size:28px;margin-left:auto;color:#bd9253}.download-block:hover{filter:brightness(1.15)}.full{width:100%;font-size:10px;min-height:38px;letter-spacing:.1px;justify-content:space-between;padding:0 13px}.dark-button{background:linear-gradient(#393126,#241f18);border:1px solid #6d5839;box-shadow:inset 0 0 0 2px #17140f;margin-top:9px;color:#c8b38d}.text-button{background:none;display:block;margin:11px auto 0;color:#8d8372;font-size:9px;text-decoration:underline;text-underline-offset:3px}.account-panel .panel-inner>p{text-align:center;font-size:10px}.server-name{display:flex;align-items:center;gap:6px;font-size:10px;padding:1px 0 12px}.server-name strong{color:#bfb49e;letter-spacing:.2px}.server-name>span:last-child{margin-left:auto;font-size:7px;color:#a78a5b;border:1px solid #5f4a2f;padding:0 4px}.status-dot{height:5px;width:5px;background:#c19d63;box-shadow:0 0 8px #c19d6344;display:inline-block}.server-info dl{margin:0}.server-info dl>div{display:flex;justify-content:space-between;padding:7px 0;border-top:1px dotted #594a353b;font-size:10px}.server-info dt{color:#9c9282}.server-info dd{margin:0;color:#ceb88e}.server-info .pending{color:#8f8370;font-size:9px}.server-note{margin:10px 0 0;border-top:1px solid #443728;padding-top:11px;font-size:9px;line-height:1.9;color:#897e6b}.community-block{border:1px solid #4d5260;outline:1px solid #090907;background:linear-gradient(115deg,#38404d,#232833 80%);display:flex;gap:16px;align-items:center;min-height:97px;padding:13px}.facebook-glyph{font:bold 48px Georgia;color:#a1b1cb;text-shadow:2px 2px #111c2e}.community-block small{font-size:8px;letter-spacing:1px;color:#a6adbb}.community-block strong{display:block;font:normal 14px/1.9 var(--serif);color:#d1d0c5}.community-block em{font-style:normal;font-size:9px;color:#8d99b0}.community-block b{margin-left:11px}.nostalgia-note{text-align:center;color:#8b7758;margin-top:7px}.nostalgia-note>span{font-size:21px;color:#a28659}.nostalgia-note p{font:italic 14px/1.9 var(--serif);color:#a99b82;margin:7px 0 17px}.nostalgia-note small{font-size:7px;letter-spacing:1.5px;color:#6f6555}.feature-banner{height:245px;position:relative;overflow:hidden;border:1px solid #756040;outline:1px solid #090907;background:#231d16 url('assets/optimized/2d477692378e3575403635ea.webp') 74% center/cover no-repeat;box-shadow:inset 0 0 0 4px #33291c}.feature-banner:after{content:'';position:absolute;inset:5px;border:1px solid #c4a46555;pointer-events:none}.feature-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#161511ee 0%,#251d1099 50%,transparent),linear-gradient(0deg,#16110d99,transparent 70%)}.feature-copy{position:relative;padding:26px;z-index:1}.eyebrow{font-size:8px;color:#bc9c64;letter-spacing:1.8px}.feature-copy h2{font:normal 29px/1.3 var(--serif);color:#e4d1ab;letter-spacing:1.6px;margin:10px 0;text-shadow:0 2px 5px #080704}.feature-copy p{font-size:10px;color:#bbad93;margin:0 0 19px}.small-bronze{font-size:8px;letter-spacing:.7px;background:linear-gradient(#695032,#3e2e1c);border:1px solid #9c7b47;box-shadow:inset 0 0 0 2px #302517;padding:9px 13px;color:#dcc69e}.small-bronze>span{margin-left:10px}.banner-seal{position:absolute;right:20px;top:19px;font:27px/1 var(--serif);color:#c6aa70;width:53px;height:64px;text-align:center;padding-top:9px;border:1px solid #9c7b4d55;background:#201b1599;clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%)}.banner-seal small{display:block;font:6px/2.8 var(--font);letter-spacing:1px}.section-heading{height:47px;display:flex;align-items:center;gap:17px;padding:0 17px;background:linear-gradient(#3a3125,#28221b);border-bottom:1px solid #57442e;box-shadow:inset 0 1px 0 #ad875032}.section-heading h2{font:normal 13px var(--serif);color:#d4b67e;letter-spacing:.4px;white-space:nowrap;margin:0}.heading-ornament{display:flex;align-items:center;gap:8px;flex:1;color:#8f7248;font-size:6px}.heading-ornament:before{content:'';height:1px;flex:1;background:linear-gradient(90deg,#6a5130,transparent)}.news-tabs,.class-tabs{display:flex;align-items:stretch;border-bottom:1px solid #463725;background:#191713;min-height:38px;padding:0 12px;gap:18px}.news-tabs button,.class-tabs button{background:none;font-size:10px;position:relative;padding:0 2px;color:#978b76}.news-tabs .selected,.class-tabs .selected{color:#e1bd7b}.news-tabs .selected:after,.class-tabs .selected:after{position:absolute;content:'';height:2px;bottom:-1px;left:0;right:0;background:#b79556;box-shadow:0 -2px 10px #ba974833}.news-list{padding:4px 16px 7px;min-height:206px}.news-row{display:flex;width:100%;gap:10px;align-items:center;text-align:left;background:none;border-bottom:1px dotted #5d4b3244;padding:11px 0;font-size:10px;min-height:40px}.news-row:last-child{border-bottom:0}.news-tag{font-size:8px;flex-shrink:0;min-width:51px;text-align:center;color:#b89b6a;border:1px solid #665031;padding:1px 3px;background:#3a2b1644}.news-tag.event{color:#bb8571;border-color:#664332;background:#46271933}.news-tag.guide{color:#8f9f90;border-color:#3f5345;background:#253b2b33}.news-row:first-child .news-text{color:#d0b57f}.news-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-tag{font-size:7px;color:#dcb174;letter-spacing:.3px}.news-chevron{font-size:15px;color:#6c5940}.news-footer{padding:9px 16px;background:#18161077;border-top:1px solid #443726;display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#736a5c}.news-footer a{color:#b19870}.news-footer a span{margin-left:9px}.class-tabs{gap:0;padding:0;justify-content:space-around;min-height:39px}.class-tabs button{font-size:9px;padding:0 9px}.character-display{position:relative;min-height:259px;overflow:hidden;background:radial-gradient(ellipse at 27% 65%,#6b512e33,transparent 65%),linear-gradient(120deg,#171713,#282018)}.character-display:after{content:'';position:absolute;inset:auto 0 0;height:35px;background:linear-gradient(transparent,#19161088);pointer-events:none}.character-display>:is(img,.mu-model){position:absolute;left:-5px;bottom:-13px;width:51%;height:266px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 7px 15px #0008);z-index:1}.character-rune{position:absolute;left:12px;top:0;font:240px/.95 Georgia;color:#75603922;transform:rotate(-15deg);user-select:none}.character-copy{position:relative;margin-left:48%;padding:29px 18px 23px 0;z-index:2}.character-copy h3{font:normal 24px/1.3 var(--serif);letter-spacing:.7px;color:#d9c195;margin:6px 0 10px}.character-copy>p{font-size:10px;line-height:1.95;color:#a79a83;margin:0 0 14px}.class-traits{display:flex;gap:7px;margin-bottom:14px}.class-traits>span{border:1px solid #66503355;padding:2px 7px;font-size:8px;color:#b1986d;background:#16130d55}.text-link{font-size:9px;color:#c8aa73;background:none;padding:0}.text-link>span{margin-left:15px}.panel-subtitle{font-size:9px;color:#8f826d;margin:12px 13px 10px}.event-tile{height:76px;position:relative;margin:0 9px 8px;padding:0 12px;width:calc(100% - 18px);text-align:left;display:flex;align-items:center;justify-content:space-between;border:1px solid #6d5435;box-shadow:inset 0 0 0 3px #17130b77;background:#211b15;overflow:hidden}.event-tile:before{content:'';position:absolute;inset:0;background-size:cover;background-position:center;opacity:.6;transition:transform .3s}.event-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#17110edb 8%,#22120b55 85%),linear-gradient(0deg,#120f0c66,transparent);pointer-events:none}.event-tile.blood:before{background-image:url('assets/optimized/2d477692378e3575403635ea.webp');filter:sepia(.4)}.event-tile.devil:before{background-image:url('assets/optimized/2d477692378e3575403635ea.webp');filter:sepia(.5);background-position:center 35%}.event-tile.chaos:before{background-image:url('assets/optimized/2d477692378e3575403635ea.webp');filter:sepia(.2)}.event-tile>span,.event-tile>b{position:relative;z-index:1}.event-tile small{display:block;font-size:8px;color:#bb9c6a;letter-spacing:.7px;margin-bottom:2px}.event-tile strong{font:normal 17px var(--serif);color:#dcc198;text-shadow:0 2px 3px #000}.event-tile>b{font:24px var(--serif);color:#b49361}.event-tile:hover:before{transform:scale(1.06)}.event-footnote{font-size:8px;line-height:1.9;color:#8c7f69;padding:0 12px 12px;margin:11px 0 0}.event-footnote>span{font-size:13px;margin-right:5px;color:#b39b75}.ranking-tabs{display:flex;min-height:37px;border-bottom:1px solid #493a27;background:#1a1712}.ranking-tabs>button{background:none;flex:1;font-size:10px;color:#8a7c64;border-right:1px solid #493a27}.ranking-tabs>button:last-child{border-right:0}.ranking-tabs .selected{color:#ccac72;background:linear-gradient(#61492a33,transparent);box-shadow:inset 0 -1px #b58b49}.ranking-empty{text-align:center;padding:24px 19px 22px}.ranking-empty>svg{width:37px;height:37px;color:#987b4d;stroke-width:.8;margin-bottom:12px}.ranking-empty strong{display:block;font:10px/1.6 var(--serif);color:#bd9e69}.ranking-empty p{font-size:9px;line-height:1.9;color:#8d806b;margin:10px 0 15px}.ranking-empty>span{font-size:8px;letter-spacing:1.2px;color:#75654c}.quick-guide>button{background:none;width:calc(100% - 22px);margin:0 11px;padding:11px 0;border-bottom:1px dotted #55432d77;display:flex;align-items:center;gap:8px;text-align:left;font-size:9px;color:#b7a78c}.quick-guide>button:last-child{border:0}.quick-guide>button>span{font:11px var(--serif);color:#76603f}.quick-guide>button>b{font:16px var(--serif);color:#8d7044;margin-left:auto}.return-banner{margin-top:26px;border:1px solid #57442c;outline:1px solid #090907;padding:25px 31px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;background:radial-gradient(ellipse at 80% 50%,#79592b1c,transparent),linear-gradient(100deg,#342a1e,#201c16);box-shadow:inset 0 0 0 4px #16130e55}.return-banner:before{content:'';position:absolute;inset:6px;border:1px solid #a4844529;pointer-events:none}.return-banner .eyebrow{font-size:7px;letter-spacing:1.2px}.return-banner h2{font:normal 23px var(--serif);color:#c9b18a;letter-spacing:.7px;margin:7px 0}.return-banner p{font-size:10px;color:#8e816b;margin:0}.return-banner .metal-button{font-size:10px;min-width:213px}footer{display:flex;align-items:center;gap:25px;border-top:1px solid #403321;margin-top:28px;padding:28px 5px 34px;color:#7b705e}footer strong{font-size:9px;font-weight:normal;color:#9a886a;letter-spacing:1px}footer p{font-size:9px;margin:4px 0}footer small{font-size:8px;color:#655d50}.footer-logo{font:bold 46px/.9 var(--serif);color:#8e7d5c;letter-spacing:-5px;display:flex;align-items:center;gap:14px;white-space:nowrap}.footer-logo>span{font:7px/1.8 var(--serif);letter-spacing:1.3px;display:inline-block}.footer-links{margin-left:auto;display:flex;gap:15px;font-size:8px;white-space:nowrap}.footer-links button{background:none;font-size:8px;padding:0;color:#7b705e}dialog{padding:5px;background:#201b14;border:1px solid #977445;color:#c6b79e;width:min(620px,calc(100% - 34px));max-height:85vh;box-shadow:0 20px 100px #000c}dialog::backdrop{background:#080806d9;backdrop-filter:blur(3px)}.dialog-frame{border:1px solid #675031;padding:30px;position:relative;background:radial-gradient(ellipse at top right,#88632a18,transparent 75%),url('assets/grain.svg')}.dialog-close{position:absolute;right:10px;top:5px;background:none;color:#ad9163;font-size:27px;line-height:1.4;padding:0 7px}.dialog-kicker{font-size:8px;letter-spacing:2px;color:#937849;padding-right:25px}.dialog-frame h2{font:normal 25px/1.5 var(--serif);color:#d4b67f;margin:13px 0 20px}.dialog-frame h3{color:#ccb38b;font-size:13px;margin:22px 0 7px}.dialog-frame p,.dialog-frame li{font-size:12px;line-height:2;color:#b5a78e}.dialog-frame ul,.dialog-frame ol{padding-left:19px}.dialog-frame a:not(.metal-button){color:#ddbb7e;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.dialog-frame .metal-button{margin-top:12px;font-size:10px}.dialog-note{padding:10px 14px;border-left:2px solid #9d7843;background:#80602b14;font-size:11px!important}.dialog-footer{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:29px;padding-top:17px;border-top:1px solid #4d3d28;font-size:7px;letter-spacing:2px;color:#746040}.dialog-footer>span{font-size:6px}.news-empty{padding:20px 0;font-size:11px;color:#a99a81}
@media(min-width:1500px){.hero{height:490px;background-position:center 39%}.hero-copy{padding-top:35px}.hero-inner{width:1180px}.hero-edition{bottom:47px}.hero h1{margin-top:19px}.hero-copy>p{margin-bottom:24px}}
@media(max-width:1100px){.wrap{width:calc(100% - 36px)}.portal-grid{grid-template-columns:205px minmax(0,1fr) 235px;gap:13px}.left-column,.center-column,.right-column{gap:13px}.download-block{gap:8px;padding:13px 10px}.download-block strong{font-size:24px}.download-block>svg{width:28px}.section-heading{padding:0 12px}.section-heading h2{font-size:11px;letter-spacing:.1px}.class-tabs button{font-size:8px;padding:0 5px}.feature-copy{padding:25px 20px}.feature-copy h2{font-size:27px}.character-copy h3{font-size:21px}.character-copy{padding-right:12px}.character-copy>p{font-size:9px}.news-tabs{gap:13px}.news-row{gap:7px;font-size:9px}.news-tag{font-size:7px;min-width:47px}.news-footer>span{display:none}.news-footer{justify-content:flex-end}.event-tile strong{font-size:15px}.return-banner h2{font-size:20px}.footer-links{gap:10px}}
@media(max-width:900px){.portal-grid{grid-template-columns:205px minmax(0,1fr)}.right-column{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:13px}.hero{background-position:62% center}.hero-copy{width:440px}.hero-edition{right:12px;bottom:25px}.main-nav span{font-size:11px}.main-nav small{font-size:7px;letter-spacing:.7px}.main-nav{height:63px}.right-column .panel-title{font-size:10px;padding-left:10px;gap:7px}.right-column .panel-title svg{width:13px}.right-column .panel-title:after{display:none}.event-tile{height:67px;padding:0 8px}.event-tile strong{font-size:13px}.event-tile small{font-size:6px}.panel-subtitle{font-size:8px}.event-footnote{font-size:7px}.quick-guide>button{font-size:8px}.return-banner{padding:22px}.return-banner h2{font-size:18px}.return-banner .metal-button{min-width:190px;font-size:9px;padding:0 12px}.footer-links{flex-direction:column;gap:3px}footer{gap:20px}.character-display>:is(img,.mu-model){width:49%}.character-copy{margin-left:47%;padding-top:30px}.character-copy>p{font-size:10px}.character-display{min-height:265px}.news-row{font-size:10px}.section-heading h2{font-size:12px}}
@media(max-width:650px){.wrap{width:calc(100% - 24px)}.utility{height:31px;font-size:8px}.utility-inner>div{gap:10px}.utility-inner i{display:none}.utility-inner>span{font-size:7px;letter-spacing:.3px}.tiny-mu{font-size:16px;margin-right:7px}.utility a,.utility button{font-size:8px}.language{display:none}.hero{height:448px;background-position:66% center}.hero-shade{background:linear-gradient(90deg,#13110de0,#15110e77 60%,#11100e55),linear-gradient(0deg,#17130f,transparent 30%)}.hero-copy{width:100%;max-width:400px;padding-top:30px;margin:auto}.hero-eyebrow{font-size:8px;letter-spacing:2px}.logo-main{font-size:121px}.logo-name{font-size:24px}.hero h1{font-size:20px;letter-spacing:1px;margin-top:16px}.hero-copy>p{font-size:11px;margin-bottom:20px}.hero-edition{display:none}.hero-cta{min-height:41px;font-size:11px;min-width:218px}.main-nav{display:grid;grid-template-columns:repeat(4,1fr);height:auto;border-width:1px;border-top-width:2px}.main-nav>a,.main-nav>button{min-height:55px;border-bottom:1px solid #493b29}.main-nav>:nth-child(4){border-right:0}.main-nav>:nth-child(n+5){min-height:45px;border-bottom:0}.main-nav>:last-child{grid-column:3/5}.main-nav span{font-size:10px}.main-nav small{font-size:6px;letter-spacing:1px}.main-nav .active:after{display:none}.announcement{height:48px;gap:11px;font-size:8px;margin-bottom:13px}.announcement-label{font-size:8px;padding-right:10px;gap:5px}.announcement-label svg{width:13px}.announcement>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-grid{display:flex;flex-direction:column;gap:15px}.left-column{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:12px}.download-block{grid-column:1;min-height:86px;padding:12px 14px}.download-block strong{font-size:24px}.download-block small{font-size:6px}.download-block>svg{width:26px;height:30px}.download-arrow{font-size:21px}.account-panel{grid-column:2;grid-row:1;background:none;border:0;outline:0;box-shadow:none}.account-panel .panel-title,.account-panel .panel-inner>p,.account-panel .text-button{display:none}.account-panel .panel-inner{padding:0}.account-panel .metal-button{min-height:39px;font-size:8px;padding:0 12px;outline-offset:0}.account-panel .dark-button{margin-top:8px;min-height:39px;font-size:8px}.left-column #thong-tin{grid-column:1/-1;grid-row:3;display:none}.community-block,.nostalgia-note{display:none}.center-column{width:100%;gap:15px}.feature-banner{height:242px}.feature-copy{padding:27px 23px}.feature-copy h2{font-size:29px}.feature-copy p{max-width:200px;font-size:9px}.section-heading{padding:0 14px;height:45px}.section-heading h2{font-size:11px}.news-tabs{gap:21px;padding:0 14px}.news-tabs button{font-size:9px}.news-list{padding:4px 13px}.news-row{font-size:9px;gap:7px;min-height:43px}.news-tag{font-size:7px}.news-footer>span{display:block;font-size:7px}.news-footer{justify-content:space-between;font-size:8px;padding:10px 13px}.class-tabs button{font-size:8px;padding:0 5px}.character-display{min-height:266px}.character-display>:is(img,.mu-model){height:254px;left:-12px;width:53%}.character-copy{margin-left:46%;padding:24px 13px 22px 0}.character-copy h3{font-size:22px}.character-copy>p{font-size:9px;line-height:1.9}.character-copy .eyebrow{font-size:7px;letter-spacing:1.3px}.character-rune{font-size:220px}.right-column{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:12px}.event-panel{grid-column:1/-1}.event-panel .panel-subtitle{margin-bottom:12px}.event-tile{width:calc(100% - 20px);margin:0 10px 9px;height:81px;padding:0 15px}.event-tile strong{font-size:21px}.event-tile small{font-size:8px}.event-footnote{font-size:8px;padding-left:13px}.right-column .panel-title{font-size:9px;gap:6px;padding:12px 9px}.right-column .panel-title svg{width:14px;height:14px}.ranking-tabs{min-height:34px}.ranking-tabs>button{font-size:8px}.ranking-empty{padding:20px 12px}.ranking-empty strong{font-size:9px}.ranking-empty p{font-size:8px}.ranking-empty>span{font-size:6px}.quick-guide>button{gap:6px;font-size:8px;padding:13px 0}.quick-guide>button>span{font-size:10px}.quick-guide>button>b{display:none}.return-banner{margin-top:19px;flex-direction:column;text-align:center;gap:18px;padding:23px 18px}.return-banner h2{font-size:19px;line-height:1.6}.return-banner .eyebrow{font-size:6px;letter-spacing:1px}.return-banner p{font-size:9px}.return-banner .metal-button{font-size:9px;min-width:220px;min-height:38px}footer{flex-wrap:wrap;justify-content:center;text-align:center;padding:25px 5px;margin-top:20px;gap:16px}.footer-logo{font-size:40px}footer>div:nth-child(2){width:100%}.footer-links{margin:0;flex-direction:row;font-size:8px;gap:20px}.dialog-frame{padding:26px 20px}.dialog-frame h2{font-size:22px}.dialog-frame p,.dialog-frame li{font-size:11px}.dialog-kicker{font-size:7px}}
.hero{background-position:center top}.download-block strong{white-space:nowrap;font-size:24px}.download-block{gap:8px;padding-left:12px;padding-right:12px}.download-block>svg{width:27px}.download-arrow{font-size:23px}.download-block small{font-size:6px;letter-spacing:.4px}.skip{top:0;transform:translateY(-200%)}.skip:focus{top:12px;transform:translateY(0)}
@media(max-width:650px){.hero{background-position:66% top}.download-block strong{font-size:22px}.download-block>svg{width:23px}.download-arrow{font-size:18px}.download-block{padding-left:10px;padding-right:10px;gap:6px}}
.skip{position:absolute;top:0;left:20px;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap;margin:-1px;padding:0;transform:none}.skip:focus{position:fixed;top:12px;width:auto;height:auto;clip-path:none;margin:0;padding:12px;transform:none}
@media(max-width:380px){.download-block strong{font-size:19px}.download-arrow{display:none}.download-block>svg{width:20px}.download-block small{font-size:5px}.class-tabs button{font-size:7px}.section-heading h2{font-size:10px}.news-tabs{gap:15px}.utility-inner>span{font-size:6px}.return-banner h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}