/* Bản tinh: nạp sau cùng, đè v3-lich, v3-header, v3-khung-trang. Một nét mảnh, không khung, không ô, không vật trang trí. */
html:root { --t-ke: rgba(220, 187, 116, .16); --t-ke-2: rgba(220, 187, 116, .28); --t-to: #100E0B; --t-mem: cubic-bezier(.2, 0, 0, 1); }

/* === Lề giấy: một đường rất mảnh quanh tờ, không băng, không khắc, không núm === */
html:root body.sm-body.sm-body { box-shadow: 0 0 0 1px var(--t-ke-2), 0 0 0 6px #0C0B09, 0 0 0 7px var(--t-ke); }
html:root body.sm-body.sm-body::after { content: none; }
@media (min-resolution: 2dppx) { html:root body.sm-body.sm-body { box-shadow: 0 0 0 .5px var(--t-ke-2), 0 0 0 6px #0C0B09, 0 0 0 6.5px var(--t-ke-2); } }
@media (max-width: 1279.98px) { html:root body.sm-body.sm-body { box-shadow: inset 1px 0 0 var(--t-ke-2), inset -1px 0 0 var(--t-ke-2); } }
html body.sm-body header.sm-header.sm-header > .sm-container::before, html body.sm-body header.sm-header.sm-header > .sm-container::after, html body.sm-body footer.sm-footer.sm-footer > .sm-container::before, html body.sm-body footer.sm-footer.sm-footer > .sm-container::after { content: none; }

/* === Mái === */
html body.sm-body header.sm-header.sm-header::before { background: var(--t-to); box-shadow: inset 0 -1px 0 var(--t-ke); }
html body.sm-body header.sm-header.sm-header { box-shadow: none; }
html body.sm-body header.sm-header.sm-header .sm-header__logo { gap: .625rem; }
html body.sm-body header.sm-header.sm-header .sm-header__logo-icon { inline-size: 2rem; block-size: 2rem; opacity: .9; }
html body.sm-body header.sm-header.sm-header .sm-header__logo-name { font-size: 1.75rem; font-weight: 500; letter-spacing: .105em; color: var(--hd-nga); }
html body.sm-body header.sm-header.sm-header .sm-header__logo-name strong { font-weight: 500; }
html body.sm-body header.sm-header.sm-header .sm-header__logo-line { background: var(--t-ke-2); margin-block: .125rem .1875rem; }
html body.sm-body header.sm-header.sm-header .sm-header__nav { margin-inline-start: 2.5rem; padding: 0; }
html body.sm-body header.sm-header.sm-header .sm-header__menu > li > a, html body.sm-body header.sm-header.sm-header .sm-header__menu > li:first-child > a { font-size: .8125rem; font-weight: 400; padding-inline: .875rem; letter-spacing: .01em; }
html body.sm-body header.sm-header.sm-header .sm-header__menu > li > a::after { left: .875rem; right: .875rem; bottom: 0; block-size: 1px; }
html body.sm-body header.sm-header.sm-header .sm-header__menu > li.menu-item-has-children > a::before { inline-size: .25rem; block-size: .25rem; border-width: 0 1px 1px 0; }
/* Bảng tìm */
html body.sm-body header.sm-header.sm-header .sm-hsearch-results { inline-size: 26rem; padding: .75rem 0; background: var(--t-to); border-color: var(--t-ke-2); box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, .5); }
html body.sm-body header.sm-header.sm-header .sbh-sr-trending-wrap { display: flex; flex-wrap: wrap; gap: .125rem 1.25rem; margin: 0 1.25rem .5rem; background: none; border: 0; }
html body.sm-body header.sm-header.sm-header .sbh-sr-trending-tag, html body.sm-body header.sm-header.sm-header .sbh-sr-trending-tag:hover { justify-content: flex-start; min-block-size: 2.25rem; padding: 0; background: none; font-size: 1rem; font-weight: 500; color: var(--hd-phu); }
html body.sm-body header.sm-header.sm-header .sbh-sr-trending-tag:hover { color: var(--hd-vang); }
html body.sm-body header.sm-header.sm-header .sbh-sr-featured { border-block-start-color: var(--t-ke); }
html body.sm-body header.sm-header.sm-header :is(.sbh-live-result-item, .sbh-sr-history):hover, html body.sm-body header.sm-header.sm-header .sbh-live-result-item.is-selected, html body.sm-body header.sm-header.sm-header .sbh-sr-featured:hover { background: rgba(220, 187, 116, .04); }

/* Menu thả: không ô, không khung ấn. Chữ thoáng trên tờ */
html body.sm-body header.sm-header.sm-header .sm-header__menu .sub-menu { gap: 0 1.5rem; padding: 1.25rem 1.5rem 1.5rem; background: var(--t-to); border-color: var(--t-ke); box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, .5); }
html body.sm-body header.sm-header.sm-header .sm-header__menu .sub-menu li, html body.sm-body header.sm-header.sm-header .sm-header__menu > li:hover > .sub-menu li, html body.sm-body header.sm-header.sm-header .sm-header__menu > li:focus-within > .sub-menu li { background: none; }
html body.sm-body header.sm-header.sm-header .sm-header__menu .sub-menu li a, html body.sm-body header.sm-header.sm-header .sm-header__menu .sub-menu li a:hover, html body.sm-body header.sm-header.sm-header .sm-header__menu .sub-menu li.current-menu-item a { gap: .625rem; min-block-size: 2.75rem; padding: 0; font-size: 1rem; font-weight: 500; background-color: transparent; box-shadow: none; }
html body.sm-body header.sm-header.sm-header .sm-header__menu .sub-menu li a::before { inline-size: 1rem; block-size: 1rem; border: 0; background-color: transparent; background-size: contain; opacity: .55; transition: opacity 90ms var(--t-mem); }
html body.sm-body header.sm-header.sm-header .sm-header__menu .sub-menu li a:hover::before { opacity: 1; }

/* Hộp Chi tiết */
html body #sm-celestial-bar dialog.sm-quick__explanation { max-inline-size: 52rem; padding-inline: 2rem; background: var(--t-to); border-color: var(--t-ke-2); box-shadow: 0 2rem 5rem rgba(0, 0, 0, .6); }
html body #sm-celestial-bar .sm-hop__dau { grid-template-columns: 1.375rem minmax(0, 1fr) auto; min-block-size: 5rem; padding: 0; border-block-end-color: var(--t-ke); }
html body #sm-celestial-bar dialog .sm-bg__an.sm-hop__an { inline-size: 1.375rem; block-size: 2.625rem; margin: 0; align-self: center; }
html body #sm-celestial-bar .sm-hop__ten strong { font-size: 1.25rem; font-weight: 500; }
html body #sm-celestial-bar .sm-hop__ten span { font-size: 1rem; font-weight: 500; }
html body #sm-celestial-bar .sm-lich__bang { grid-template-columns: 2fr 2fr repeat(4, 1.15fr); border-block-end-color: var(--t-ke); }
html body #sm-celestial-bar .sm-lich__bang div { border-inline-start: 0; padding-block: .875rem; }
html body #sm-celestial-bar .sm-lich__bang dd { font-size: 1rem; font-weight: 500; white-space: nowrap; }
html body #sm-celestial-bar .sm-lich__ds { gap: 0; background: none; border: 0; border-radius: 0; }
html body #sm-celestial-bar .sm-lich__ds li, html body #sm-celestial-bar .sm-lich__ds li.is-tot, html body #sm-celestial-bar .sm-lich__ds li.is-nay { block-size: 3rem; background: none; }
html body #sm-celestial-bar .sm-lich__ds li::after { display: none; }
html body #sm-celestial-bar .sm-lich__ds b { font-size: 1rem; font-weight: 500; }
html body #sm-celestial-bar .sm-lich__ds li.is-tot b { font-weight: 600; }
html body #sm-celestial-bar .sm-hop__chu i::before { block-size: 1px; }
html body #sm-celestial-bar .sm-hop__giai details { border-block-start-color: var(--t-ke); }
html body #sm-celestial-bar .sm-hop__giai summary { font-size: 1rem; font-weight: 500; }
html body #sm-celestial-bar .sm-hop__giai summary::after { inline-size: .3125rem; block-size: .3125rem; border-width: 0 1px 1px 0; }
html body #sm-celestial-bar .sm-hop__chan { background: var(--t-to); border-block-start-color: var(--t-ke); }
html body #sm-celestial-bar dialog a.sm-quick__today, html body #sm-celestial-bar dialog a.sm-quick__today:hover { background: none; box-shadow: inset 0 0 0 1px var(--t-ke-2); font-size: .8125rem; font-weight: 400; color: var(--l-vang); }
html body #sm-celestial-bar dialog a.sm-quick__today:hover { box-shadow: inset 0 0 0 1px var(--l-vang); }

/* === Chân trang: không tấm, không lưới, không trục. Tờ giấy khép bằng một đường và một dấu nhỏ === */
html body.sm-body footer.sm-footer.sm-footer { margin-block-start: 5rem; padding: 0 1rem; }
html body.sm-body footer.sm-footer.sm-footer::before { display: none; }
html body.sm-body footer.sm-footer.sm-footer > .sm-container { background: none; border: 0; border-radius: 0; box-shadow: none; padding-inline: calc(1rem + 1px) 1rem; border-block-start: 1px solid var(--t-ke); }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__grid { padding: 0; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr) minmax(0, 1fr); row-gap: 0; }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__col--brand { padding: 2.5rem 0 2.25rem; border: 0; }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__logo { gap: .625rem; }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__logo-icon { inline-size: 2rem; block-size: 2rem; opacity: .9; }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__logo-name { font-size: 1.75rem; font-weight: 500; letter-spacing: .105em; }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__logo-name strong { font-weight: 500; }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__logo-line { background: var(--t-ke-2); margin-block: .125rem .1875rem; }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__desc { border: 0; padding: 0; font-size: 1rem; font-weight: 500; color: var(--ft-phu, #CBBFA6); }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__contact { gap: 1.25rem; }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__social { gap: .25rem; }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__social-link, html body.sm-body footer.sm-footer.sm-footer .sm-footer__social-link:hover { background: none; border: 0; color: #CBBFA6; }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__social-link:hover { color: var(--ft-vang); }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__social-link svg { inline-size: .9375rem; block-size: .9375rem; }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__email { font-size: .875rem; color: #CBBFA6; }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__email svg { display: none; }
html body.sm-body footer.sm-footer.sm-footer :is(.sm-footer__col--explore, .sm-footer__col--info) { border: 0; }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__heading, html body.sm-body footer.sm-footer.sm-footer .sm-footer__col--tools .sm-footer__heading { min-block-size: 2rem; padding: 0; font-family: var(--ft-ui); font-size: .75rem; font-weight: 500; letter-spacing: .08em; color: var(--ft-vang); }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__tools-grid { gap: 0 1.5rem; background: none; border: 0; }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__col:is(.sm-footer__col--explore, .sm-footer__col--info) .sm-footer__links { gap: 0; background: none; border: 0; }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__links li { background: none; }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__links a, html body.sm-body footer.sm-footer.sm-footer .sm-footer__links a:hover, html body.sm-body footer.sm-footer.sm-footer .sm-footer__links-more a, html body.sm-body footer.sm-footer.sm-footer .sm-footer__tools-grid li:nth-child(3n+1) a, html body.sm-body footer.sm-footer.sm-footer .sm-footer__tools-grid li:nth-child(3n+1) a:hover { min-block-size: 2.25rem; padding: 0; font-size: 1rem; font-weight: 500; background: none; color: var(--ft-phu); }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__links a:hover { color: var(--ft-vang); }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__links-more a { font-family: var(--ft-serif); }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__bottom { min-block-size: 0; margin: 2.5rem 0 0; padding: 1.25rem 0 1.5rem; grid-template-columns: auto minmax(0, 1fr); border-block-start: 1px solid var(--t-ke); }
html body.sm-body footer.sm-footer.sm-footer :is(.sm-footer__col--explore li a, .sm-footer__col--explore li a:hover) { padding-inline-start: 0; }

@media (max-width: 1023px) {
  html body.sm-body footer.sm-footer.sm-footer .sm-footer__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  html body.sm-body footer.sm-footer.sm-footer .sm-footer__col--tools { padding-block-end: 1.5rem; }
  html body.sm-body header.sm-header.sm-header .sm-header__search { flex-basis: 10rem; }
  html body.sm-body header.sm-header.sm-header .sm-header__nav { margin-inline-start: 1rem; }
}
@media (max-width: 768px) {
  html body.sm-body header.sm-header.sm-header .sm-header__logo { padding-inline-start: calc(.75rem + 1px); }
  html body.sm-body header.sm-header.sm-header .sm-header__logo-icon { inline-size: 2rem; block-size: 2rem; }
  html body.sm-body header.sm-header.sm-header :is(.sm-header__search-toggle, .sm-header__toggle) { border: 0; background: none; }
  html body.sm-body header.sm-header.sm-header .sm-header__toggle span:nth-child(n) { inline-size: 1rem; block-size: 1px; }
  html body.sm-body header.sm-header.sm-header .sm-header__search-toggle svg { inline-size: 1.0625rem; block-size: 1.0625rem; }
  html body.sm-body header.sm-header.sm-header .sm-header__search { margin: 0; }
  html body.sm-body header.sm-header.sm-header .sm-hsearch-results { inline-size: auto; }
  html body.sm-body .sm-mobile-menu.sm-mobile-menu { background: var(--t-to); border-block-end-color: var(--t-ke); box-shadow: 0 1rem 2rem rgba(0, 0, 0, .5); }
  html body.sm-body .sm-mobile-menu.sm-mobile-menu .sm-mobile-menu__list > li { border-block-end-color: var(--t-ke); }
  html body.sm-body .sm-mobile-menu.sm-mobile-menu .sm-mobile-menu__list > li > a, html body.sm-body .sm-mobile-menu.sm-mobile-menu .sm-mobile-menu__list > li:first-child > a { font-size: 1.125rem; font-weight: 500; }
  html body.sm-body .sm-mobile-menu.sm-mobile-menu .sm-mobile-menu__list .sub-menu { gap: 0 1rem; background: none; }
  html body.sm-body .sm-mobile-menu.sm-mobile-menu .sm-mobile-menu__list .sub-open > .sub-menu { border: 0; border-radius: 0; }
  html body.sm-body .sm-mobile-menu.sm-mobile-menu .sm-mobile-menu__list .sub-menu::after { display: none; }
  html body.sm-body .sm-mobile-menu.sm-mobile-menu .sm-mobile-menu__list .sub-menu li { background: none; }
  html body.sm-body .sm-mobile-menu.sm-mobile-menu .sm-mobile-menu__list .sub-menu li a, html body.sm-body .sm-mobile-menu.sm-mobile-menu .sm-mobile-menu__list .sub-menu li a:hover { min-block-size: 2.75rem; padding: 0; font-weight: 500; background: none; }
  html body.sm-body .sm-mobile-menu.sm-mobile-menu .sm-mobile-menu__list .sub-menu li a::before { inline-size: .875rem; block-size: .875rem; border: 0; background-color: transparent; background-size: contain; opacity: .55; }
  html body #sm-celestial-bar dialog.sm-quick__explanation { padding-inline: 1.25rem; }
  html body #sm-celestial-bar .sm-lich__bang { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  html body #sm-celestial-bar .sm-lich__bang dd { white-space: normal; }
  html body.sm-body footer.sm-footer.sm-footer { margin-block-start: 3rem; }
  html body.sm-body footer.sm-footer.sm-footer > .sm-container { padding-inline: calc(.75rem + 1px) .75rem; }
  html body.sm-body footer.sm-footer.sm-footer .sm-footer__col--brand { padding-block: 2rem 1.5rem; }
  html body.sm-body footer.sm-footer.sm-footer .sm-footer__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 1rem; }
  html body.sm-body footer.sm-footer.sm-footer .sm-footer__tools-grid { gap: 0 1rem; }
  html body.sm-body footer.sm-footer.sm-footer .sm-footer__links a, html body.sm-body footer.sm-footer.sm-footer .sm-footer__links a:hover, html body.sm-body footer.sm-footer.sm-footer .sm-footer__links-more a, html body.sm-body footer.sm-footer.sm-footer .sm-footer__tools-grid li:nth-child(3n+1) a, html body.sm-body footer.sm-footer.sm-footer .sm-footer__tools-grid li:nth-child(3n+1) a:hover { min-block-size: 2.75rem; padding: 0; }
  html body.sm-body footer.sm-footer.sm-footer .sm-footer__heading, html body.sm-body footer.sm-footer.sm-footer .sm-footer__col--tools .sm-footer__heading, html body.sm-body footer.sm-footer.sm-footer .sm-footer__col--explore .sm-footer__heading { padding: 0; }
  html body.sm-body footer.sm-footer.sm-footer .sm-footer__bottom { grid-template-columns: minmax(0, 1fr); margin-block-start: 1.5rem; padding: 1rem 0; }
}

/* Tấm chờ dải lịch: không chữ, chỉ một thước mờ giữ chỗ */
html body #sm-celestial-bar.sm-cbar--compact .sm-quick--split.sm-cbar__inner--waiting .sm-quick__waiting-detail { visibility: hidden; }
html body #sm-celestial-bar.sm-cbar--compact .sm-quick--split.sm-cbar__inner--waiting { background-image: repeating-linear-gradient(90deg, rgba(220, 187, 116, .16) 0 1px, transparent 1px 1rem); background-repeat: no-repeat; background-size: 60% .375rem; background-position: right 1.5rem bottom .75rem; }

/* Chân trang sắp lại: cột thương hiệu trái, link cùng hàng, dòng cuối chỉ bản quyền và GameVika */
html body.sm-body footer.sm-footer.sm-footer .sm-footer__bottom { display: flex; align-items: center; justify-content: space-between; min-block-size: 0; }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__bottom .sm-footer__attribution { display: flex; flex: 1; flex-direction: row; align-items: center; justify-content: space-between; gap: 1rem; }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__copy { font-size: .75rem; letter-spacing: .02em; color: var(--ft-nhan); }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__attribution .sm-footer__ecosystem a { min-block-size: 2.75rem; font-size: .75rem; font-weight: 400; letter-spacing: .02em; color: var(--ft-nhan); }
@media (min-width: 1024px) {
  html body.sm-body footer.sm-footer.sm-footer .sm-footer__grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, 2.5fr) minmax(0, .95fr) minmax(0, 1.05fr); column-gap: 2.5rem; padding-block: 3rem 2rem; align-items: start; }
  html body.sm-body footer.sm-footer.sm-footer .sm-footer__col--brand { grid-column: 1; grid-row: 1; display: flex; flex-direction: column; align-items: flex-start; gap: .875rem; padding: 0; border: 0; }
  html body.sm-body footer.sm-footer.sm-footer .sm-footer__desc { max-inline-size: 15rem; margin: 0; line-height: 1.4; }
  html body.sm-body footer.sm-footer.sm-footer .sm-footer__contact { flex-wrap: wrap; gap: 0 1rem; }
  html body.sm-body footer.sm-footer.sm-footer .sm-footer__social { margin-inline-start: -.75rem; }
  html body.sm-body footer.sm-footer.sm-footer .sm-footer__email { flex-basis: 100%; }
  html body.sm-body footer.sm-footer.sm-footer .sm-footer__col--tools { grid-column: 2; grid-row: 1; }
  html body.sm-body footer.sm-footer.sm-footer .sm-footer__col--explore { grid-column: 3; grid-row: 1; }
  html body.sm-body footer.sm-footer.sm-footer .sm-footer__col--info { grid-column: 4; grid-row: 1; }
  html body.sm-body footer.sm-footer.sm-footer :is(.sm-footer__col--tools, .sm-footer__col--explore, .sm-footer__col--info) { grid-template-rows: auto auto; align-content: start; }
  html body.sm-body footer.sm-footer.sm-footer :is(.sm-footer__heading, .sm-footer__col--tools .sm-footer__heading, .sm-footer__col--explore .sm-footer__heading, .sm-footer__col--info .sm-footer__heading) { padding-inline: 0; }
  html body.sm-body footer.sm-footer.sm-footer .sm-footer__bottom { margin-block-start: 0; }
}
html body.sm-body footer.sm-footer.sm-footer .sm-footer__phap { display: grid; gap: .125rem; min-inline-size: 0; }
html body.sm-body footer.sm-footer.sm-footer .sm-footer__attribution .sm-footer__ecosystem { display: inline-flex; align-items: center; gap: .25rem; white-space: nowrap; }
@media (max-width: 767px) {
  html body.sm-body footer.sm-footer.sm-footer .sm-footer__bottom .sm-footer__attribution { flex-direction: column; align-items: flex-start; gap: .5rem; }
}

/* Trang chưa V3: đường dẫn sát dưới dải lịch, hết khoảng trống cũ của dải cao */
@media (min-width: 769px) {
  html:root body.sm-body:not(.sm-v3) main.sm-main > .sm-breadcrumb { padding-block-start: calc(var(--header-bar, 80px) + 1.5rem); }
}