@import url('/assets/css/trungthu-v2.css?v=21');
/* Halloween Mùa 1: đêm nghĩa địa, ánh trăng, bí ngô và sương. */
body.event-halloween{background:radial-gradient(ellipse at 50% -25%,#513146,#080a14 72%)!important;color:#f5eddf}
.event-halloween .site-shell,.event-halloween .site-main{background:#0e1020!important}
.event-halloween .main-nav{background:#171529!important;border-color:#4d394c!important}
.event-halloween .main-nav .is-active{background:#a24f35!important;color:#fff0d3!important}
.event-halloween .mtv2{--gold:#ffbd77;--muted:#c2adbb;background:radial-gradient(ellipse at 95% 21%,#53345155,transparent 34%),radial-gradient(ellipse at 0 72%,#49305744,transparent 43%),#10111f;border:1px solid #94627263;border-radius:20px;box-shadow:0 28px 80px #03040b9e;color:#f7eee6}
.event-halloween .mt-hero{isolation:isolate;min-height:490px;padding:78px 56px 68px;background:linear-gradient(90deg,#090a17 0%,#0c0c1beb 37%,#16102360 74%,#15122418 100%),url('/assets/images/halloween-graveyard.svg') center right/cover no-repeat;border-bottom:1px solid #ec9e794c;box-shadow:inset 0 -55px 60px #090a16aa}
.event-halloween .mt-hero:after{height:110px;bottom:-90px;background:#7951640d;box-shadow:none}
.event-halloween .mt-hero h1{max-width:680px;font-family:Georgia,'Times New Roman',serif;letter-spacing:1px;line-height:.98;font-size:clamp(50px,7vw,98px);font-weight:800;color:#fff5e7;text-shadow:0 8px 28px #03040c,0 0 30px #f5a36155}
.event-halloween .mt-hero h1 em{display:inline-block;margin-top:11px;font-family:Arial,sans-serif;letter-spacing:.14em;font-size:.34em;font-weight:800;background:linear-gradient(120deg,#f8daaa,#e48d5e,#ffe6a8);background-clip:text;color:transparent}
.event-halloween .mt-hero p{max-width:520px;color:#e9d5cf;font-size:16px;text-shadow:0 2px 11px #000}
.event-halloween .mt-eyebrow{color:#ffc493;letter-spacing:2.6px}
.event-halloween .mt-stars{right:3%;top:19px;font-size:16px;letter-spacing:19px;color:#fcd5a5;opacity:.65;animation:halloweenTwinkle 5s ease-in-out infinite}
.event-halloween .mt-moon,.event-halloween .mt-lantern{display:none}
.event-halloween .mt-pill{background:#381c31d9;color:#ffd5a7;border:1px solid #eeab7180;box-shadow:0 0 25px #e2784133}
.event-halloween .mt-hero nav a{background:#1e192bb5;color:#fce7d4;border:1px solid #de9e7859;border-radius:9px;backdrop-filter:blur(7px);transition:background .2s,transform .2s}
.event-halloween .mt-hero nav a:first-child{color:#25121c;background:linear-gradient(105deg,#ffe0a7,#e18a5c);border-color:#ffdca4;box-shadow:0 8px 30px #ee995248}
.event-halloween .mt-hero nav a:hover{background:#8f4b49;transform:translateY(-2px)}
.event-halloween .mt-time{background:#181423;border-bottom:1px solid #ad735c44;color:#ccbac4}
.event-halloween .mt-time b{color:#ffe1b3}
.event-halloween .mt-category-nav{position:sticky;top:0;z-index:10;padding:13px 22px;gap:8px;background:#11101ded;backdrop-filter:blur(14px);border-bottom:1px solid #8055656b}
.event-halloween .mt-category-nav a{background:#3a263536;border:1px solid #a77a7657;color:#eddee1;transition:background .2s,border-color .2s}
.event-halloween .mt-category-nav a:hover{background:#743f4a;border-color:#ffba86;color:#fff}
.event-halloween .mt-personal{margin-top:25px;background:linear-gradient(110deg,#3a263dd0,#1c192ad9);border:1px solid #a27a746d;box-shadow:0 10px 30px #07081273;border-radius:14px}
.event-halloween .mt-personal b{color:#ffe0ad}
.event-halloween .mt-reward-section{scroll-margin-top:82px}
.event-halloween .mt-section-head h2,.event-halloween .mt-leaderboards h2,.event-halloween .mt-guide h2{font-family:Georgia,'Times New Roman',serif;color:#ffe7ca;letter-spacing:.02em}
.event-halloween .mt-section-head h2:before{content:'✦';display:inline-block;margin-right:10px;color:#d87667;font-size:.8em;text-shadow:0 0 15px #ff8a67}
.event-halloween .mt-card{background:linear-gradient(145deg,#272032,#191726 78%);border:1px solid #89677a77;border-top:2px solid #d4886d;border-radius:14px;box-shadow:0 15px 35px #05071160,inset 0 1px #fbe2ba11;transition:transform .18s,border-color .18s,box-shadow .18s}
.event-halloween .mt-card:hover{transform:translateY(-4px);border-color:#e5a276;box-shadow:0 16px 35px #b5573b3d}
.event-halloween .mt-card h3{font-family:Georgia,'Times New Roman',serif;color:#fff0da}
.event-halloween .mt-card-kicker,.event-halloween .mt-card footer b,.event-halloween .mt-gifts summary{color:#ffc48c}
.event-halloween .mt-card.is-ready{border-color:#dcb57d;box-shadow:0 0 28px #ffc07631}
.event-halloween .mt-icon{background:radial-gradient(circle at 45% 40%,#74465a,#221628 77%);border:1px solid #bc8b8b77;border-radius:10px}
.event-halloween .mt-reward-section[data-kind=nap] .mt-card{border-top-color:#dd8464}
.event-halloween .mt-reward-section[data-kind=vip]{background:radial-gradient(circle at 100% 0,#a964442e,transparent 38%),linear-gradient(145deg,#241922,#17131f);border:1px solid #d9a77280;border-radius:19px}
.event-halloween .mt-reward-section[data-kind=vip] .mt-card{background:linear-gradient(145deg,#493039,#251c2b);border-color:#d0a17288;border-top:2px solid #ffd59c}
.event-halloween .mt-reward-section[data-kind=vip] .mt-card-kicker{color:#ffdaa5}
.event-halloween .mt-gallery article,.event-halloween .mt-leaderboards article,.event-halloween .mt-steps article{background:linear-gradient(145deg,#2b2032,#1b1928);border:1px solid #9c6e785e}
.event-halloween .mt-leaderboards tr:first-child td{color:#ffe0a7}
.event-halloween .mt-rules{background:#201727;border:1px solid #76536055}
.event-halloween .mt-refresh{background:#0b0c17;color:#c4adba}
#mt-image-dialog{background:#211825;color:#fff;border-color:#df9d76}
@keyframes halloweenTwinkle{50%{opacity:.25;filter:blur(1px)}}
@media(max-width:760px){.event-halloween .mt-hero{padding:52px 25px 55px;min-height:450px;background-position:58% center}.event-halloween .mt-hero h1{font-size:clamp(45px,11vw,68px);max-width:380px}.event-halloween .mt-hero p{max-width:330px}.event-halloween .mt-hero nav{position:relative}.event-halloween .mt-category-nav{top:0;padding:12px 15px}.event-halloween .mt-reward-section[data-kind=vip]{padding:16px}.event-halloween .mt-personal{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.event-halloween .mt-stars{animation:none}.event-halloween .mt-card:hover,.event-halloween .mt-hero nav a:hover{transform:none}}