:root{--bg:#090b12;--panel:#11141e;--panel2:#151927;--text:#f4f1eb;--muted:#a2a6b5;--gold:#d7ad66;--gold2:#f3d69b;--line:rgba(255,255,255,.12);--font:'Inter',sans-serif;--display:'Cinzel',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:82px;position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,100px);border-bottom:1px solid rgba(255,255,255,.1);background:rgba(7,8,13,.68);backdrop-filter:blur(14px)}.brand img{width:116px;max-height:54px;object-fit:contain}.nav{display:flex;align-items:center;gap:38px}.nav-link{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:#c4c5cc;transition:.2s}.nav-link:hover,.nav-link.active{color:var(--gold2)}.nav-link.active:after{content:'';display:block;width:18px;height:2px;background:var(--gold);margin:7px auto -9px}.nav-community{font-size:11px;letter-spacing:1px;text-transform:uppercase;border:1px solid rgba(215,173,102,.65);padding:12px 17px;color:var(--gold2)}.nav-community span{margin-left:9px}.menu-toggle{display:none;background:none;color:white;border:0;font-size:25px}.hero{min-height:780px;height:100vh;max-height:1000px;position:relative;display:flex;align-items:center;padding:100px clamp(22px,10vw,160px) 70px;overflow:hidden;background:#090b12}.hero-art{position:absolute;inset:0;background-image:url('../images/gallery-7.jpg');background-size:cover;background-position:center 28%;opacity:.7;transform:scale(1.02)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,13,.98) 0%,rgba(7,8,13,.85) 34%,rgba(7,8,13,.24) 76%,rgba(7,8,13,.5) 100%),linear-gradient(0deg,#090b12 0%,transparent 30%,rgba(4,5,9,.28) 100%)}.hero-content{position:relative;z-index:1;max-width:720px;padding-top:30px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:3px;font-weight:700;color:var(--gold);text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:13px}.eyebrow-line{width:35px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:700;line-height:1.1;letter-spacing:-.5px}h1{font-size:clamp(43px,6.7vw,88px);margin:26px 0 23px}h1 span,h2 em{font-style:normal;color:var(--gold2)}.hero-copy{max-width:490px;font-size:15px;line-height:1.9;color:#c3c5ce}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:0 21px;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;font-weight:800;transition:transform .2s,background .2s,border .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--gold);color:#111019;border:1px solid var(--gold)}.button-primary:hover{background:var(--gold2)}.button-ghost{border:1px solid rgba(255,255,255,.3);color:#f3f1ec;background:rgba(8,9,14,.25)}.button-ghost:hover{border-color:var(--gold)}.button span{font-size:16px}.platform-line{display:flex;align-items:center;gap:13px;margin-top:53px;color:#c6c6cd;font-size:9px;letter-spacing:2px}.platform-line i{width:3px;height:3px;background:var(--gold);border-radius:50%}.platform-dot,.live-dot{width:6px;height:6px;border-radius:50%;background:#81c89a;box-shadow:0 0 12px #81c89a}.scroll-cue{position:absolute;bottom:28px;left:clamp(22px,10vw,160px);display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:2px;color:#a8aab3}.scroll-cue span{height:31px;width:1px;background:var(--gold)}.section{padding:112px clamp(22px,10vw,160px)}.intro{background:#0b0d15}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end;margin:25px 0 62px}.section h2{font-size:clamp(34px,4.4vw,58px);margin-bottom:0}.intro-text p,.download-heading p,.rank-heading p{font-size:14px;color:var(--muted);line-height:1.9;max-width:480px}.text-link{display:inline-block;margin-top:7px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--gold2);border-bottom:1px solid rgba(215,173,102,.45);padding-bottom:8px}.text-link span{margin-left:12px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{padding:28px 25px 26px;background:linear-gradient(145deg,#151925,#0f111a);border:1px solid var(--line);min-height:190px}.feature-number{font-size:9px;letter-spacing:2px;color:var(--gold)}.feature-card h3{font-family:var(--display);font-size:19px;margin:26px 0 9px}.feature-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.rank-section{position:relative;overflow:hidden;background:#0e111a}.rank-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 90% 15%,rgba(141,98,43,.13),transparent 42%),linear-gradient(130deg,#0e111a,#0b0d14)}.rank-section>*:not(.rank-backdrop){position:relative}.rank-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:24px 0 36px}.rank-heading h2{margin-bottom:15px}.rank-mark{font-family:var(--display);font-size:11px;letter-spacing:4px;color:#777d8e;text-align:center;line-height:1.7}.rank-mark b{display:block;font-size:58px;color:rgba(215,173,102,.45);line-height:1}.rank-panel{border:1px solid rgba(215,173,102,.27);background:rgba(8,10,16,.68)}.rank-panel-top,.rank-panel-bottom{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;font-size:9px;letter-spacing:1.8px;color:#c7c8d0}.rank-panel-top>div{display:flex;align-items:center;gap:10px}.rank-season{color:var(--gold)}.rank-table{width:100%;border-collapse:collapse}.rank-table th{text-align:left;padding:15px 23px;font-size:9px;letter-spacing:1.5px;font-weight:600;color:#8e93a4;background:rgba(255,255,255,.035);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rank-table td{padding:35px 20px}.empty-rank{text-align:center!important}.empty-icon{display:block;font-size:27px;color:var(--gold);margin-bottom:10px}.empty-rank strong,.empty-rank small{display:block}.empty-rank strong{font-size:14px;font-weight:600;color:#e6e4df}.empty-rank small{font-size:11px;color:var(--muted);margin:7px auto 0;max-width:420px;line-height:1.8}.rank-panel-bottom{border-top:1px solid var(--line);color:#858a9a}.rank-panel-bottom b{color:var(--gold);font-size:15px;margin-left:6px}.download-section{background:#090b12}.download-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:24px 0 40px}.download-heading p{margin-bottom:4px}.platform-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.platform-card{position:relative;overflow:hidden;min-height:330px;padding:30px 27px;background:linear-gradient(145deg,#171b28,#10121b);border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}.platform-card:after{content:'';position:absolute;width:190px;height:190px;border-radius:50%;border:1px solid rgba(215,173,102,.08);right:-90px;top:-85px;box-shadow:0 0 0 25px rgba(215,173,102,.025),0 0 0 50px rgba(215,173,102,.02)}.platform-icon{font-size:27px;color:var(--gold2);margin-bottom:20px}.platform-label{font-size:9px;letter-spacing:2px;color:var(--gold)}.platform-card h3{font-family:var(--display);font-size:22px;margin:10px 0}.platform-card p{font-size:12px;line-height:1.8;color:var(--muted);max-width:270px;margin-bottom:25px}.platform-card .button{margin-top:auto}.platform-android{background:linear-gradient(145deg,#1b1b24,#11131c)}.platform-ios{background:linear-gradient(145deg,#141722,#0e1018)}.download-note{text-align:center;font-size:11px;color:var(--muted);margin-top:29px}.download-note a{color:var(--gold2);margin-left:5px}.community-banner{padding:62px clamp(22px,10vw,160px);background:linear-gradient(100deg,rgba(9,11,18,.98),rgba(9,11,18,.78)),url('../images/gallery-3.jpg') center 42%/cover;display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.community-banner h2{font-size:clamp(30px,4vw,48px);margin:14px 0 0}.site-footer{padding:42px clamp(22px,6vw,100px) 24px;background:#07080d}.footer-brand img{width:100px;max-height:45px;object-fit:contain}.footer-social{display:flex;gap:24px;margin:25px 0;color:#b5b7c1;font-size:11px}.footer-social a:hover,.footer-bottom a:hover{color:var(--gold2)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid var(--line);font-size:10px;color:#858998}.footer-bottom span:last-child{display:flex;gap:20px}.disclaimer{font-size:9px;color:#686d7b;margin:12px 0 0}@media(max-width:760px){.site-header{height:70px;padding:0 20px}.brand img{width:95px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;padding:20px;background:#0b0d14;border-bottom:1px solid var(--line);flex-direction:column;gap:24px;align-items:stretch}.nav.is-open{display:flex}.nav-link{text-align:center}.nav-link.active:after{margin:7px auto -9px}.nav-community{text-align:center}.hero{min-height:690px;height:auto;padding:150px 24px 85px}.hero-art{background-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(7,8,13,.94),rgba(7,8,13,.55)),linear-gradient(0deg,#090b12 0%,transparent 40%)}.hero-content{padding-top:0}.hero-copy{font-size:13px}.platform-line{margin-top:38px;font-size:8px;gap:9px}.scroll-cue{left:24px}.section{padding:76px 22px}.intro-grid{grid-template-columns:1fr;gap:23px;margin-bottom:38px}.feature-grid,.platform-cards{grid-template-columns:1fr}.feature-card{min-height:160px}.feature-card h3{margin-top:19px}.rank-heading{align-items:flex-start}.rank-mark{display:none}.rank-table th{padding:13px 12px}.rank-table td{padding:28px 12px}.empty-rank small{font-size:10px}.download-heading{display:block}.download-heading p{margin-top:18px}.platform-card{min-height:285px}.community-banner{padding:50px 22px;align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column}.footer-social{flex-wrap:wrap}.footer-bottom span:last-child{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Live ranking table */
.rank-table td{padding:17px 23px;border-bottom:1px solid rgba(255,255,255,.055);font-size:13px;color:#d9dbe3;font-variant-numeric:tabular-nums}.rank-table tbody tr:hover{background:rgba(215,173,102,.045)}.rank-table .rank-position{width:70px;color:var(--gold);font-family:var(--display);font-weight:700}.rank-table .rank-character{font-weight:700;color:#f4f1eb}.rank-table .rank-power{font-weight:700;color:var(--gold2)}.rank-table .empty-rank{padding:35px 20px;text-align:center}
@media(max-width:760px){.rank-table td{padding:14px 10px;font-size:11px}.rank-table .rank-position{width:35px}.rank-table th{font-size:8px;letter-spacing:1px}}

/* MU AFK ranking refinements: compact rows, class first, bold gold power */
.rank-table th{padding:10px 16px}
.rank-table td{padding:8px 16px;border-bottom:1px solid rgba(190,145,70,.52);font-size:12px;line-height:1.25}
.rank-table .rank-class{width:58px;padding-left:18px;padding-right:8px}
.rank-class-icon{display:block;width:34px;height:34px;object-fit:contain;border:1px solid rgba(215,173,102,.55);border-radius:5px;background:rgba(0,0,0,.28);padding:2px;filter:drop-shadow(0 0 4px rgba(215,173,102,.12))}
.rank-class-unknown{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid rgba(215,173,102,.55);border-radius:5px;color:var(--gold2);font-size:16px;font-weight:800}
.rank-table .rank-character{font-weight:800;letter-spacing:.25px}
.rank-table .rank-level{font-weight:800;color:#e8e6df;white-space:nowrap}
.rank-table .rank-power{font-weight:900;color:var(--gold2);font-size:20px;letter-spacing:.2px;white-space:nowrap;text-shadow:0 0 12px rgba(215,173,102,.12)}
.rank-table .rank-guild{font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.35px;color:var(--gold2);text-transform:uppercase;background:linear-gradient(90deg,#f3d69b 0%,#d7ad66 48%,#fff0c9 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.rank-server{display:inline-block;color:#c8b58d;border:1px solid rgba(190,145,70,.35);padding:3px 6px;font-size:10px;font-weight:800;letter-spacing:.4px;white-space:nowrap}
@media(max-width:760px){.rank-table th{padding:9px 7px;font-size:7px;letter-spacing:.5px}.rank-table td{padding:7px 7px;font-size:10px}.rank-table .rank-class{width:42px;padding-left:7px;padding-right:4px}.rank-class-icon,.rank-class-unknown{width:28px;height:28px}.rank-table .rank-power{font-size:11px}.rank-table .rank-guild{font-size:9px}.rank-server{padding:2px 4px;font-size:9px}}


/* MU AFK Rank: hard overrides (v3) */
.rank-section .rank-panel { min-width:0; }
.rank-section .rank-table-wrap { width:100%; max-width:100%; overflow:hidden; }
.rank-section table.rank-table.rank-table-compact { width:100%; table-layout:fixed; border-collapse:collapse; }
.rank-table-compact thead th { padding:7px 8px !important; line-height:1.15; }
.rank-table-compact tbody td { padding:4px 8px !important; height:39px; line-height:1.15; vertical-align:middle; border-bottom:1px solid rgba(190,145,70,.58) !important; }
.rank-table-compact tbody tr:last-child td { border-bottom:0 !important; }
.rank-table-compact th:nth-child(1), .rank-table-compact td:nth-child(1) { width:9%; }
.rank-table-compact th:nth-child(2), .rank-table-compact td:nth-child(2) { width:25%; }
.rank-table-compact th:nth-child(3), .rank-table-compact td:nth-child(3) { width:15%; }
.rank-table-compact th:nth-child(4), .rank-table-compact td:nth-child(4) { width:17%; }
.rank-table-compact th:nth-child(5), .rank-table-compact td:nth-child(5) { width:22%; }
.rank-table-compact th:nth-child(6), .rank-table-compact td:nth-child(6) { width:12%; }
.rank-table-compact .rank-class-icon, .rank-table-compact .rank-class-unknown { width:27px; height:27px; margin:0 auto; }
.rank-table-compact .rank-character { font-size:12px; font-weight:800; overflow-wrap:anywhere; }
.rank-table-compact .rank-level { font-size:11px; font-weight:800; white-space:nowrap; }
.rank-table-compact .rank-power { color:#f0c75e !important; -webkit-text-fill-color:#f0c75e !important; font-size:20px !important; font-weight:950 !important; letter-spacing:.15px; white-space:nowrap; text-shadow:0 0 8px rgba(240,199,94,.2); }
.rank-table-compact .rank-guild { font-family:var(--display); font-size:20px; font-weight:800; line-height:1.15; letter-spacing:.2px; text-transform:uppercase; overflow-wrap:anywhere; word-break:break-word; color:#d7ad66; background-image:linear-gradient(90deg,#f3d69b 0%,#d7ad66 52%,#fff0c9 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.rank-table-compact .rank-server { padding:2px 4px; font-size:9px; line-height:1; white-space:nowrap; }
.rank-table-compact td.empty-rank { padding:22px 8px !important; }
.rank-section .rank-pagination { margin-top:12px; }
@media (max-width:760px) {
  .rank-section { overflow:hidden; }
  .rank-section .rank-panel { width:100%; min-width:0; }
  .rank-section .rank-table-wrap { overflow:hidden; }
  .rank-table-compact thead th { padding:7px 3px !important; font-size:7px !important; letter-spacing:.15px !important; white-space:normal; overflow-wrap:anywhere; }
  .rank-table-compact tbody td { padding:4px 3px !important; height:34px; font-size:9px !important; }
  .rank-table-compact th:nth-child(1), .rank-table-compact td:nth-child(1) { width:10%; }
  .rank-table-compact th:nth-child(2), .rank-table-compact td:nth-child(2) { width:24%; }
  .rank-table-compact th:nth-child(3), .rank-table-compact td:nth-child(3) { width:15%; }
  .rank-table-compact th:nth-child(4), .rank-table-compact td:nth-child(4) { width:17%; }
  .rank-table-compact th:nth-child(5), .rank-table-compact td:nth-child(5) { width:21%; }
  .rank-table-compact th:nth-child(6), .rank-table-compact td:nth-child(6) { width:13%; }
  .rank-table-compact .rank-class-icon, .rank-table-compact .rank-class-unknown { width:22px; height:22px; }
  .rank-table-compact .rank-character { font-size:8px !important; letter-spacing:0; }
  .rank-table-compact .rank-level { font-size:8px !important; }
  .rank-table-compact .rank-power { font-size:9px !important; font-weight:950 !important; color:#f0c75e !important; -webkit-text-fill-color:#f0c75e !important; }
  .rank-table-compact .rank-guild { font-size:8px !important; letter-spacing:0; overflow-wrap:anywhere; word-break:break-word; }
  .rank-table-compact .rank-server { font-size:8px; padding:2px 2px; border-color:rgba(190,145,70,.5); }
  .rank-panel-top, .rank-panel-bottom { padding:12px 10px; font-size:8px; letter-spacing:.7px; }
}
@media (max-width:380px) {
  .rank-table-compact thead th { font-size:6px !important; }
  .rank-table-compact tbody td { padding-left:2px !important; padding-right:2px !important; }
  .rank-table-compact .rank-class-icon, .rank-table-compact .rank-class-unknown { width:19px; height:19px; }
  .rank-table-compact .rank-character,
.rank-table-compact .rank-level {
    font-size: 7px !important;
}

.rank-table-compact .rank-guild {
    font-size: 8px !important;
    line-height: 1.2 !important;
}
  .rank-table-compact .rank-power { font-size:8px !important; }
}

/* MU AFK Rank V4: stronger typography, theme pagination, and readable status badges */
.rank-table-compact tbody td { padding-top: 5px !important; padding-bottom: 5px !important; }
.rank-table-compact .rank-character { font-family: var(--display), Georgia, serif; font-size: 13px !important; font-weight: 900 !important; letter-spacing: .35px; color: #f4e8ce !important; }
.rank-table-compact .rank-level { font-size: 14px !important; font-weight: 900 !important; }
.rank-table-compact .rank-power { color: #f0c75e !important; -webkit-text-fill-color: #f0c75e !important; font-size: 15px !important; font-weight: 950 !important; }
.rank-table-compact .rank-server { font-size: 11px !important; font-weight: 900 !important; color: #f0c75e !important; border-color: rgba(215,173,102,.55) !important; }
.rank-table-compact .rank-status { display: inline-flex; align-items: center; justify-content: center; min-width: 57px; padding: 4px 7px; border: 1px solid; border-radius: 3px; font-size: 9px; font-weight: 800; letter-spacing: .35px; line-height: 1; white-space: nowrap; }
.rank-table-compact .rank-status.is-online { color: #8be0a4; border-color: rgba(70,190,110,.55); background: rgba(43,143,75,.13); }
.rank-table-compact .rank-status.is-offline { color: #b9bdc8; border-color: rgba(145,151,165,.38); background: rgba(130,136,150,.10); }
.rank-table-compact th:nth-child(7), .rank-table-compact td:nth-child(7) { width: 13%; }
.rank-table-compact th:nth-child(5), .rank-table-compact td:nth-child(5) { width: 19%; }
.rank-table-compact th:nth-child(6), .rank-table-compact td:nth-child(6) { width: 10%; }
.rank-pagination .rank-page-button { color: #e7c57d !important; border-color: rgba(215,173,102,.55) !important; background: rgba(215,173,102,.07) !important; font-weight: 800; }
.rank-pagination .rank-page-button:hover:not(:disabled), .rank-pagination .rank-page-button.is-active { color: #111019 !important; background: #d7ad66 !important; border-color: #d7ad66 !important; }
.rank-pagination .rank-page-button:disabled { opacity: .35; }
@media(max-width:760px) {
 .rank-table-compact thead th { padding: 7px 2px !important; font-size: 6.5px !important; letter-spacing: 0 !important; }
 .rank-table-compact tbody td { padding: 5px 2px !important; height: 36px; font-size: 9px !important; }
 .rank-table-compact th:nth-child(1), .rank-table-compact td:nth-child(1) { width: 9%; }
 .rank-table-compact th:nth-child(2), .rank-table-compact td:nth-child(2) { width: 23%; }
 .rank-table-compact th:nth-child(3), .rank-table-compact td:nth-child(3) { width: 13%; }
 .rank-table-compact th:nth-child(4), .rank-table-compact td:nth-child(4) { width: 16%; }
 .rank-table-compact th:nth-child(5), .rank-table-compact td:nth-child(5) { width: 18%; }
 .rank-table-compact th:nth-child(6), .rank-table-compact td:nth-child(6) { width: 9%; }
 .rank-table-compact th:nth-child(7), .rank-table-compact td:nth-child(7) { width: 12%; }
 .rank-table-compact .rank-character { font-size: 9px !important; letter-spacing: 0; overflow-wrap:anywhere; }
 .rank-table-compact .rank-level { font-size: 9px !important; }
 .rank-table-compact .rank-power { font-size: 10px !important; }
 .rank-table-compact .rank-guild { font-size: 10px !important; line-height: 1.2 !important;}
 .rank-table-compact .rank-server { font-size: 8px !important; padding: 2px 1px; }
 .rank-table-compact .rank-status { min-width: 0; padding: 3px 2px; font-size: 7px; letter-spacing: 0; }
 .rank-class-icon, .rank-class-unknown { width: 23px !important; height: 23px !important; }

}