
:root{--ms-blue:#168aff;--ms-white:#edf8ff}.ms-site{background:#040b16;color:var(--ms-white);font-family:Arial,sans-serif}.ms-site .site-shell{max-width:1420px;padding:0 28px;margin:auto}.ms-site .hero-art{height:750px;background:url('../images/hero-mustars.png') center top/cover no-repeat;position:absolute;inset:0 0 auto;z-index:-1}.ms-site .hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#020a1438,#040b1611 42%,#040b16)}.ms-hero-video{width:100%;height:100%;object-fit:cover}.ms-site .site-header{display:flex;justify-content:space-between;align-items:center;min-height:84px;border-bottom:1px solid #6dbdff50;background:#040b1680;gap:40px}.ms-auth{display:flex;gap:16px;font-size:12px;flex-shrink:0}.ms-auth a{color:#e6f6ff;font-weight:bold}.ms-site .primary-nav{flex:1;justify-content:center;gap:25px;display:flex}.ms-site .primary-nav a{font-size:12px;letter-spacing:1px;color:#eff8ff}.ms-site .hero{min-height:455px;display:flex;align-items:center;justify-content:center;padding:28px 0}.ms-site .hero-center{max-width:680px;text-align:center}.ms-site .hero-main-logo{width:235px;height:235px;object-fit:contain;filter:drop-shadow(0 0 28px #129dff80);margin:0 auto}.ms-site .hero-tagline{font-size:22px;letter-spacing:3px;color:white}.ms-site .hero-subtitle{font-size:11px;letter-spacing:2px;margin:14px}.ms-site .hero-actions{display:flex;justify-content:center;gap:12px}.ms-site .hero-version{margin:18px;color:#acd6fa;font-size:11px}.ms-site .site-grid{display:grid;grid-template-columns:255px minmax(0,1fr) 245px;gap:22px;align-items:start}.ms-site .side-card,.ms-ranking,.ms-plan{background:linear-gradient(140deg,#102541ed,#071322f5);border:1px solid #65b8ff40;border-radius:10px;box-shadow:0 10px 40px #0004;margin-bottom:20px;overflow:hidden}.ms-site .side-card .title,.ms-ranking>.title{font-size:14px;letter-spacing:1.5px;margin:0;padding:19px;border-bottom:1px solid #65b8ff35;color:#eaf7ff}.ms-site .box{padding:18px}.ms-site .side-card .side-card{border:0;margin:0}.ms-site .side-card ul{list-style:none;padding:0;margin:0}.ms-site .side-card li{display:flex;justify-content:space-between;padding:9px 0;gap:8px}.ms-stats{display:grid;grid-template-columns:1fr 1fr;text-align:center;padding:24px 12px;gap:12px}.ms-stats strong{display:block;font-size:30px;color:#7bc6ff}.ms-stats small{font-size:10px;letter-spacing:1px}.ms-invasions>div{display:flex;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid #ffffff12}.ms-invasions small{font-size:10px;color:#a5c4df}.ms-socials a{display:block;padding:9px 0;color:#c6eaff}.ms-feature{text-align:center;padding-bottom:20px}.ms-feature>img{width:170px;height:170px;object-fit:contain;margin:12px auto}.ms-feature p{padding:0 15px;color:#a9c9e5;font-size:12px}.ms-site .btn{border-radius:5px;padding:12px 20px;display:inline-block;font-size:11px;letter-spacing:1px}.ms-site .btn-primary{background:linear-gradient(130deg,#167dec,#36b0ff);color:white;border:1px solid #87d9ff}.ms-site .btn-secondary{background:#102c46;color:#e1f3ff;border:1px solid #548cb4}.ms-banner{border:1px solid #6dbdff50;border-radius:10px;overflow:hidden;background:#05101e;margin-bottom:22px}.ms-slide{display:block;width:100%}.ms-slide[hidden]{display:none}.ms-slide img,.ms-slide video{display:block;width:100%;height:400px;object-fit:contain;background:#020812}.ms-slider-controls{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#0e2036}.ms-slider-controls button{background:#1c4266;color:#fff;border:1px solid #8abce050;border-radius:4px;font-size:23px;cursor:pointer;width:38px}.ms-slider-controls span{font-size:11px;color:#a5cdef}.ms-rank-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:18px}.ms-rank-tabs a{padding:8px;font-size:10px}.ms-rank-block{padding:0 20px 20px;border-bottom:1px solid #ffffff15}.ms-rank-block h3{font-size:13px;color:#79c8ff;text-transform:uppercase}.ms-rank-block ol{padding-left:23px}.ms-rank-block li{padding:10px 0}.ms-rank-block li span{float:right;color:#8ebee7}.ms-rank-block p{font-size:12px;color:#93adc5}.ms-footer{text-align:center;padding:70px 20px;color:#8aa8c4;font-size:12px}.ms-footer strong{color:white;letter-spacing:3px;font-size:22px}.ms-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ms-plan{padding:18px;text-align:center}.ms-plan>img{max-width:100%;border-radius:6px}.ms-plan h2{font-size:18px}.ms-plan .ms-coin-small{display:block;width:65px;margin:10px auto}.ms-plan p{color:#b5cee7;font-size:13px}.ms-site .menu-toggle{display:none}.ms-site .content{min-width:0}.ms-site .box-rei{padding:20px}.ms-site .champion-empty{padding:20px;font-size:12px;color:#abc6de}
@media(max-width:1100px){.ms-site .site-grid{grid-template-columns:220px minmax(0,1fr)}.ms-site .sidebar.right{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.ms-site .primary-nav{gap:14px}.ms-site .site-header{gap:18px}}@media(max-width:760px){.ms-site .site-shell{padding:0 14px}.ms-site .hero{min-height:420px}.ms-site .site-header{flex-wrap:wrap;min-height:64px;padding:12px}.ms-site .menu-toggle{display:block;color:white;background:#153353;border:1px solid #4da8ef;padding:10px}.ms-site .primary-nav{display:none;width:100%;flex:none;flex-direction:column;gap:18px;padding:20px}.ms-site .primary-nav.is-open{display:flex}.ms-site .site-grid{grid-template-columns:1fr}.ms-site .sidebar-left{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ms-site .sidebar-left #conta{grid-column:1/-1}.ms-site .sidebar-left .side-card{margin:0}.ms-site .content{grid-row:1}.ms-site .sidebar.right{grid-template-columns:1fr 1fr}.ms-slide img,.ms-slide video{height:340px}.ms-site .hero-tagline{font-size:17px}.ms-plan-grid{grid-template-columns:1fr}}@media(max-width:420px){.ms-site .sidebar-left,.ms-site .sidebar.right{grid-template-columns:1fr}.ms-site .hero-main-logo{width:200px;height:200px}.ms-slide img,.ms-slide video{height:300px}}
@media(prefers-reduced-motion:reduce){.ms-hero-video{display:none}*{animation:none!important;scroll-behavior:auto!important}}
.ms-site .hero-art{z-index:0}.ms-site .hero-center{margin-left:0}.ms-site .hero-main-logo{max-height:none}.ms-site .primary-nav{height:auto;min-height:60px}.ms-site .primary-nav>a{height:auto;min-height:38px}.ms-site .site-shell{width:100%}.ms-site .sidebar-left,.ms-site .sidebar.right{gap:0}.ms-site .hero-tagline{margin-top:8px}.ms-site .hero-actions{margin-top:18px}
.ms-site .hero-tagline{color:#f4fbff!important;font-size:22px!important;-webkit-text-stroke:0!important;text-shadow:0 2px 12px #02152a!important}.ms-site .hero-subtitle{color:#b8deff!important;font-size:11px!important;-webkit-text-stroke:0!important;text-shadow:0 2px 10px #02152a!important}@media(max-width:760px){.ms-site .hero-tagline{font-size:17px!important}.ms-site .hero-subtitle{font-size:10px!important}}
/* Páginas completas, ranking com pódio e efeitos do topo. */
.ms-site .ms-portal-logo{display:block;width:88px;height:84px;object-fit:contain;margin:12px auto 0;filter:drop-shadow(0 0 9px #278aff60)}
.ms-lightning{position:absolute;top:0;width:250px;height:640px;background:url('../images/lightning.svg') center/contain no-repeat;filter:drop-shadow(0 0 18px #47bcff);opacity:0;pointer-events:none;animation:ms-thunder 9s linear infinite}
.ms-lightning-left{left:5%}.ms-lightning-right{right:4%;transform:scaleX(-1);animation-delay:4.6s}
@keyframes ms-thunder{0%,56%,59%,62%,100%{opacity:0}57%{opacity:.28}58%{opacity:.7}60%{opacity:.4}61%{opacity:.8}}
.ms-sparks{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 19% 52%,#93d7ff 0 1px,transparent 2px),radial-gradient(circle at 68% 39%,#c9ecff 0 1px,transparent 2px),radial-gradient(circle at 86% 61%,#79c7ff 0 1px,transparent 3px);background-size:260px 290px,310px 410px,390px 440px;opacity:.4;animation:ms-spark-float 18s ease-in-out infinite alternate}
@keyframes ms-spark-float{to{background-position:16px -80px,-28px -50px,20px -90px;opacity:.65}}
.ms-site .ms-rank-tabs{gap:7px;padding:18px 18px 0;justify-content:center}
.ms-site .ms-rank-tabs button{cursor:pointer;font-family:inherit;padding:8px 10px;border-radius:4px;font-size:10px;text-transform:uppercase;letter-spacing:.5px}
.ms-site .ms-rank-tabs button[aria-selected="true"]{background:linear-gradient(130deg,#126fce,#199df5);border-color:#87d9ff;box-shadow:0 0 16px #008aff30;color:#fff}
.ms-rank-panel[hidden]{display:none}.ms-rank-panel{padding:20px 18px 0}.ms-podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;text-align:center;padding-top:18px}
.ms-podium-place{flex:1;min-width:0;position:relative}.ms-medal{display:block;width:24px;height:24px;line-height:24px;border:1px solid #4b8dc0;border-radius:50%;margin:0 auto 10px;color:#bce6ff;background:#142c44;font-size:12px}
.ms-place-1 .ms-medal{width:32px;height:32px;line-height:30px;color:#fff;border-color:#9edeff;box-shadow:0 0 24px #2db4ff90;font-size:18px}
.ms-rank-portrait{width:70px;height:80px;border:1px solid #478bb9;background:linear-gradient(#123052,#08192d);border-radius:8px;margin:0 auto 12px;padding:8px;box-shadow:0 0 18px #0076c51c;overflow:hidden}
.ms-place-1 .ms-rank-portrait{width:88px;height:98px;border-color:#93d8ff;box-shadow:0 0 30px #26a5ff30}
.ms-rank-portrait img{width:100%;height:100%;object-fit:contain}.ms-podium-place>strong{display:block;color:#eaf6ff;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-rank-score{display:block;color:#79c7ff;font-size:12px;margin:8px 0 14px}
.ms-podium-base{min-height:64px;background:linear-gradient(#173b62,#091a2e);border:1px solid #336a94;border-bottom:0;border-radius:7px 7px 0 0;padding:13px 7px 10px}.ms-podium-base b{display:block;font-size:24px;color:#b8e3ff}.ms-podium-base small{font-size:9px;color:#a1c6e2;display:block;margin-top:7px;overflow-wrap:anywhere}
.ms-place-1 .ms-podium-base{min-height:94px;border-color:#63bfff;background:linear-gradient(#1d5483,#0b2540)}.ms-place-3 .ms-podium-base{min-height:50px}.ms-place-empty .ms-rank-portrait{opacity:.6}
.ms-full-ranking{display:block;text-align:center;padding:17px;border-top:1px solid #56a2d650;color:#b9e7ff;font-size:10px;letter-spacing:1px;margin:0 -18px;background:#0b1c30}.ms-full-ranking:hover{color:white;background:#153653}.ms-empty-ranking{padding:24px;color:#a1c6e2}
.ms-page-intro{margin-bottom:20px;padding:24px;background:linear-gradient(120deg,#122f4c,#0a182a);border:1px solid #6dbdff40;border-radius:8px}.ms-page-intro>.title{margin:10px 0 8px!important;font-size:26px!important;border:0!important;padding:0!important;color:#eff8ff!important}.ms-page-intro p{font-size:13px;color:#a9c9e5;line-height:1.7;margin:0}.ms-eyebrow{font-size:9px;letter-spacing:2px;color:#7ec9ff}
.ms-coin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ms-coin-plan{padding:12px;display:flex;flex-direction:column;align-items:center;margin:0}.ms-package-media{width:100%;aspect-ratio:1;overflow:hidden;margin-bottom:14px}.ms-package-media img,.ms-package-media video{width:100%;height:100%;object-fit:contain;border-radius:5px;display:block}.ms-site .ms-coin-plan h2{font-size:15px;margin:15px 0 10px}.ms-price{font-size:23px;color:#f1f9ff;white-space:nowrap}.ms-discount{border:1px solid #2996da70;border-radius:4px;color:#9cdbff;font-size:10px;padding:5px 8px;background:#14649b30}.ms-site .ms-coin-plan .btn{width:100%;padding:11px 7px;font-size:9px;margin-top:auto;letter-spacing:.4px}.ms-site .ms-coin-plan p{font-size:11px;min-height:30px}
.ms-purchase-note{display:flex;gap:16px;align-items:center;background:#0b1e34;border:1px solid #58a3d53d;border-radius:8px;padding:20px;margin:20px 0}.ms-purchase-note i{font-size:25px;color:#79caff}.ms-purchase-note strong{font-size:13px;color:#e7f6ff}.ms-purchase-note p{font-size:12px;color:#a9c9e5;margin:7px 0 0;line-height:1.7}.ms-site .ms-plan-grid .ms-plan>img:first-child{width:100%;max-height:275px;object-fit:contain}.ms-site .ms-plan-grid .ms-plan{margin:0;display:flex;flex-direction:column;align-items:center}.ms-site .ms-plan-grid .ms-plan .btn{margin-top:auto;width:100%}.ms-site .ms-plan>strong{color:#dff4ff;font-size:23px}
.ms-site a:focus-visible,.ms-site button:focus-visible{outline:2px solid #b5e5ff;outline-offset:4px}.ms-site .btn:hover{filter:brightness(1.15)}
@media(max-width:1100px){.ms-coin-grid{grid-template-columns:1fr}.ms-coin-plan{display:grid;grid-template-columns:115px 1fr;gap:5px 16px;text-align:left;align-items:center}.ms-package-media{grid-row:1/6;margin:0}.ms-coin-plan h2,.ms-coin-plan p{margin:0!important}.ms-discount{justify-self:start}.ms-site .ms-coin-plan .btn{margin-top:5px}.ms-site .ms-coin-plan p{min-height:0}.ms-lightning{width:170px}.ms-site .ms-portal-logo{width:75px;height:70px}}
@media(max-width:760px){.ms-lightning{opacity:0;display:none}.ms-page-intro{padding:20px}.ms-podium{gap:6px}.ms-rank-portrait{width:60px;height:70px}.ms-place-1 .ms-rank-portrait{width:75px;height:85px}.ms-podium-place>strong{font-size:10px}.ms-rank-panel{padding:18px 12px 0}.ms-full-ranking{margin:0 -12px}.ms-plan-grid{gap:14px}.ms-site .ms-plan-grid .ms-plan>img:first-child{max-height:300px}}
@media(prefers-reduced-motion:reduce){.ms-lightning,.ms-sparks{display:none}}
/* Fundo contínuo em todas as páginas, inclusive durante a rolagem até o rodapé. */
.ms-site .hero-art{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;overflow:hidden;z-index:0;pointer-events:none;background-position:center;background-size:cover}
.ms-site .hero-art:after{background:linear-gradient(180deg,rgba(1,7,18,.28),rgba(2,10,23,.48) 48%,rgba(2,9,21,.60))}
.ms-site .ms-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.ms-site .site-shell{position:relative;z-index:1}
.ms-site .ms-lightning,.ms-site .ms-sparks{display:none}
/* Cards compactos, preservando as rotas e as ações nativas do Morpheus. */
.ms-site .site-header{gap:24px;min-height:100px;padding:16px 0;background:transparent;border-bottom:1px solid rgba(114,195,255,.22)}
.ms-site .primary-nav{gap:8px;flex-wrap:wrap;min-height:0}
.ms-site .ms-auth{gap:8px}
.ms-site .primary-nav>a.ms-menu-card,.ms-site .ms-auth>a.ms-menu-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:92px;min-height:64px;height:auto;padding:10px 12px;color:#e9f7ff;border:1px solid rgba(116,196,255,.38);border-radius:7px;background:linear-gradient(145deg,rgba(21,57,91,.88),rgba(5,19,38,.90));box-shadow:inset 0 1px rgba(193,232,255,.10),0 5px 16px rgba(0,5,16,.22);font-size:10px;letter-spacing:.6px;line-height:1.2;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;text-decoration:none}
.ms-site .ms-menu-card i{color:#8bd2ff;font-size:17px;line-height:1}
.ms-site .ms-auth>a.ms-menu-card{min-width:78px;font-size:9px}
.ms-site .primary-nav>a:after{display:none}
.ms-site .primary-nav>a.ms-menu-card:hover,.ms-site .ms-auth>a.ms-menu-card:hover,.ms-site .primary-nav>a[aria-current="page"]{background:linear-gradient(145deg,rgba(28,103,168,.94),rgba(12,45,82,.94));border-color:#98dcff;box-shadow:inset 0 1px rgba(230,247,255,.16),0 0 17px rgba(52,160,246,.23);transform:translateY(-2px);color:#fff}
@media(max-width:1100px){.ms-site .site-header{gap:14px}.ms-site .primary-nav{gap:6px}.ms-site .primary-nav>a.ms-menu-card{min-width:78px;padding:10px 7px;font-size:9px}.ms-site .ms-auth>a.ms-menu-card{min-width:69px;padding:10px 8px}}
@media(max-width:760px){.ms-site .site-header{padding:12px 0;min-height:82px}.ms-site .primary-nav{display:none;padding:12px 0 4px;width:100%;flex:none}.ms-site .primary-nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ms-site .primary-nav>a.ms-menu-card{width:100%;min-height:62px;min-width:0;font-size:10px}.ms-site .ms-auth>a.ms-menu-card{min-width:82px;min-height:56px}.ms-site .ms-hero-video{object-position:18% center}.ms-site .hero-art{background-position:18% center}.ms-site .hero{min-height:400px}}
@media(prefers-reduced-motion:reduce){.ms-site .ms-menu-card{transition:none!important}.ms-site .ms-menu-card:hover{transform:none!important}}

/* Informações e rankings: mesmos cards e acabamento da página principal. */
.ms-site .ms-content-page{min-width:0;display:flex;flex-direction:column;gap:20px}
.ms-site .ms-content-card{min-width:0;background:linear-gradient(140deg,#102541ed,#071322f5);border:1px solid #65b8ff40;border-radius:10px;box-shadow:0 10px 40px #0004;overflow:hidden}
.ms-site .ms-content-header{padding:22px}
.ms-site .ms-page-heading{display:flex;align-items:center;gap:16px;min-width:0}
.ms-site .ms-page-heading>div{min-width:0;flex:1}
.ms-site .ms-page-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex:none;border:1px solid #76c4ff50;border-radius:10px;background:linear-gradient(145deg,#1b466b,#0b223c);box-shadow:inset 0 1px #c1e8ff1a;color:#8bd2ff;font-size:23px}
.ms-site .ms-content-header h1.title{margin:7px 0 8px;padding:0;border:0;font-size:24px;line-height:1.25;letter-spacing:.4px;color:#edf8ff;overflow-wrap:anywhere}
.ms-site .ms-content-header p{margin:0;font-size:12px;line-height:1.7;color:#a9c9e5}
.ms-site .ms-content-header .breadcrumber{margin:18px 0 0;padding:13px 0 0;border-top:1px solid #65b8ff25;gap:8px;line-height:1.5;font-size:10px}
.ms-site .ms-content-header .breadcrumber li{display:flex;align-items:center;gap:8px;overflow-wrap:anywhere;min-width:0}
.ms-site .ms-content-header .breadcrumber li+li:before{content:'›';color:#6495ba}
.ms-site .ms-content-header .breadcrumber a{color:#b9e7ff}
.ms-site .ms-content-header .breadcrumber .active{color:#8fb8cf}
.ms-site .ms-card-heading,.ms-site .ms-info-page .info4-title{margin:0;padding:19px 20px;border-bottom:1px solid #65b8ff35;font-size:13px;font-weight:700;letter-spacing:1px;line-height:1.5;color:#eaf7ff}
.ms-site .ms-card-heading i{margin-right:8px;color:#8bd2ff}
.ms-site .ms-ranking-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px}
.ms-site a.ms-ranking-category{min-width:0;display:flex;align-items:center;gap:12px;padding:18px 14px;border:1px solid #74c4ff50;border-radius:8px;background:linear-gradient(145deg,#15395be0,#051326e6);box-shadow:inset 0 1px #c1e8ff1a,0 5px 16px #00051038;color:#e9f7ff;text-decoration:none;line-height:1.5;font-size:12px;font-weight:bold;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.ms-site .ms-ranking-category>span{min-width:0;flex:1;overflow-wrap:anywhere}
.ms-site .ms-ranking-category>i:first-child{font-size:20px;color:#8bd2ff;flex:none}
.ms-site .ms-ranking-category>i:last-child{font-size:17px;color:#6daacf;flex:none}
.ms-site a.ms-ranking-category:hover,.ms-site a.ms-ranking-category.active{background:linear-gradient(145deg,#1c67a8f0,#0c2d52f0);border-color:#98dcff;box-shadow:inset 0 1px #e6f7ff29,0 0 17px #34a0f63b;transform:translateY(-2px);color:#fff}
.ms-site .ms-ranking-filter{padding:17px 20px 20px;border-top:1px solid #65b8ff25}
.ms-site .ms-filter-heading{margin:0 0 12px;color:#8bd2ff;font-size:10px;font-weight:bold;letter-spacing:1px;text-transform:uppercase}
.ms-site .ms-filter-options{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.ms-site .ms-filter-options>.btn-secondary{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:10px 13px;min-height:36px;max-width:100%;border:1px solid #548cb470;border-radius:6px;background:#102c46;color:#e1f3ff;font-size:11px;line-height:1.5;text-decoration:none;overflow-wrap:anywhere;white-space:normal;transition:background .2s,border-color .2s}
.ms-site .ms-filter-options>.btn-secondary:hover,.ms-site .ms-filter-options>.btn-secondary.active{background:linear-gradient(130deg,#126fce,#199df5);border-color:#87d9ff;color:#fff;box-shadow:0 0 16px #008aff30}
.ms-site .ms-gens-filter>.ms-filter-options{padding:20px}
.ms-site .ms-ranking-results>.rankings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px;margin:0;width:100%;min-width:0}
.ms-site .ms-ranking-results .character,.ms-site .ms-ranking-results .guild{display:flex;align-items:center;gap:12px;position:relative;float:none;width:auto;height:auto;min-width:0;min-height:126px;margin:0;padding:42px 14px 16px;background:linear-gradient(145deg,#123052a8,#08192ddd);border:1px solid #478bb960;border-radius:8px}
.ms-site .ms-ranking-results .character div,.ms-site .ms-ranking-results .guild div{height:auto;min-width:0}
.ms-site .ms-ranking-results .image{float:none;position:relative;display:block;width:50px;flex:none;margin:0;text-align:center}
.ms-site .ms-ranking-results .image>img{display:block;max-width:100%;width:50px;height:64px;object-fit:contain;border-radius:4px}
.ms-site .ms-ranking-results .image .gen{position:absolute;right:-4px;bottom:-4px}
.ms-site .ms-ranking-results .desc{float:none;position:static;flex:1;min-width:0;width:auto;padding:0;font-size:10px;line-height:1.6;overflow-wrap:anywhere}
.ms-site .ms-ranking-results .desc>div{margin:3px 0;line-height:1.5;white-space:normal}
.ms-site .ms-ranking-results .name{font-size:13px;font-weight:bold;color:#edf8ff}
.ms-site .ms-ranking-results .name a{color:#edf8ff}
.ms-site .ms-ranking-results .class,.ms-site .ms-ranking-results .guild-name,.ms-site .ms-ranking-results .resets{color:#a9c9e5}
.ms-site .ms-ranking-results .level{font-size:16px;font-weight:bold;color:#79c7ff}
.ms-site .ms-ranking-results .rank,.ms-site .ms-ranking-results .rank-trophy{position:absolute;top:10px;left:12px;display:flex;align-items:center;justify-content:center;float:none;width:auto;min-width:27px;height:24px;margin:0;padding:0 7px;border:1px solid #63bfff70;border-radius:5px;background:#15395b;color:#bce6ff;font-size:11px;font-weight:bold;line-height:24px;text-align:center}
.ms-site .ms-ranking-results .rank-trophy:before{content:'\f091';font-family:FontAwesome;color:#8bd2ff;font-size:13px}
.ms-site .ms-ranking-results .rank-up,.ms-site .ms-ranking-results .rank-down,.ms-site .ms-ranking-results .rank-stayed{position:absolute;top:14px;right:12px;float:none}
.ms-site .ms-ranking-empty{padding:35px 20px 15px;text-align:center;color:#a9c9e5;font-size:12px;line-height:1.7}
.ms-site .ms-ranking-empty>i{display:block;margin-bottom:14px;font-size:28px;color:#79c7ff}
.ms-site .ms-ranking-empty p{margin:0}
.ms-site .ms-info-page .info4-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:calc(100% - 40px);margin:20px;padding:16px;border:1px solid #74c4ff50;border-radius:8px;background:linear-gradient(145deg,#15395be0,#051326e6);box-shadow:inset 0 1px #c1e8ff1a;color:#e9f7ff;font:700 12px/1.7 Arial,sans-serif;text-align:left;cursor:pointer;transition:background .2s,border-color .2s}
.ms-site .ms-info-page .info4-btn:hover,.ms-site .ms-info-page .info4-btn[aria-expanded="true"]{background:linear-gradient(145deg,#1c67a8dc,#0c2d52f0);border-color:#98dcff}
.ms-site .ms-info-page .info4-arrow{color:#8bd2ff;font-size:11px;flex:none}
.ms-site .ms-info-page .info4-content[hidden]{display:none}
.ms-site .ms-info-page .info4-content{padding:0 20px 20px}
.ms-site .ms-info-page .info4-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.ms-site .ms-info-page .info4-card{min-width:0;border:1px solid #478bb960;border-radius:8px;background:linear-gradient(145deg,#123052a8,#08192ddd);overflow:hidden}
.ms-site .ms-info-page .info4-card:first-child{grid-column:1/-1}
.ms-site .ms-info-page .info4-card-title{padding:15px 16px;border-bottom:1px solid #65b8ff25;font-size:12px;font-weight:bold;line-height:1.6;color:#dff4ff;overflow-wrap:anywhere}
.ms-site .ms-info-page .info4-card-text{padding:15px 16px;white-space:pre-line;font-size:12px;line-height:1.7;color:#a9c9e5;overflow-wrap:anywhere}
.ms-site .ms-info-page .ms-invasion-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;white-space:normal}
.ms-site .ms-info-page .ms-info-drop{grid-column:1/-1;margin:0;color:#8bd2ff;font-weight:bold}
.ms-site .ms-info-page .ms-invasion-map{padding:12px;border:1px solid #65b8ff20;border-radius:6px;background:#07182b80;min-width:0}
.ms-site .ms-info-page .ms-invasion-map strong{display:block;color:#dff4ff;font-size:10px;letter-spacing:1px;margin-bottom:7px}
.ms-site .ms-info-page .ms-invasion-map p{margin:0;white-space:pre-line}
@media(min-width:1400px){.ms-site .ms-ranking-categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:940px){.ms-site .ms-ranking-results>.rankings{grid-template-columns:1fr}.ms-site .ms-ranking-categories{grid-template-columns:1fr}.ms-site .ms-info-page .info4-events{grid-template-columns:1fr}}
@media(max-width:480px){.ms-site .ms-content-page{gap:14px}.ms-site .ms-content-header{padding:18px}.ms-site .ms-page-heading{gap:12px}.ms-site .ms-page-icon{width:42px;height:42px;font-size:20px}.ms-site .ms-content-header h1.title{font-size:21px}.ms-site .ms-content-header p{font-size:11px}.ms-site .ms-card-heading,.ms-site .ms-info-page .info4-title{padding:16px;font-size:12px}.ms-site .ms-ranking-categories{grid-template-columns:1fr;padding:16px;gap:10px}.ms-site .ms-ranking-results>.rankings{grid-template-columns:1fr;padding:16px}.ms-site .ms-ranking-filter{padding:16px}.ms-site .ms-info-page .info4-btn{width:calc(100% - 32px);margin:16px;padding:14px;font-size:11px}.ms-site .ms-info-page .info4-content{padding:0 16px 16px}.ms-site .ms-info-page .info4-events,.ms-site .ms-info-page .ms-invasion-details{grid-template-columns:1fr}.ms-site .ms-filter-options>.btn-secondary{padding:9px 11px;font-size:10px}.ms-site .ms-gens-filter>.ms-filter-options{padding:16px}}
@media(prefers-reduced-motion:reduce){.ms-site .ms-ranking-category,.ms-site .ms-info-page .info4-btn,.ms-site .ms-filter-options>.btn-secondary{transition:none}.ms-site a.ms-ranking-category:hover,.ms-site a.ms-ranking-category.active{transform:none}}
