.mulab-home{background:#090b10;background-image:radial-gradient(ellipse at 86% 15%,#5e182938,transparent 42%),radial-gradient(ellipse at 15% 55%,#18344938,transparent 48%)}.mulab-home .site-header{background:#090b10ee;border-bottom:1px solid #a57b3e55}.mulab-home .brand{font-family:Georgia,serif;letter-spacing:1px}.battle-hero{isolation:isolate;display:block;overflow:visible;min-height:630px;margin-top:0}.battle-hero:before{content:"";position:absolute;z-index:-2;inset:0 -28px;background:linear-gradient(90deg,#0a0b10f5 15%,#0a0b1099 50%,#0a0b1022),url('/Templates/openmu/Assets/images/map.jpg') center/cover;opacity:.28;mask-image:linear-gradient(#000 65%,transparent)}.battle-hero .hero-copy{padding:64px 0 82px;width:56%;text-shadow:0 2px 20px #000}.hero-wordmark{font-family:Georgia,serif;font-weight:700;font-size:92px;line-height:1;letter-spacing:-7px;margin:24px 0 12px;color:#f2d49e;text-shadow:0 3px 0 #785033,0 0 45px #dd922c45}.hero-wordmark span{color:#c98b45}.battle-hero h1{font-size:48px;line-height:1.1;margin:22px 0}.battle-hero h1 em{color:#f0c991}.battle-hero p{color:#c0b8b4}.battle-hero .eyebrow{font-size:11px;color:#edc785}.battle-hero .btn-custom-2{background:linear-gradient(#f2cd8f,#b97b35);border-color:#f3c88a;box-shadow:0 0 30px #d77d292b,inset 0 1px #fff5;color:#21140c;letter-spacing:1px}.battle-hero .btn-custom-1{background:#0a0c14b3;border-color:#a08057;letter-spacing:1px}.battle-art{position:absolute;z-index:-1;right:-28px;top:0;width:64%;height:100%;overflow:hidden;mask-image:linear-gradient(to bottom,#000 80%,transparent)}.battle-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090b10 0%,transparent 25%,transparent 85%,#090b1099),linear-gradient(0deg,#090b10,transparent 25%);pointer-events:none}.battle-art img{position:absolute;object-fit:cover;object-position:50% 0;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);filter:saturate(1.15) contrast(1.08);height:88%;width:64%;bottom:0}.battle-art .battle-mage{left:-8%;height:86%;opacity:.8;transform:rotate(-9deg)}.battle-art .battle-elf{right:-9%;height:86%;opacity:.82;transform:rotate(8deg)}.battle-art .battle-knight{left:21%;width:67%;height:97%;z-index:1;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 77%,transparent)}.hero-explore{position:absolute;bottom:20px;left:0;font-size:10px;letter-spacing:2px;color:#af9674}.hero-explore span{margin-left:16px}.mulab-home .world-strip{border-color:#98744366;background:linear-gradient(90deg,transparent,#b78a3912,transparent);margin-bottom:48px}.class-heading h2{font-size:32px;color:#ead8ba}.class-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.class-card{border-radius:2px;min-height:320px;border-color:#65523d;box-shadow:0 12px 30px #0005}.class-portrait{aspect-ratio:auto;position:absolute;inset:0}.class-portrait img{object-position:50% 15%;object-fit:cover}.class-caption{position:absolute;bottom:0;left:0;right:0;border:0;padding:55px 12px 19px;background:linear-gradient(transparent,#090c12e8 36%,#090c12)}.class-code{font-size:10px;letter-spacing:2px}.class-caption h3{font-size:19px;line-height:1.15;min-height:44px;margin:8px 0}.class-caption p{font-size:11px;min-height:35px;color:#c2bcc0}.continent-banner{position:relative;isolation:isolate;overflow:hidden;min-height:270px;display:flex;align-items:center;margin:0 0 52px;border:1px solid #82644488;padding:32px 38px;background:#17130f}.continent-banner>div{position:relative;z-index:1}.continent-banner h2{font-size:34px;color:#e8d2ad}.continent-banner p{font-size:13px;color:#c0b6a5}.continent-banner img{position:absolute;z-index:0;right:0;top:0;width:62%;height:100%;object-fit:cover;opacity:.65;mask-image:linear-gradient(90deg,transparent,#000 45%)}.continent-banner .btn{background:#100f0ccd}.mulab-home .news-card,.mulab-home .side-panel{background:linear-gradient(135deg,#171a20ed,#0e1118);border-color:#65523d77;border-radius:3px}.mulab-home .news-card h3{color:#e4cda9}
@media(min-width:761px) and (max-width:1100px){.class-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.class-card:last-child{grid-column:auto;width:auto}.class-card{min-height:330px}.battle-hero h1{font-size:42px}.hero-wordmark{font-size:80px}.battle-hero .hero-copy{width:60%}}
@media(max-width:760px){.battle-hero{min-height:750px}.battle-hero .hero-copy{width:100%;padding:32px 0 310px}.hero-wordmark{font-size:68px;margin:18px 0 8px}.battle-hero h1{font-size:36px;margin:18px 0}.battle-hero p{font-size:14px}.battle-hero .hero-actions{gap:9px;margin-top:22px}.battle-hero .btn{font-size:11px;padding:12px}.battle-art{top:auto;bottom:15px;right:-22px;width:calc(100% + 44px);height:345px;z-index:-1}.battle-art:after{background:linear-gradient(0deg,#090b10,transparent 45%),linear-gradient(180deg,#090b10,transparent 25%)}.battle-art .battle-knight{width:57%;left:25%}.battle-art .battle-mage{left:0;width:56%}.battle-art .battle-elf{right:-3%;width:56%}.hero-explore{bottom:0;z-index:3}.mulab-home .world-strip{margin-top:15px;margin-bottom:32px}.class-heading h2{font-size:28px}.class-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.class-card{min-height:295px}.class-card:last-child{grid-column:1 / -1;width:calc((100% - 12px)/2)}.class-caption h3{font-size:21px}.class-caption p{min-height:35px}.continent-banner{padding:26px 22px;min-height:310px}.continent-banner h2{font-size:29px}.continent-banner img{width:100%;opacity:.3;mask-image:linear-gradient(0deg,#000,transparent)}.continent-banner p{max-width:240px}}

@media(max-width:760px){.battle-hero:before{inset:0 -22px}}