*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0a0807;color:#eee5d6;font-family:Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}:root{--gold:#d9ad65;--gold2:#f4d99e;--red:#8e2419;--line:rgba(218,174,105,.24)}.site-header{position:sticky;top:0;z-index:20;background:rgba(8,7,6,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{max-width:1240px;margin:auto;min-height:82px;padding:10px 22px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;font:700 15px Cinzel,serif;letter-spacing:1.3px;white-space:nowrap}.brand img{width:62px;height:62px;object-fit:contain}.gold{color:var(--gold)}nav{display:flex;align-items:center;gap:4px}nav a{padding:13px 12px;font-size:11px;font-weight:700;letter-spacing:.8px;color:#c9b99f;border-bottom:2px solid transparent;transition:.2s}nav a:hover,nav a.active{color:var(--gold2);border-color:var(--gold)}.menu-toggle{display:none;background:#21150f;border:1px solid var(--line);color:var(--gold);padding:9px 12px;font-size:20px}.hero-banner{max-width:1500px;margin:0 auto;padding:22px 18px 0;text-align:center}.hero-banner>img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;border:1px solid rgba(224,174,96,.42);box-shadow:0 12px 55px #000}.banner-actions{display:flex;justify-content:center;gap:12px;margin-top:-1px;padding:15px;background:linear-gradient(180deg,#25150e,#100b08);border:1px solid var(--line);border-top:0}.button{display:inline-flex;justify-content:center;align-items:center;min-width:175px;padding:14px 22px;font:700 12px Cinzel,serif;letter-spacing:1px;transition:.2s}.button:hover{filter:brightness(1.2);transform:translateY(-2px)}.button-gold{background:linear-gradient(135deg,#e3bd78,#96602d);color:#1b0e08;border:1px solid #f1d59c}.button-dark{background:#100c09;color:#f0d29a;border:1px solid #9a713f}.quick-info{max-width:1180px;margin:26px auto 0;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-item{display:flex;align-items:center;gap:14px;padding:17px;background:linear-gradient(135deg,#21150f,#100c09);border:1px solid var(--line)}.quick-icon{font-size:27px;color:var(--gold)}.quick-item small,.quick-item strong{display:block}.quick-item small{font-size:9px;letter-spacing:1.5px;color:#9f8a70;margin-bottom:5px}.quick-item strong{font:700 15px Cinzel,serif;color:var(--gold2)}.section{max-width:1120px;margin:0 auto;padding:76px 22px 12px}.section-heading{text-align:center;margin-bottom:30px}.section-heading>span,.download-content>span{font:600 10px Cinzel,serif;letter-spacing:3px;color:#b98b50}.section-heading h2,.download-content h2{font:700 clamp(24px,4vw,36px) Cinzel,serif;color:#f1d39a;margin:10px 0;text-shadow:0 2px 18px #000}.section-heading p{font-size:13px;color:#a99a85;margin:0}.schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.date-card{padding:27px 20px;text-align:center;background:linear-gradient(145deg,#26150f,#100b08);border:1px solid #79532d;box-shadow:inset 0 0 28px rgba(192,112,44,.08)}.date-card.featured{border-color:#d5a45a;background:linear-gradient(145deg,#421b12,#130b08)}.date-label{font-size:9px;letter-spacing:2px;color:#bca17d}.date-card h3{font:700 20px Cinzel,serif;color:#f2d49a;margin:12px 0}.date-card>strong{font:800 36px Cinzel,serif;color:#fff0c8;text-shadow:0 0 18px rgba(255,153,53,.3)}.date-card p{color:#c2a989;font-size:13px;margin:8px 0 0}.countdown-wrap{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:14px;padding:18px 22px;background:#17100c;border:1px solid var(--line)}.countdown-wrap small{display:block;color:#a68b65;font-size:9px;letter-spacing:2px;margin-bottom:6px}.countdown-wrap strong{font:700 20px Cinzel,serif;color:var(--gold2)}.countdown-note{font-size:12px;color:#b8a58b}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.road-step{padding:22px;background:#17100c;border:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.road-step b{font:700 24px Cinzel,serif;color:#a96e37}.road-step strong{font:700 13px Cinzel,serif;color:#e7c68e}.road-step span{font-size:11px;color:#a99a85}.road-step.pending{opacity:.7}.event-section{padding-top:75px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{text-align:center;padding:28px 16px;background:linear-gradient(150deg,#21150f,#100b08);border:1px solid var(--line)}.feature-card>span{font-size:30px;color:var(--gold)}.feature-card h3{font:700 15px Cinzel,serif;color:var(--gold2);margin:13px 0 8px}.feature-card p{font-size:12px;line-height:1.7;color:#aa9a84;margin:0}.notice-panel{padding:22px;text-align:center;background:#17100c;border:1px solid var(--line);color:#c3ad8e;font-size:13px;line-height:1.7}.download-section{margin-top:75px;padding:58px 20px;text-align:center;background:linear-gradient(90deg,rgba(9,7,6,.96),rgba(50,21,12,.88),rgba(9,7,6,.96)),url("../images/banner-muhanoi2003-season2.png") center/cover;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.download-content h2{margin-bottom:8px}.download-content p{font-size:13px;color:#c0ad91}.download-actions{display:flex;justify-content:center;gap:12px;margin-top:22px}footer{text-align:center;padding:35px 20px 28px;background:#070605;color:#99866e;border-top:1px solid var(--line)}.footer-logo{width:92px;height:70px;object-fit:contain}footer strong{display:block;font:700 14px Cinzel,serif;color:#e2bf82;margin:8px}footer p{font-size:11px;line-height:1.7}.age-warning{max-width:850px;margin:15px auto;color:#d08d6b;font-size:10px;font-weight:700;line-height:1.7}footer small{font-size:9px;color:#75644f}
@media(max-width:900px){.header-inner{flex-wrap:wrap}.menu-toggle{display:block}nav{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;padding:5px 0 12px}nav.open{display:flex}nav a{padding:12px;border-bottom:1px solid rgba(218,174,105,.12)}.quick-info{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.header-inner{min-height:68px;padding:7px 13px}.brand{font-size:11px}.brand img{width:48px;height:48px}.hero-banner{padding:10px 8px 0}.banner-actions{flex-direction:column;padding:12px}.button{width:100%}.quick-info{padding:0 10px;gap:8px;margin-top:14px}.quick-item{padding:12px 9px;gap:8px}.quick-icon{font-size:20px}.quick-item small{font-size:8px}.quick-item strong{font-size:12px}.section{padding:55px 13px 8px}.schedule-grid,.roadmap,.feature-grid{grid-template-columns:1fr}.date-card{padding:22px 12px}.countdown-wrap{align-items:flex-start;flex-direction:column}.countdown-wrap strong{font-size:17px}.download-section{margin-top:55px;padding:42px 14px}.download-actions{flex-direction:column}}

/* STEP 1 - SERVER SETTINGS + VIP DETAILS */
.subheading{text-align:center;margin:34px 0 18px}
.subheading>span{font:600 9px Cinzel,serif;letter-spacing:2.5px;color:#a9804b}
.subheading h3{font:700 21px Cinzel,serif;color:#f0d39a;margin:7px 0}
.server-table-wrap,.vip-benefits,.offline-vip{margin-top:28px}
.server-table{width:100%;border-collapse:collapse;background:linear-gradient(145deg,#1b120d,#0e0a08);border:1px solid var(--line)}
.server-table th,.server-table td{padding:13px 17px;text-align:left;border-bottom:1px solid rgba(218,174,105,.13);font-size:12px}
.server-table th{width:34%;font-weight:700;color:#d6b77f;background:rgba(119,69,34,.12)}
.server-table td{color:#d1c2ac}
.server-table tr:last-child th,.server-table tr:last-child td{border-bottom:0}
.gold-text{color:#f4d18a}
.table-scroll{overflow-x:auto}
.vip-table{min-width:700px}
.vip-table thead th{font:700 10px Cinzel,serif;letter-spacing:.6px;color:#f0d39a;background:rgba(129,70,30,.22);white-space:nowrap}
.vip-table tbody th{width:auto;color:#f0d39a}
.vip-table td{text-align:center;white-space:nowrap}
.vip-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.vip-benefit{padding:18px;background:linear-gradient(145deg,#24160f,#100b08);border:1px solid rgba(218,174,105,.28)}
.vip-benefit>span{font:700 15px Cinzel,serif;color:#f1cf8b}
.vip-benefit p{font-size:11px;line-height:1.8;color:#c3b095;margin:9px 0 0}
.offline-vip{padding:22px;background:linear-gradient(145deg,#21150f,#100b08);border:1px solid var(--line)}
.offline-vip .subheading{margin-top:0}
.offline-vip p,.offline-vip li{font-size:12px;line-height:1.8;color:#c9b89d}
.offline-vip ol{padding-left:22px}
.offline-vip li{padding:3px 0}
.offline-vip strong{color:#f1d194}
.vip3-note{padding:12px 14px;background:rgba(126,32,22,.2);border-left:3px solid #bd5535}
@media(max-width:700px){.server-table th,.server-table td{padding:11px 10px;font-size:11px}.server-table th{width:42%}.vip-benefit-grid{grid-template-columns:1fr}.subheading h3{font-size:18px}}

/* STEP 2 - CHI TIET LO TRINH PHAT TRIEN SERVER */
.roadmap-intro{max-width:900px;margin:0 auto 22px;padding:15px 18px;text-align:center;background:rgba(122,75,39,.12);border:1px solid var(--line);color:#c8b79e;font-size:12px;line-height:1.8}
.roadmap-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.roadmap-detail{padding:22px;background:linear-gradient(145deg,#21150f,#100b08);border:1px solid var(--line);box-shadow:inset 0 0 24px rgba(190,118,53,.035)}
.roadmap-detail-head{display:flex;align-items:center;gap:13px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid rgba(218,174,105,.15)}
.roadmap-number{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid #a77942;background:rgba(130,68,29,.2);font:700 17px Cinzel,serif;color:#f0cf91}
.roadmap-detail-head small{font:600 8px Cinzel,serif;letter-spacing:1.8px;color:#a9804b}
.roadmap-detail-head h3{font:700 16px Cinzel,serif;color:#f0d39a;margin:5px 0 0}
.roadmap-phase{padding:13px 14px;margin:10px 0;background:rgba(0,0,0,.2);border-left:2px solid #a76d36}
.roadmap-phase h4{font:700 12px Cinzel,serif;letter-spacing:1px;color:#e7bf7d;margin:0 0 9px}
.roadmap-detail ul{padding-left:18px;margin:8px 0;color:#c9b99f}
.roadmap-detail li{font-size:11px;line-height:1.8;padding:2px 0}
.roadmap-detail li::marker{color:#c18b4e}
.roadmap-detail strong{color:#f2d294}
.roadmap-note{font-size:11px;line-height:1.7;color:#e2b77b;margin:13px 0 0}
.roadmap-alert{padding:14px;background:rgba(135,36,24,.18);border:1px solid rgba(194,83,55,.34);color:#d8c4a7}
.roadmap-alert strong{font:700 12px Cinzel,serif;color:#e6a17d;letter-spacing:1px}
.roadmap-alert p{font-size:11px;line-height:1.7;margin:7px 0 0}
.event-drop-list{list-style:none;padding:0!important;margin:13px 0 0!important}
.event-drop-list li{position:relative;padding:9px 12px 9px 30px!important;margin:5px 0;background:rgba(0,0,0,.2);border:1px solid rgba(218,174,105,.12);color:#ddc9a9}
.event-drop-list li:before{content:"✦";position:absolute;left:11px;color:#d6a75e}
.roadmap-card-desc{font-size:11px;color:#bba98e;line-height:1.7}
@media(max-width:700px){.roadmap-detail-grid{grid-template-columns:1fr}.roadmap-detail{padding:17px}.roadmap-detail-head h3{font-size:14px}}

/* STEP 2B - MU CLASSIC EMBLEMS AND SECTION ICONS */
nav a{display:inline-flex;align-items:center;gap:7px}
.nav-icon{display:inline-grid;place-items:center;width:19px;height:19px;border:1px solid rgba(210,163,91,.48);border-radius:50%;font-size:11px;line-height:1;color:#e4bd79;text-shadow:0 0 8px rgba(220,158,73,.35)}
.section-crest{display:grid;place-items:center;width:43px;height:43px;margin:12px auto 9px;border:1px solid #a77a43;border-radius:50%;background:radial-gradient(circle,#3a2114 0%,#120b08 72%);color:#efcc8c;font-size:21px;box-shadow:0 0 0 4px rgba(176,123,62,.08),0 0 22px rgba(197,132,55,.12);position:relative}
.section-crest:before,.section-crest:after{content:"";position:absolute;top:50%;width:27px;height:1px;background:linear-gradient(90deg,transparent,#a77a43)}
.section-crest:before{right:calc(100% + 9px)}
.section-crest:after{left:calc(100% + 9px);transform:scaleX(-1)}
.section-heading h2{position:relative}
.roadmap-number{font-size:19px!important;box-shadow:inset 0 0 12px rgba(213,157,82,.13),0 0 12px rgba(213,157,82,.08)}
.quick-icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border:1px solid rgba(218,174,105,.38);border-radius:50%;background:radial-gradient(circle,#382114,#100b08);text-shadow:0 0 12px rgba(244,190,104,.5)}
.feature-card>span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto;border:1px solid rgba(218,174,105,.45);border-radius:50%;background:radial-gradient(circle,#3a2114,#100b08);box-shadow:0 0 0 5px rgba(176,123,62,.06);text-shadow:0 0 12px rgba(244,190,104,.5)}
.subheading:before{content:"";display:block;width:46px;height:2px;margin:0 auto 10px;background:linear-gradient(90deg,transparent,#bd8d4d,transparent)}
@media(max-width:900px){nav a{display:flex;gap:10px}.nav-icon{width:22px;height:22px}}


/* GAME COMMANDS AND KEYBOARD GUIDE */
.command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:16px}
.command-card,.command-panel{padding:18px;background:linear-gradient(145deg,#21150f,#100b08);border:1px solid var(--line);box-shadow:inset 0 0 20px rgba(190,118,53,.035)}
.command-card h3{display:flex;align-items:center;gap:11px;margin:0 0 10px;color:#f0d39a;font:700 13px Cinzel,serif}
.command-key{display:grid;place-items:center;min-width:38px;height:38px;padding:0 7px;border:1px solid #a77942;background:rgba(130,68,29,.2);color:#f4d69c;font:700 15px Arial,sans-serif;box-shadow:inset 0 0 10px rgba(213,157,82,.12)}
.command-card p,.command-line p{margin:0;color:#c9b99f;font-size:11px;line-height:1.8}
.command-card strong,.command-line strong{color:#f2d294}
.command-lower-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.command-panel h3{margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid rgba(218,174,105,.18);color:#f0d39a;font:700 14px Cinzel,serif}
.command-line{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid rgba(218,174,105,.1)}
.command-line:last-child{border-bottom:0}
.command-line code{flex:0 0 auto;min-width:85px;padding:7px 9px;text-align:center;background:rgba(0,0,0,.3);border:1px solid rgba(218,174,105,.28);color:#edc77f;font-size:11px;font-weight:700}
.command-line strong{display:block;margin-bottom:3px;font-size:12px}
.command-warning{margin:15px 0 0;padding:13px 15px;background:rgba(135,36,24,.18);border:1px solid rgba(194,83,55,.34);color:#d8c4a7;font-size:11px;line-height:1.8}
.command-warning strong{color:#e6a17d}
@media(max-width:850px){.command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.command-grid,.command-lower-grid{grid-template-columns:1fr}.command-card,.command-panel{padding:15px}}

/* EVENT CENTER - ALPHATEST & OPEN BETA */
.event-block{margin:22px 0 30px}.event-block-title{display:flex;align-items:center;gap:14px;margin:0 0 15px;padding:14px 18px;background:linear-gradient(90deg,rgba(123,76,37,.25),rgba(0,0,0,.12));border:1px solid var(--line)}
.event-block-title>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #a77942;color:#f0cf91;font:700 18px Cinzel,serif}.event-block-title small{color:#a9804b;font:600 9px Cinzel,serif;letter-spacing:2px}.event-block-title h3{margin:4px 0 0;color:#f0d39a;font:700 18px Cinzel,serif}
.event-card{margin:13px 0;padding:20px;background:linear-gradient(145deg,#21150f,#100b08);border:1px solid var(--line)}.event-card h4{margin:0 0 8px;color:#f0d39a;font:700 15px Cinzel,serif}.event-time{display:inline-block;margin:0 0 10px;padding:6px 10px;background:rgba(130,68,29,.2);border:1px solid rgba(218,174,105,.25);color:#efc77e;font-size:11px;font-weight:700}
.event-card ul{padding-left:19px;margin:8px 0 14px;color:#c9b99f}.event-card li{font-size:11px;line-height:1.85;padding:2px 0}.event-card li::marker{color:#c18b4e}.event-card li strong{color:#f2d294}.event-note{margin:13px 0 0;padding:11px 13px;background:rgba(135,36,24,.15);border-left:2px solid #bd5535;color:#ddc5a5;font-size:11px;line-height:1.8}.event-repeat{margin:0 0 10px;color:#c9a66c;font-size:11px;font-style:italic}
.prize-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:13px 0}.prize-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.prize-grid>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:13px 8px;background:radial-gradient(circle at top,rgba(145,91,42,.22),rgba(0,0,0,.25));border:1px solid rgba(218,174,105,.25)}.prize-grid b{color:#d9b77d;font:700 10px Cinzel,serif}.prize-grid strong{color:#f5d28e;font:700 21px Cinzel,serif}.prize-grid small{color:#a98a5c;font-size:9px;letter-spacing:1.4px}
.event-alert{margin:12px 0;padding:15px 17px;background:rgba(135,36,24,.17);border:1px solid rgba(194,83,55,.35)}.event-alert strong{color:#e6a17d;font:700 12px Cinzel,serif;letter-spacing:1px}.event-alert p{margin:6px 0 0;color:#ddc5a5;font-size:11px;line-height:1.8}.event-alert b{color:#f2d294}
.event-timeline{margin:14px 0;border-left:2px solid #936438;padding-left:17px}.event-timeline>div{position:relative;padding:0 0 13px}.event-timeline>div:before{content:"";position:absolute;left:-23px;top:4px;width:9px;height:9px;border-radius:50%;background:#d0a05b;box-shadow:0 0 0 4px rgba(208,160,91,.12)}.event-timeline b{color:#e9c783;font-size:11px}.event-timeline p{margin:4px 0 0;color:#c9b99f;font-size:11px;line-height:1.7}
.guild-prizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}.guild-prizes>div{padding:14px;background:rgba(0,0,0,.22);border:1px solid rgba(218,174,105,.22)}.guild-prizes b{display:block;color:#e8c47f;font:700 11px Cinzel,serif}.guild-prizes strong{display:block;margin:7px 0;color:#f5d28e;font:700 17px Cinzel,serif}.guild-prizes p{margin:0;color:#c9b99f;font-size:10px;line-height:1.7}
.upgrade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.upgrade-card{padding:20px;text-align:center;background:linear-gradient(145deg,#21150f,#100b08);border:1px solid var(--line)}.upgrade-card>span{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 12px;border:1px solid #a77942;border-radius:50%;color:#f5d28e;font:700 25px Cinzel,serif}.upgrade-card h4{color:#f0d39a;font:700 14px Cinzel,serif}.upgrade-card p{color:#c9b99f;font-size:11px;line-height:1.8}.upgrade-card p strong{color:#f2d294}.upgrade-card>b{display:block;margin:12px 0 5px;color:#d8b678;font:700 10px Cinzel,serif}.upgrade-reward{display:block;color:#f5d28e;font:700 17px Cinzel,serif}.event-footer-note{padding:13px 15px;text-align:center;color:#c9b99f;font-size:11px;line-height:1.8;border:1px solid var(--line);background:rgba(0,0,0,.16)}
@media(max-width:700px){.event-card{padding:15px}.prize-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prize-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.guild-prizes,.upgrade-grid{grid-template-columns:1fr}.event-block-title h3{font-size:15px}}


/* STEP 5 - CLEARER TYPOGRAPHY & CONSISTENT CATEGORY ICONS */
body{font-family:Roboto,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.65;color:#f3ecdf;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
nav a{font-size:12px;letter-spacing:.35px;color:#e0d2bd;font-weight:700}
.nav-icon{width:25px;height:25px;flex:0 0 25px;border-radius:8px;background:linear-gradient(145deg,rgba(190,132,65,.2),rgba(40,22,12,.75));border:1px solid rgba(218,174,105,.55);font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:14px;text-shadow:none;box-shadow:inset 0 0 8px rgba(0,0,0,.35)}
.section-crest{width:50px;height:50px;font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:24px;line-height:1}
.section-heading>span,.download-content>span{font-size:11px;letter-spacing:2.2px}
.section-heading h2,.download-content h2{letter-spacing:.25px}
.section-heading p{font-size:14px;line-height:1.8;color:#c8bba8}
.quick-item small{font-size:10px;letter-spacing:1.1px;color:#c2ad8e}
.quick-item strong{font-size:16px}
.date-label,.countdown-wrap small{font-size:10px;letter-spacing:1.3px;color:#d0b58a}
.date-card p,.countdown-note{font-size:14px;color:#d5c3a7}
.server-table th,.server-table td{font-size:13px;line-height:1.7}
.road-step strong,.feature-card h3{font-size:14px}
.road-step span,.feature-card p{font-size:13px;line-height:1.8;color:#c9bca8}
.notice-panel{font-size:14px;color:#e0d0b8}
.command-card p,.command-line p,.roadmap-detail li,.event-card li,.event-timeline p{font-size:13px;line-height:1.85;color:#ddd0bd}
.command-line strong,.command-card h3,.event-card h4{font-size:14px}
.command-line code{font-size:12px}
.event-time,.event-repeat,.event-alert p,.event-note,.event-footer-note{font-size:12px;line-height:1.8}
.prize-grid b{font-size:11px}.prize-grid strong{font-size:23px}
.guild-prizes p{font-size:12px;line-height:1.8}
.upgrade-card p{font-size:13px;line-height:1.85}
.vip-benefit p,.offline-vip p,.offline-vip li{font-size:13px;line-height:1.85}
@media(max-width:900px){nav a{font-size:13px}.nav-icon{width:27px;height:27px;flex-basis:27px}}
@media(max-width:700px){
 body{font-size:14px}
 .section{padding-left:16px;padding-right:16px}
 .section-heading h2{font-size:clamp(22px,6vw,30px);line-height:1.3}
 .section-heading p{font-size:13px}
 .quick-item small{font-size:9px}
 .quick-item strong{font-size:14px}
 .server-table th,.server-table td{font-size:12px}
 .command-card p,.command-line p,.event-card li,.roadmap-detail li{font-size:12px}
 .nav-icon{width:28px;height:28px;flex-basis:28px}
}


/* Floating Zalo contact button */
.chat-admin-float{
  position:fixed;right:22px;bottom:22px;z-index:9999;
  display:flex;align-items:center;gap:11px;
  min-height:58px;padding:8px 18px 8px 9px;
  color:#fff;text-decoration:none;
  background:linear-gradient(135deg,#0879d8,#0755a8);
  border:1px solid rgba(255,220,145,.8);border-radius:40px;
  box-shadow:0 7px 24px rgba(0,0,0,.48),0 0 16px rgba(16,129,231,.35);
  transition:transform .2s ease,box-shadow .2s ease;
}
.chat-admin-float:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.55),0 0 22px rgba(16,129,231,.55)}
.chat-admin-icon{
  display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;
  border-radius:50%;background:#fff;color:#0879d8;font-size:25px;
  font-weight:900;font-family:Arial,sans-serif;line-height:1;
}
.chat-admin-label{display:flex;flex-direction:column;gap:2px;line-height:1.2}
.chat-admin-label strong{font-size:12px;letter-spacing:.7px;color:#fff}
.chat-admin-label small{font-size:10px;color:#e2f1ff}
.chat-admin-pulse{
  position:absolute;inset:-4px;border:1px solid rgba(54,166,255,.65);
  border-radius:44px;animation:chatAdminPulse 2s ease-out infinite;pointer-events:none;
}
@keyframes chatAdminPulse{0%{transform:scale(.96);opacity:.8}100%{transform:scale(1.13);opacity:0}}
@media(max-width:600px){
  .chat-admin-float{right:13px;bottom:14px;min-height:52px;padding:6px 13px 6px 7px;gap:8px}
  .chat-admin-icon{width:36px;height:36px;flex-basis:36px;font-size:22px}
  .chat-admin-label strong{font-size:11px}
  .chat-admin-label small{font-size:9px}
}


/* Daily invasion and boss schedule */
.invasion-section{scroll-margin-top:90px}
.invasion-note{margin:0 auto 18px;padding:11px 16px;max-width:900px;text-align:center;color:#ffe2a0;background:rgba(135,91,27,.16);border:1px solid rgba(218,170,83,.35);border-radius:8px;font-weight:700}
.invasion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.invasion-card{padding:20px;background:rgba(13,18,30,.82);border:1px solid rgba(211,166,85,.35);border-radius:12px;box-shadow:0 8px 22px rgba(0,0,0,.22)}
.invasion-card h3{margin:0 0 12px;color:#f4d28b;font-size:17px}
.invasion-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.09);align-items:flex-start}
.invasion-row:last-child{border-bottom:0}
.invasion-row strong{color:#fff0c9;min-width:145px}
.invasion-row span{color:#e5e8ef;text-align:right;line-height:1.7;font-size:13px}
.invasion-disabled{margin-top:18px;padding:16px 20px;border:1px dashed rgba(180,180,180,.35);border-radius:10px;background:rgba(80,80,80,.12);color:#c7cbd3}
.invasion-disabled strong{display:block;color:#d9dce2;margin-bottom:8px}
.invasion-disabled p{display:inline-block;margin:5px 16px 5px 0}
.invasion-disabled small{display:block;margin-top:8px;color:#aeb4c0}
@media(max-width:760px){.invasion-grid{grid-template-columns:1fr}.invasion-row{display:block}.invasion-row strong{display:block;margin-bottom:3px}.invasion-row span{display:block;text-align:left}.invasion-card{padding:15px}}


/* Additional events announced for upcoming activation */
.invasion-enabled-extra{margin-top:18px;padding:18px 20px;border:1px solid rgba(218,170,83,.5);border-radius:10px;background:linear-gradient(135deg,rgba(91,61,20,.28),rgba(16,21,34,.88));color:#e8eaf0}
.invasion-enabled-extra>strong{display:block;color:#ffdf91;font-size:16px;margin-bottom:8px}
.invasion-extra-intro{margin:0 0 8px;color:#cbd0da;font-size:13px}
.invasion-enabled-extra .invasion-row:last-child{border-bottom:0}
@media(max-width:760px){.invasion-enabled-extra{padding:15px}}