:root{--bg:#080d19;--panel:#111a2d;--panel2:#17233b;--line:rgba(255,255,255,.1);--text:#f5f7ff;--muted:#a9b5ca;--orange:#ff7a18;--gold:#ffc94a;--cyan:#35c7ff;--green:#35d07f;--shadow:0 22px 65px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 15% 10%,rgba(53,199,255,.14),transparent 32%),radial-gradient(circle at 85% 18%,rgba(255,122,24,.13),transparent 30%),var(--bg);min-height:100vh}a{color:inherit;transition:.2s ease}a:hover{color:var(--gold);text-decoration:none}.site-shell{width:min(1140px,calc(100% - 28px));margin:22px auto;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:rgba(9,15,28,.92);box-shadow:var(--shadow)}
.age-notice{padding:9px 18px;text-align:center;color:#d7dfef;background:#0b1323;border-bottom:1px solid var(--line);font-size:12px}.age-notice i{color:var(--green);margin-right:6px}.hero{position:relative;min-height:480px;display:grid;place-items:center;overflow:hidden;background:url(../images/banner.jpg) center/cover no-repeat}.hero:after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(transparent,#0c1425)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,18,.9),rgba(7,13,25,.46) 55%,rgba(5,9,18,.72))}.hero-content{position:relative;z-index:2;width:min(780px,90%);padding:54px 0 70px;text-align:center}.brand img{width:min(330px,82vw);max-height:135px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.5))}.hero-kicker,.eyebrow{margin:20px 0 7px;color:var(--gold);font-weight:800;font-size:12px;letter-spacing:2px}.hero h1{font-size:clamp(32px,6vw,62px);line-height:1.05;margin:0;text-transform:uppercase;font-weight:900;text-shadow:0 4px 22px #000}.hero-copy{max-width:620px;margin:16px auto 28px;color:#d8e1f1;font-size:16px}.download-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.download-grid a{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:0 8px;text-align:left;align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(18,29,49,.84);backdrop-filter:blur(8px)}.download-grid a:hover{transform:translateY(-3px);border-color:var(--gold);background:#172640}.download-grid i{grid-row:1/3;font-size:27px;color:var(--orange);text-align:center}.download-grid span{font-weight:800}.download-grid small{color:var(--muted)}
.main-nav{position:relative;z-index:4;display:flex;justify-content:center;gap:4px;padding:9px;background:#0c1425;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow-x:auto}.main-nav a{white-space:nowrap;padding:10px 14px;border-radius:10px;color:#c6d0e0;font-weight:700;font-size:14px}.main-nav a:hover,.main-nav .nav-primary{color:#fff;background:rgba(255,122,24,.15)}.main-nav i{margin-right:7px;color:var(--orange)}.site-main{padding:24px}.content-card,.ibox-content,.intro,.form-auth{background:linear-gradient(145deg,rgba(23,35,59,.96),rgba(15,24,42,.98))!important;border:1px solid var(--line)!important;border-radius:18px!important;color:var(--text)!important;box-shadow:0 12px 30px rgba(0,0,0,.2);margin-bottom:20px;padding:24px!important}.section-heading{text-align:center;max-width:680px;margin:0 auto 25px}.section-heading h2,.guide-grid h2{font-size:30px;font-weight:900;margin:5px 0 9px}.section-heading p,.feature-card p,.guide-grid p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{padding:22px;border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.035)}.feature-card>i{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--orange),#e93636);font-size:21px}.feature-card h3{font-size:17px;font-weight:800;margin:16px 0 7px}.feature-card p{font-size:14px;margin:0;line-height:1.65}.skill-showcase{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:26px 0}.skill-showcase img{width:86px;height:86px;object-fit:cover;border-radius:16px;border:1px solid var(--line);background:#0b1220}.guide-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;padding-top:25px;border-top:1px solid var(--line)}.steps{list-style:none;padding:0;counter-reset:steps}.steps li{position:relative;display:flex;flex-direction:column;padding:10px 10px 10px 48px;min-height:46px}.steps li:before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:8px;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(53,199,255,.14);color:var(--cyan);font-weight:900}.steps span{color:var(--muted);font-size:14px}.safety-box{padding:24px;border:1px solid rgba(53,208,127,.25);border-radius:16px;background:rgba(53,208,127,.07)}.safety-box>i{font-size:30px;color:var(--green)}.safety-box h3{font-weight:800;margin-top:12px}.button,.btn{border:0;border-radius:11px!important;font-weight:800!important}.button{display:inline-block;padding:11px 16px}.button-primary,.btn-action,.btn-download,.btn-dark,.btn-primary{color:#fff!important;background:linear-gradient(135deg,var(--orange),#e64428)!important;box-shadow:0 7px 18px rgba(255,122,24,.2)}
.form-auth{width:min(460px,100%);margin:10px auto 25px!important;text-align:left!important}.form-auth h1{text-align:center;color:#fff!important;font-weight:900}.form-control,.custom-select,select{height:auto!important;padding:12px 14px!important;border-radius:11px!important;border:1px solid var(--line)!important;background:#0b1425!important;color:#fff!important}.form-control:focus{border-color:var(--orange)!important;box-shadow:0 0 0 3px rgba(255,122,24,.13)!important}.form-control::placeholder{color:#77849a}.alert{border:1px solid var(--line)!important;border-radius:15px!important;background:var(--panel2)!important;color:var(--text)!important;min-height:80px}.alert-link{color:var(--gold)!important}.box_name_eman,.text-muted,small{color:var(--muted)!important}.avatar{border-radius:12px!important;background:#0b1425;padding:3px}.table{color:#eaf0fb;background:transparent}.table td,.table th{border-color:var(--line)!important}.table-responsive{border-radius:12px;overflow:auto}.nav-tabs{border-bottom-color:var(--line)}.nav-tabs .nav-link{border:0;color:var(--muted);border-radius:10px}.nav-tabs .nav-link.active{color:#fff;background:var(--orange)}
.news-post{margin:22px 0;padding:18px;text-align:left;border:1px solid rgba(255,169,56,.28);border-radius:18px;background:linear-gradient(145deg,#5b2905,#311706);box-shadow:0 14px 35px rgba(0,0,0,.3)}.post-author{display:flex;align-items:center;gap:12px}.post-author img{width:50px;height:50px;object-fit:contain;padding:3px;border-radius:11px;background:#a95b13;border:1px solid #e79a39}.post-author strong{display:block;color:var(--gold);font-size:16px}.post-author small{display:block;color:#dbc39e!important;font-size:11px}.post-author small i{font-size:7px;color:var(--green)}.online-dot{display:inline-block;width:8px;height:8px;margin-left:4px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.news-post h2{margin:16px 0 5px;color:#fff;font-size:18px;font-weight:900}.news-post h2 i{color:var(--gold)}.news-post>p{color:#d9c1a0;font-size:13px}.post-banners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.post-banners a{display:block;overflow:hidden;border:2px solid rgba(255,189,75,.42);border-radius:12px;background:#140b06}.post-banners img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;transition:transform .3s ease}.post-banners a:hover img{transform:scale(1.025)}.post-actions{display:flex;gap:20px;align-items:center;margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.12);color:#c5a983;font-size:12px}.post-actions a{margin-left:auto;color:var(--gold);font-weight:800}.post-actions i{margin-right:5px}
.site-footer{padding:30px 28px 16px;background:#080e1b;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:28px}.footer-brand img{max-width:210px;max-height:80px;object-fit:contain}.footer-brand p{max-width:420px;color:var(--muted);font-size:14px}.footer-grid h3{font-size:14px;color:var(--gold);text-transform:uppercase;letter-spacing:1px}.footer-grid>div>a{display:block;color:var(--muted);padding:4px 0;font-size:14px}.footer-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--line);color:#718099;font-size:12px}.health-warning{color:#ff7d7d}
@media(max-width:800px){.site-shell{width:100%;margin:0;border:0;border-radius:0}.hero{min-height:440px}.download-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.guide-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.site-main{padding:14px}.main-nav{justify-content:flex-start}.main-nav span{display:none}.main-nav i{margin:0;font-size:18px}.main-nav a{min-width:45px;text-align:center}.content-card,.ibox-content,.intro,.form-auth{padding:18px!important}.footer-bottom{flex-direction:column}}
@media(max-width:480px){.hero-content{padding-top:35px}.hero-copy{font-size:14px}.download-grid a{padding:10px}.footer-grid{grid-template-columns:1fr}.skill-showcase img{width:65px;height:65px}.age-notice{font-size:10px}.post-banners{grid-template-columns:1fr}.news-post{padding:12px}.post-actions{gap:10px}.post-actions span:nth-child(2){display:none}}

/* Bài viết banner Donate: mỗi ảnh là một bài riêng, bấm để mở Donate. */
.news-post{width:min(720px,100%);margin:22px auto}
.post-banner-single{display:block;overflow:hidden;border:2px solid rgba(255,189,75,.42);border-radius:12px;background:#140b06}
.post-banner-single img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;transition:transform .3s ease}
.post-banner-single:hover img{transform:scale(1.015)}
.pinned-post{position:relative;border-color:rgba(255,92,92,.48);box-shadow:0 14px 38px rgba(255,78,25,.13)}
.pin-badge{position:absolute;top:0;right:0;padding:6px 11px;border-radius:0 17px 0 10px;background:linear-gradient(135deg,#ff4660,#e1283b);color:#fff;font-size:10px;font-weight:900;letter-spacing:.4px}

/* Giao diện vàng cam chủ đạo */
:root{--bg:#ff9a32;--panel:#914407;--panel2:#a9550e;--line:rgba(116,48,0,.24);--text:#fff9ec;--muted:#ffe0ad;--orange:#ff6a00;--gold:#ffd34d;--shadow:0 20px 55px rgba(105,42,0,.27)}
body{background:radial-gradient(circle at 15% 4%,#ffd978 0,transparent 31%),radial-gradient(circle at 87% 12%,#ff6f23 0,transparent 28%),linear-gradient(135deg,#ffad3d,#ff862c);background-attachment:fixed}
.site-shell{border-color:#d86a12;background:#f59a31;box-shadow:var(--shadow)}
.age-notice{color:#6e3000;background:#ffd77b;border-bottom-color:#e89a34;font-weight:700}
.hero:after{background:linear-gradient(transparent,rgba(116,48,0,.78))}.hero-overlay{background:linear-gradient(90deg,rgba(96,32,0,.72),rgba(139,57,0,.25) 55%,rgba(96,32,0,.58))}
.main-nav{background:#7d3503;border-color:#b85b10}.main-nav a{color:#ffe7bd}.main-nav a:hover,.main-nav .nav-primary{background:#ff7a00;color:#fff}
.site-main{background:linear-gradient(180deg,#ffa336,#f7932c)}
.content-card,.ibox-content,.intro,.form-auth{background:linear-gradient(145deg,#a6530d,#743004)!important;border-color:#c56816!important;box-shadow:0 12px 28px rgba(110,43,0,.22)}
.feature-card{background:rgba(255,197,91,.13);border-color:rgba(255,222,160,.25)}
.form-control,.custom-select,select{background:#fff5dd!important;color:#6a2a00!important;border-color:#db8b36!important}.form-control::placeholder{color:#a77348}
.site-footer{background:#713003;border-top-color:#a64d08}.footer-grid>div>a,.footer-brand p,.footer-bottom{color:#ffd9a2}.footer-grid h3{color:#ffe168}
.news-post{background:linear-gradient(145deg,#984706,#6f2e02);border-color:#d87921;box-shadow:0 12px 30px rgba(105,39,0,.24)}
.alert{background:#a9540e!important;border-color:#db812b!important}.table{color:#fff8e8}

/* Banner hướng dẫn iOS */
.ios-author-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:11px;background:#fff;color:#7a3100;font-size:30px;box-shadow:0 5px 15px rgba(0,0,0,.2)}
.ios-banner{position:relative;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;padding:40px 20px 48px;border:2px solid #ffd666;border-radius:13px;text-align:center;background:linear-gradient(180deg,rgba(255,177,24,.18),rgba(83,25,0,.85)),url(../images/banner.jpg) center/cover no-repeat;box-shadow:inset 0 0 65px rgba(255,176,25,.52)}
.ios-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(255,232,112,.18),transparent 42%);pointer-events:none}
.ios-banner img{position:absolute;top:25px;right:25px;width:180px;max-height:90px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.38))}
.ios-banner>i{position:absolute;top:34px;left:34px;font-size:68px;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.45)}
.ios-banner span,.ios-banner b,.ios-banner small{position:relative;z-index:1}.ios-banner span{padding:8px 20px;color:#fff0a7;background:#6d2b02;border:2px solid #ffc84c;border-radius:9px 9px 0 0;font-size:clamp(24px,5vw,45px);font-weight:950;text-shadow:0 3px 0 #7b2800}.ios-banner b{width:min(620px,96%);padding:8px 16px;color:#fff;background:linear-gradient(135deg,#ff8b00,#df4300);border:2px solid #ffd765;border-radius:8px;font-size:clamp(27px,5.8vw,52px);font-weight:950;box-shadow:0 8px 25px rgba(0,0,0,.28)}.ios-banner small{margin-top:13px;color:#fff!important;font-size:14px;font-weight:800}
.ios-pinned-post{margin-top:0;border-color:#ff5367;box-shadow:0 16px 42px rgba(185,48,0,.25)}

/* Trang Cơ Chế Game */
.mechanics-page{color:#fff6e5}.mechanics-hero{position:relative;padding:32px;border-radius:20px;background:linear-gradient(135deg,#9d4706,#6c2900);border:1px solid #df8127;box-shadow:0 14px 32px rgba(102,39,0,.25)}.mechanics-hero h1{margin:4px 0 8px;font-size:clamp(28px,5vw,48px);font-weight:950}.mechanics-hero>p:not(.eyebrow){max-width:760px;color:#ffe0ae}.mechanics-toc{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.mechanics-toc a{display:flex;align-items:center;gap:12px;padding:14px;border-radius:13px;background:#fff0cf;color:#703000;border:1px solid #e59a44;font-weight:800}.mechanics-toc a:hover{transform:translateY(-2px);background:#fff7e7}.mechanics-toc b{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,#ff8b00,#e44b00)}
.mechanics-section{display:grid;grid-template-columns:58px 1fr;gap:18px;margin:14px 0;padding:23px;border:1px solid #d97b24;border-radius:17px;background:linear-gradient(145deg,#9b4a09,#753002);box-shadow:0 10px 25px rgba(105,39,0,.18);scroll-margin-top:15px}.mechanics-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#ffc642,#ff6a00);font-size:24px}.section-number{color:#ffc84b;font-size:11px;font-weight:900;letter-spacing:2px}.mechanics-section h2{margin:0 0 12px;font-size:24px;font-weight:900}.mechanics-section ul{margin:0;padding-left:20px}.mechanics-section li{margin:8px 0;line-height:1.55;color:#ffe8c4}.vip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vip-grid>div,.equipment-grid>div,.disciple-grid>div{display:flex;flex-direction:column;padding:12px;border-radius:11px;background:rgba(255,211,118,.13);border:1px solid rgba(255,226,163,.25)}.vip-grid span,.equipment-grid span,.disciple-grid span{color:#ffe2b4;font-size:13px}.boss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.boss-grid article{padding:15px;border-radius:12px;background:#fff0cf;color:#6a2b00}.boss-grid h3{font-size:16px;font-weight:900}.boss-grid p{margin-bottom:7px}.boss-grid small{color:#9a5a27!important}.equipment-grid,.disciple-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mechanics-note{display:flex;gap:14px;align-items:center;padding:20px;border-radius:15px;color:#6b2c00;background:#ffe7ad}.mechanics-note i{font-size:27px;color:#e94d31}.mechanics-note div{display:flex;flex-direction:column}.mechanics-note span{font-size:13px}
@media(max-width:700px){.mechanics-toc{grid-template-columns:1fr 1fr}.mechanics-section{grid-template-columns:1fr}.boss-grid,.vip-grid{grid-template-columns:1fr 1fr}.equipment-grid,.disciple-grid{grid-template-columns:1fr}.ios-banner{min-height:390px}.ios-banner img{width:125px}.ios-banner>i{font-size:48px}}
.ios-guide{max-width:820px;margin:0 auto!important}.ios-guide h1{font-size:clamp(28px,5vw,44px);font-weight:950}.guide-step{margin:14px 0;padding:22px;border-radius:15px;background:rgba(255,210,112,.14);border:1px solid rgba(255,227,166,.3)}.guide-step h2{margin:9px 0;font-size:22px;font-weight:900}.guide-step p{color:#ffe1b0}.step-badge{display:inline-block;padding:5px 10px;border-radius:8px;background:#ff7a00;color:#fff;font-size:11px;font-weight:900}.guide-step img{display:block;width:min(100%,680px);height:auto;margin:18px auto 0;border-radius:13px;border:2px solid #f0a13c}.guide-finish{text-align:center;background:#ffe4a6;color:#6b2c00}.guide-finish p{color:#8b4b17}

/* Chủ đề vàng cam sáng - không dùng nền đen */
body{color:#642700;background:radial-gradient(circle at 12% 5%,#fff0a8 0,transparent 28%),radial-gradient(circle at 88% 14%,#ffcb5a 0,transparent 25%),linear-gradient(135deg,#ff9f28,#ff7b20)!important}
.site-shell{background:#ffa334!important;border:2px solid #e87513!important}.age-notice{background:#ffe69c!important;color:#713000!important}
.hero-overlay{background:linear-gradient(90deg,rgba(173,66,0,.48),rgba(255,145,24,.12) 52%,rgba(173,66,0,.38))!important}.hero:after{background:linear-gradient(transparent,rgba(224,101,9,.62))!important}
.main-nav{background:linear-gradient(90deg,#ff981f,#f17a11)!important;border-color:#ffc765!important}.main-nav a{color:#fff8e8!important}.main-nav a:hover,.main-nav .nav-primary{background:#fff0be!important;color:#7a2e00!important}.main-nav i{color:#7e2e00!important}
.site-main{background:linear-gradient(180deg,#ffb84f,#ff9f32)!important}
.content-card,.ibox-content,.intro,.form-auth{color:#672900!important;background:linear-gradient(145deg,#fff7df,#ffe4a4)!important;border:1px solid #e58b29!important;box-shadow:0 10px 25px rgba(126,48,0,.16)!important}
.content-card h1,.content-card h2,.content-card h3,.ibox-content h1,.ibox-content h2,.ibox-content h3,.intro h2,.form-auth h1{color:#6c2900!important}
.section-heading p,.feature-card p,.guide-grid p,.text-muted,.box_name_eman{color:#9a571e!important}.eyebrow{color:#e34f00!important}
.feature-card{background:linear-gradient(145deg,#ffe293,#ffc960)!important;border-color:#e99b2f!important;color:#6a2900!important}.feature-card>i{background:linear-gradient(135deg,#ff8a00,#ec4d00)!important}.skill-showcase img{background:#ffd47a!important;border-color:#df8522!important}.guide-grid{border-top-color:#e9a54c!important}.steps span{color:#96511c!important}.safety-box{background:#fff0bb!important;border-color:#e5a43d!important;color:#6a2900!important}.safety-box p{color:#91501b!important}
.form-control,.custom-select,select{background:#fffdfa!important;color:#652800!important;border-color:#df933b!important}.form-control::placeholder{color:#aa7447!important}
.alert{background:#fff0c5!important;color:#6a2900!important;border-color:#e39837!important}.alert-link{color:#d64b00!important}.table{color:#632500!important}.table td,.table th{border-color:#dfa254!important}.color-forum,.container.color-forum{background:transparent!important;color:#642700!important}.table-ranking{background:#fff1cb!important}.table-ranking td{color:#672900!important}.ranking-title{background:linear-gradient(135deg,#ff9b22,#e65a00)!important}
.mechanics-page{color:#672900!important}.mechanics-hero{color:#672900!important;background:linear-gradient(145deg,#fff1c4,#ffc95e)!important;border-color:#df8925!important}.mechanics-hero>p:not(.eyebrow){color:#96521d!important}.mechanics-section{color:#672900!important;background:linear-gradient(145deg,#fff8e6,#ffdda0)!important;border-color:#e49636!important}.mechanics-section li{color:#814214!important}.vip-grid>div,.equipment-grid>div,.disciple-grid>div{background:#ffd77f!important;border-color:#eaa044!important}.vip-grid span,.equipment-grid span,.disciple-grid span{color:#874716!important}.boss-grid article{background:#ffcb68!important}.mechanics-note{background:#fff2c8!important}
.ios-guide .guide-step{background:#ffd988!important;border-color:#e69b34!important}.guide-step p{color:#874718!important}
.site-footer{background:linear-gradient(135deg,#f27c12,#d95e06)!important;border-top-color:#ffc15b!important}.footer-grid>div>a,.footer-brand p,.footer-bottom{color:#fff1d0!important}.footer-grid h3{color:#fff8a8!important}

/* Menu mobile: luôn hiện cả biểu tượng và tên chức năng, không cuộn ngang. */
@media(max-width:800px){
    .main-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px!important;justify-content:stretch!important;padding:10px!important;overflow:visible!important;background:linear-gradient(145deg,#ff9f28,#ed720b)!important}
    .main-nav a{display:flex!important;min-width:0!important;min-height:72px;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 4px!important;overflow:hidden;border:1px solid rgba(132,52,0,.2);border-radius:12px!important;background:linear-gradient(145deg,#fff2c8,#ffd986)!important;color:#713000!important;box-shadow:0 3px 8px rgba(120,43,0,.13);font-size:11px!important;font-weight:900!important;line-height:1.15;white-space:normal!important;text-align:center}
    .main-nav a:hover,.main-nav a:focus{transform:translateY(-1px);background:#fff8e5!important;color:#6c2900!important}
    .main-nav span{display:block!important;width:100%;overflow:hidden;text-overflow:ellipsis}
    .main-nav i{display:block;width:32px;height:28px;margin:0!important;color:#9a3c00!important;font-size:23px!important;line-height:28px;text-align:center}
    .main-nav .nav-primary{background:linear-gradient(145deg,#fff8de,#ffc75e)!important;color:#6f2b00!important;border-color:#e78a1c}
    .main-nav a.is-active{background:linear-gradient(145deg,#9b4000,#6f2900)!important;color:#fff8dd!important;border-color:#ffd15a;box-shadow:0 0 0 2px rgba(255,213,95,.42),0 5px 12px rgba(91,29,0,.22)}
    .main-nav a.is-active i{color:#ffd85b!important}
}
@media(max-width:430px){
    .main-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
    .main-nav a{min-height:70px;font-size:11px!important}
}
@media(max-width:330px){.main-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Cơ chế game 2026: trình bày theo đúng luồng tính năng trong SRC. */
.mechanics-badges{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.mechanics-badges span{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #e58c26;border-radius:999px;background:rgba(255,255,255,.55);color:#773000;font-size:12px;font-weight:900}.mechanics-badges i{color:#e85b00}.mechanics-quickstart{margin:16px 0;padding:22px;border:1px solid #e49636;border-radius:17px;background:linear-gradient(145deg,#fff8e4,#ffd989);color:#6b2b00;box-shadow:0 10px 25px rgba(105,39,0,.15)}.mechanics-quickstart h2{margin:0 0 17px;font-size:22px;font-weight:950}.route-line{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center}.route-line>div{display:flex;min-height:112px;flex-direction:column;justify-content:center;padding:13px;border:1px solid #eaa049;border-radius:13px;background:#fff1c8}.route-line div>b{width:30px;height:30px;display:grid;place-items:center;margin-bottom:8px;border-radius:9px;background:linear-gradient(135deg,#ff9300,#e85100);color:#fff}.route-line span{font-weight:900}.route-line small{margin-top:4px;color:#99551e!important}.route-line>i{color:#d95900;font-size:22px}.mechanics-section>div:last-child>p{color:#8f4c18;line-height:1.65}.mechanics-section h3.subheading{margin:19px 0 10px;color:#762d00;font-size:16px;font-weight:950}.mechanics-card-grid{display:grid;gap:10px}.mechanics-card-grid.four-columns{grid-template-columns:repeat(4,1fr)}.mechanics-card-grid.three-columns{grid-template-columns:repeat(3,1fr)}.mechanics-card-grid article{display:flex;min-height:150px;flex-direction:column;padding:15px;border:1px solid #e4a04c;border-radius:13px;background:#fff0c4}.mechanics-card-grid article>i{width:38px;height:38px;display:grid;place-items:center;margin-bottom:12px;border-radius:10px;background:linear-gradient(135deg,#ff9d14,#e95400);color:#fff;font-size:18px}.mechanics-card-grid b{color:#712b00}.mechanics-card-grid span{margin-top:6px;color:#92501c;font-size:13px;line-height:1.55}.mechanics-callout{display:flex;gap:10px;align-items:flex-start;margin-top:13px;padding:13px 15px;border-left:4px solid #0eaa63;border-radius:10px;background:#eaffd9;color:#315d20}.mechanics-callout.warning{border-left-color:#e26d00;background:#fff0bd;color:#7f3f08}.mechanics-callout i{margin-top:2px;font-size:17px}.timeline-list{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:13px}.timeline-list>div{display:flex;min-height:118px;flex-direction:column;padding:14px;border:1px solid #e59b42;border-radius:12px;background:#ffefbd}.timeline-list b{color:#dd5200}.timeline-list span{margin-top:6px;color:#894616;font-size:13px;line-height:1.5}.kol-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.kol-grid article{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid #e3a052;border-radius:11px;background:#fff1ca}.kol-grid article>b{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#ff9810,#e64c00);color:#fff}.kol-grid article div{display:flex;min-width:0;flex-direction:column}.kol-grid strong{color:#6d2900;font-size:13px}.kol-grid span{color:#99551e;font-size:12px}.exchange-grid,.test-boss-grid,.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.exchange-grid>div,.test-boss-grid>div,.recipe-grid article{display:flex;flex-direction:column;padding:13px;border:1px solid #e49c43;border-radius:11px;background:#fff0c5}.exchange-grid b,.test-boss-grid b,.recipe-grid b{color:#752d00}.exchange-grid span,.test-boss-grid span,.recipe-grid span{margin-top:4px;color:#95501b;font-size:12px}.mechanics-footnote{margin:10px 0 0!important;font-size:12px}.mechanics-link{display:inline-flex;align-items:center;gap:8px;margin-top:13px;padding:11px 15px;border-radius:10px;background:linear-gradient(135deg,#ff8c00,#e55100);color:#fff!important;font-weight:900;box-shadow:0 7px 16px rgba(177,67,0,.2)}.mechanics-link:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(177,67,0,.25)}.seasonal-section{border-color:#e1a537!important}.seasonal-section .mechanics-icon{background:linear-gradient(135deg,#ffdc5d,#e77e00)}

@media(max-width:980px){.route-line{grid-template-columns:repeat(5,1fr)}.route-line>i{display:none}.mechanics-card-grid.four-columns{grid-template-columns:repeat(2,1fr)}.timeline-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.mechanics-hero{padding:24px 18px!important}.mechanics-badges{gap:6px}.mechanics-badges span{padding:7px 9px;font-size:10px}.route-line{grid-template-columns:1fr}.route-line>div{min-height:0}.mechanics-card-grid.four-columns,.mechanics-card-grid.three-columns,.timeline-list,.kol-grid,.exchange-grid,.test-boss-grid,.recipe-grid{grid-template-columns:1fr}.mechanics-card-grid article{min-height:0}.mechanics-toc a{min-height:62px}.mechanics-section{padding:18px}.mechanics-section h2{font-size:21px}.mechanics-quickstart{padding:17px}.vip-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:380px){.mechanics-toc,.vip-grid{grid-template-columns:1fr}.mechanics-badges{display:grid;grid-template-columns:1fr 1fr}.mechanics-badges span{justify-content:center;text-align:center}}

/* Điểm danh website -> Hòm thư trong game */
.daily-checkin-page{color:#6c2a00}.daily-checkin-hero{position:relative;overflow:hidden;padding:30px;border:1px solid #e48922;border-radius:20px;background:radial-gradient(circle at 92% 20%,rgba(255,255,255,.75),transparent 26%),linear-gradient(135deg,#fff4c9,#ffc64f);box-shadow:0 14px 32px rgba(113,43,0,.18)}.daily-checkin-hero:after{content:"\f073";position:absolute;right:35px;bottom:-42px;color:rgba(205,71,0,.12);font:180px/1 FontAwesome}.daily-checkin-hero>span{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#8a3700;color:#fff4cc;font-size:11px;font-weight:900;letter-spacing:1px}.daily-checkin-hero h1{position:relative;z-index:1;margin:10px 0 5px;font-size:clamp(30px,5vw,49px);font-weight:950}.daily-checkin-hero p{position:relative;z-index:1;max-width:720px;margin:0;color:#8d4917}.checkin-player{position:relative;z-index:1;display:inline-flex;gap:8px;align-items:center;margin-top:15px;padding:9px 13px;border:1px solid #dfa044;border-radius:11px;background:rgba(255,255,255,.55)}
.checkin-alert,.checkin-install-warning{display:flex;gap:12px;align-items:center;margin:15px 0;padding:14px 16px;border-radius:12px;font-weight:800}.checkin-alert.success{border:1px solid #55ad5a;background:#e5ffd9;color:#236223}.checkin-alert.error,.checkin-install-warning{border:1px solid #e27737;background:#fff0ce;color:#833600}.checkin-alert>i,.checkin-install-warning>i{font-size:25px}.checkin-install-warning div{display:flex;flex-direction:column}.checkin-install-warning span,.checkin-install-warning small{margin-top:3px;font-weight:500}.checkin-install-warning code{color:#c54800;font-weight:900}
.checkin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.checkin-summary>div{display:flex;min-height:88px;flex-direction:column;justify-content:center;padding:14px;border:1px solid #e39a3d;border-radius:13px;background:#fff1c9}.checkin-summary small{color:#9b591e}.checkin-summary b{margin-top:3px;font-size:20px}.checkin-summary b.done{color:#16854f}.checkin-summary b.ready{color:#e15300}
.checkin-days{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.checkin-day{position:relative;display:flex;min-height:265px;flex-direction:column;align-items:center;padding:16px;border:2px solid #df9a47;border-radius:17px;background:linear-gradient(160deg,#fff7df,#ffd87d);text-align:center;box-shadow:0 8px 18px rgba(122,45,0,.12);transition:.2s ease}.checkin-day.next{border-color:#e85d00;box-shadow:0 0 0 3px rgba(255,112,0,.15),0 11px 25px rgba(131,45,0,.18);transform:translateY(-3px)}.checkin-day.claimed,.checkin-day.claimed-today{background:linear-gradient(160deg,#efffde,#bce989);border-color:#5cae51}.checkin-day.locked{filter:saturate(.72);opacity:.82}.day-number{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;padding:5px 9px;border-radius:9px;background:#7c3100;color:#fff}.day-number span{font-size:8px;font-weight:900}.day-number b{font-size:17px}.day-gift-icon{width:76px;height:76px;display:grid;place-items:center;margin:18px 0 9px;border-radius:50%;background:radial-gradient(circle,#fff 0 18%,#ffc73b 20% 52%,#ef6b00 54%);color:#fff;font-size:33px;box-shadow:0 8px 18px rgba(180,67,0,.25)}.checkin-day h2{margin:0 0 7px;color:#6d2900;font-size:16px;font-weight:950}.checkin-day p{margin:0;color:#df5200;font-size:13px;font-weight:900}.checkin-day small{margin:7px 0 12px;color:#95501a!important;line-height:1.35}.checkin-day em{margin-top:auto;padding:5px 9px;border-radius:999px;background:#8c3800;color:#fff;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.5px}.checkin-day.claimed em,.checkin-day.claimed-today em{background:#258847}
.checkin-action{display:flex;flex-direction:column;align-items:center;margin-top:18px;padding:20px;border:1px solid #e49a3c;border-radius:15px;background:#fff0bf}.checkin-action button{min-width:min(100%,390px);padding:15px 24px;border:0;border-radius:13px;background:linear-gradient(135deg,#ff8e00,#e64b00);color:#fff;font-size:16px;font-weight:950;box-shadow:0 9px 20px rgba(163,56,0,.25);cursor:pointer}.checkin-action button:hover:not(:disabled){transform:translateY(-2px)}.checkin-action button:disabled{background:#8f997f;box-shadow:none;cursor:not-allowed}.checkin-action p{margin:10px 0 0;color:#8f4a17;font-size:12px}
@media(max-width:980px){.checkin-days{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.daily-checkin-hero{padding:22px 17px}.checkin-summary{grid-template-columns:1fr}.checkin-summary>div{min-height:68px}.checkin-days{grid-template-columns:1fr}.checkin-day{min-height:225px}.daily-checkin-hero:after{font-size:120px}.checkin-action{padding:15px}}

/* Tra cứu vật phẩm Boss */
.boss-drop-page{color:#6c2a00}.boss-drop-hero{padding:31px;border:1px solid #e38823;border-radius:20px;background:radial-gradient(circle at 90% 20%,rgba(255,255,255,.7),transparent 27%),linear-gradient(135deg,#fff3c4,#ffc44a);box-shadow:0 14px 32px rgba(113,43,0,.18)}.boss-drop-hero>span{display:inline-flex;gap:7px;align-items:center;padding:7px 11px;border-radius:999px;background:#843300;color:#fff3ce;font-size:11px;font-weight:900;letter-spacing:1px}.boss-drop-hero h1{margin:10px 0 6px;font-size:clamp(30px,5vw,49px);font-weight:950}.boss-drop-hero p{max-width:760px;margin:0;color:#8c4917;line-height:1.6}.drop-currency-focus{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:15px 0}.drop-currency-focus article{display:flex;gap:13px;align-items:flex-start;padding:18px;border:1px solid #df922f;border-radius:15px;background:linear-gradient(145deg,#fff8e3,#ffd77e)}.drop-currency-focus article>i{width:45px;height:45px;display:grid;flex:0 0 45px;place-items:center;border-radius:12px;background:linear-gradient(135deg,#ff970e,#e95100);color:#fff;font-size:20px}.drop-currency-focus article div{display:flex;flex-direction:column}.drop-currency-focus b{font-size:17px}.drop-currency-focus span{margin-top:5px;color:#92501b;font-size:13px;line-height:1.55}
.drop-toolbar{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:12px;align-items:center;margin:15px 0;padding:15px;border:1px solid #e29131;border-radius:14px;background:#fff0c5}.drop-toolbar label{font-weight:900}.drop-toolbar input{width:100%;padding:12px 14px;border:1px solid #d78226;border-radius:10px;background:#fffdfa;color:#6a2a00;outline:0}.drop-toolbar input:focus{border-color:#e65400;box-shadow:0 0 0 3px rgba(238,91,0,.13)}.drop-toolbar span{min-width:75px;color:#d75200;font-size:12px;font-weight:900;text-align:right}.drop-section{margin:15px 0;padding:20px;border:1px solid #df8e2d;border-radius:17px;background:linear-gradient(145deg,#fff6dc,#ffda8b);box-shadow:0 10px 25px rgba(112,41,0,.13)}.drop-section-title{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px}.drop-section-title small{color:#e35400!important;font-weight:900;letter-spacing:1px}.drop-section-title h2{margin:3px 0 0;font-size:23px;font-weight:950}.drop-section-title>em{padding:7px 10px;border-radius:999px;background:#7c3000;color:#fff;font-size:10px;font-style:normal;font-weight:900}.drop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.drop-card{display:flex;min-height:220px;flex-direction:column;padding:15px;border:1px solid #e09b42;border-radius:13px;background:#fff3cf}.drop-card[hidden]{display:none!important}.drop-card.panel-drop{border-color:#55ad63;background:linear-gradient(145deg,#efffdc,#c9ef97)}.drop-card-head{display:flex;min-height:51px;flex-direction:column}.drop-card-head span{color:#e45100;font-size:9px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.drop-card-head b{margin-top:4px;color:#6c2900}.drop-card h3{margin:11px 0;color:#7b3100;font-size:15px;line-height:1.45}.drop-card h3 small{color:#dc5000!important}.drop-card p,.drop-card>small,.drop-card li{color:#91501d;font-size:12px;line-height:1.5}.drop-card>small{margin-top:auto}.drop-card ul{margin:5px 0 10px;padding-left:18px}.drop-card>em{margin-top:auto;color:#287435;font-size:10px;font-style:normal;font-weight:900}.drop-notice,.drop-footnote{display:flex;gap:12px;align-items:flex-start;margin:15px 0;padding:16px;border:1px solid #e08e2e;border-radius:13px;background:#fff0c0;color:#793300}.drop-notice>i,.drop-footnote>i{font-size:22px}.drop-footnote div{display:flex;flex-direction:column}.drop-footnote span{margin-top:4px;color:#90501c;font-size:13px;line-height:1.5}.donate-rate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:13px 0}.donate-rate-grid article{display:flex;flex-direction:column;padding:18px;border:1px solid #e3983a;border-radius:13px;background:linear-gradient(145deg,#fff2c5,#ffc95d)}.donate-rate-grid article>span{align-self:flex-start;padding:5px 9px;border-radius:8px;background:#833300;color:#fff;font-size:9px;font-weight:900}.donate-rate-grid b{margin-top:10px;font-size:18px}.donate-rate-grid p{margin:7px 0 0!important}.donate-rate-grid strong{color:#da4c00}
@media(max-width:900px){.drop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.drop-currency-focus,.drop-grid,.donate-rate-grid{grid-template-columns:1fr}.drop-toolbar{grid-template-columns:1fr}.drop-toolbar span{text-align:left}.boss-drop-hero{padding:22px 17px}.drop-section{padding:15px}.drop-section-title{align-items:flex-start;flex-direction:column}.drop-card{min-height:0}}
.drop-card.other-drop{min-height:245px}.drop-item-list{max-height:118px;margin:10px 0;overflow:auto;padding:10px;border-radius:9px;background:rgba(255,194,78,.22);font-weight:700}
@media(max-width:650px){.drop-card.other-drop{min-height:0}.drop-item-list{max-height:none}}

/* Mốc Donate của game: đồng bộ nội dung với NPC Fide. */
.donate-milestone-jump{display:flex;width:max-content;max-width:100%;align-items:center;justify-content:center;gap:8px;margin:14px auto 0;padding:10px 15px;border:1px solid #df8a25;border-radius:999px;background:#fff2c8;color:#7a3000!important;font-size:12px;font-weight:900;box-shadow:0 5px 13px rgba(126,48,0,.12)}.donate-milestone-jump:hover{transform:translateY(-2px);background:#fff9e9;color:#d34a00!important}.donate-milestones{margin:20px 0 26px;color:#672900;scroll-margin-top:15px}.donate-milestone-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.55fr);gap:18px;overflow:hidden;padding:27px;border:1px solid #dc8522;border-radius:20px;background:radial-gradient(circle at 88% 20%,rgba(255,255,255,.78),transparent 24%),linear-gradient(135deg,#fff8e1,#ffc64d);box-shadow:0 14px 31px rgba(112,41,0,.18)}.donate-milestone-hero:after{content:"\f091";position:absolute;right:23px;bottom:-55px;color:rgba(191,62,0,.1);font:190px/1 FontAwesome;pointer-events:none}.donate-milestone-heading{position:relative;z-index:1}.donate-milestone-heading>span{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#813100;color:#fff1c5;font-size:10px;font-weight:950;letter-spacing:1.2px}.donate-milestone-heading h1{margin:10px 0 6px;color:#682700;font-size:clamp(28px,5vw,45px);font-weight:950}.donate-milestone-heading p{max-width:650px;margin:0;color:#90501c;line-height:1.55}.donate-total-card{position:relative;z-index:1;display:flex;min-height:128px;flex-direction:column;justify-content:center;padding:18px;border:1px solid #df9638;border-radius:15px;background:rgba(255,255,255,.68);box-shadow:0 8px 18px rgba(128,48,0,.11)}.donate-total-card small{color:#b14a00!important;font-size:9px;font-weight:950;letter-spacing:1px}.donate-total-card>strong{margin:4px 0;color:#6d2900;font-size:24px;font-weight:950}.donate-total-card>span{color:#95501b;font-size:12px}.donate-total-card>span b{color:#d94d00}.donate-total-card .all-unlocked{color:#21854e;font-weight:900}.donate-progress{position:relative;z-index:1;grid-column:1/-1;padding:12px 14px;border:1px solid rgba(205,109,14,.36);border-radius:13px;background:rgba(255,255,255,.5)}.donate-progress-label{display:flex;justify-content:space-between;margin-bottom:7px;color:#843800;font-size:11px;font-weight:900}.donate-progress-track{height:13px;overflow:hidden;border-radius:999px;background:#e6ad55;box-shadow:inset 0 2px 4px rgba(105,40,0,.18)}.donate-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ef5100,#ffb300,#48b957);box-shadow:0 0 12px rgba(255,116,0,.45);transition:width .5s ease}.donate-member-unlock{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;margin:14px 0;padding:17px 20px;border:1px solid #5eac59;border-radius:15px;background:linear-gradient(135deg,#efffdc,#c6ed91);box-shadow:0 9px 20px rgba(54,119,42,.12)}.donate-member-unlock>i{width:53px;height:53px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#4fbd63,#22844b);color:#fff;font-size:24px}.donate-member-unlock div{display:flex;flex-direction:column}.donate-member-unlock small{color:#2e7d40!important;font-size:9px;font-weight:950;letter-spacing:1px}.donate-member-unlock strong{margin:3px 0;color:#315d20;font-size:16px}.donate-member-unlock span{color:#517739;font-size:12px;line-height:1.45}.donate-milestone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.donate-milestone-card{position:relative;overflow:hidden;padding:17px;border:1px solid #df963b;border-radius:16px;background:linear-gradient(155deg,#fff8e5,#ffd67a);box-shadow:0 8px 18px rgba(115,42,0,.12);transition:.2s ease}.donate-milestone-card:hover{transform:translateY(-3px);box-shadow:0 13px 24px rgba(115,42,0,.18)}.donate-milestone-card.is-next{border:2px solid #ef6100;box-shadow:0 0 0 3px rgba(255,110,0,.13),0 12px 25px rgba(115,42,0,.17)}.donate-milestone-card.is-unlocked{border-color:#5aaa54;background:linear-gradient(155deg,#efffdb,#bfe98b)}.donate-milestone-card.is-featured{border-color:#8e4ee3;background:radial-gradient(circle at 90% 5%,rgba(255,255,255,.75),transparent 22%),linear-gradient(145deg,#ffe9a8,#e1b5ff)}.donate-milestone-card.is-featured:after{content:"VIP";position:absolute;right:-24px;bottom:8px;transform:rotate(-35deg);color:rgba(101,37,142,.1);font-size:68px;font-weight:950;pointer-events:none}.donate-milestone-card-head{position:relative;z-index:1;display:grid;grid-template-columns:47px 1fr auto;gap:11px;align-items:center;padding-bottom:13px;border-bottom:1px dashed rgba(121,46,0,.25)}.donate-tier-number{width:45px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#ff9500,#e84d00);color:#fff;box-shadow:0 5px 12px rgba(172,59,0,.2)}.donate-tier-number small{color:#fff0c8!important;font-size:7px;font-weight:900}.donate-tier-number b{font-size:20px;line-height:1}.donate-milestone-card-head>div:nth-child(2){display:flex;min-width:0;flex-direction:column}.donate-milestone-card-head>div:nth-child(2)>span{color:#a64a08;font-size:8px;font-weight:950;letter-spacing:.8px}.donate-milestone-card-head>div:nth-child(2)>strong{color:#6f2900;font-size:19px;font-weight:950}.donate-milestone-card-head>div:nth-child(2)>small{color:#9b591f!important;font-size:10px}.donate-milestone-card-head>em{padding:6px 8px;border-radius:999px;background:#8b3a00;color:#fff;font-size:8px;font-style:normal;font-weight:900;white-space:nowrap}.donate-milestone-card.is-next .donate-milestone-card-head>em{background:#e95b00}.donate-milestone-card.is-unlocked .donate-milestone-card-head>em{background:#26894d}.donate-milestone-card ul{position:relative;z-index:1;display:grid;gap:7px;margin:13px 0 0;padding:0;list-style:none}.donate-milestone-card li{display:grid;grid-template-columns:16px 1fr;gap:7px;align-items:start;color:#864514;font-size:12px;line-height:1.45}.donate-milestone-card li i{margin-top:3px;color:#e55b00}.donate-milestone-card.is-unlocked li i{color:#27894d}.donate-milestone-note{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;margin-top:14px;padding:15px 17px;border:1px solid #df8e2f;border-radius:13px;background:#fff0c3}.donate-milestone-note>i{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#813300;color:#fff;font-size:19px}.donate-milestone-note div{display:flex;flex-direction:column}.donate-milestone-note strong{color:#6f2b00}.donate-milestone-note span{margin-top:3px;color:#92501b;font-size:12px;line-height:1.5}
@media(max-width:760px){.donate-milestone-hero{grid-template-columns:1fr;padding:21px 17px}.donate-progress{grid-column:auto}.donate-milestone-grid{grid-template-columns:1fr}.donate-milestone-card:hover{transform:none}}
@media(max-width:430px){.donate-member-unlock{grid-template-columns:45px 1fr;padding:14px}.donate-member-unlock>i{width:43px;height:43px}.donate-milestone-card{padding:14px}.donate-milestone-card-head{grid-template-columns:43px 1fr}.donate-milestone-card-head>em{grid-column:2;justify-self:start}.donate-milestone-hero:after{font-size:120px}.donate-total-card>strong{font-size:21px}.donate-milestone-note{grid-template-columns:1fr}.donate-milestone-jump{width:100%}}