/* QK Kim Thanh Bang: dark sect register, square thumbs, Vozer motion. */
.kim-thanh-bang-page {
    width: 100%;
    max-width: min(1480px, 100%) !important;
    padding-left: clamp(12px, 2vw, 28px) !important;
    padding-right: clamp(12px, 2vw, 28px) !important;
}

.kim-thanh-bang-page .kth-block {
    margin: 22px 0 30px;
    border-radius: 16px;
    overflow: hidden;
    isolation: isolate;
}

.kim-thanh-bang-page .kth-monthly {
    box-shadow:
        0 18px 48px rgba(48, 6, 8, .48),
        0 0 0 1px rgba(123, 31, 33, .62);
}

.kim-thanh-bang-page .kth-overall {
    box-shadow:
        0 18px 48px rgba(4, 24, 32, .48),
        0 0 0 1px rgba(45, 183, 171, .28);
}

/* ── Hero: Thiên Đạo ── */
#thien-dao-board {
    position: relative;
    margin: 0;
    padding: 30px 34px 26px;
    overflow: hidden;
    isolation: isolate;
    contain: layout paint;
    border: 0;
    border-radius: 0;
    background:
        radial-gradient(ellipse 42% 120% at 50% 70%, rgba(132, 25, 27, .26), transparent 74%),
        linear-gradient(135deg, #050505 0%, #130607 42%, #28090b 70%, #070707 100%);
    box-shadow:
        inset 0 0 46px rgba(0, 0, 0, .92),
        inset 0 1px 0 rgba(198, 64, 54, .16);
}

#thien-dao-board::after {
    content: "天";
    position: absolute;
    top: 14px;
    right: 18px;
    z-index: 0;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    border: 1px solid rgba(224, 149, 88, .42);
    border-radius: 50%;
    background:
        radial-gradient(circle at 35% 28%, rgba(232, 98, 67, .24), transparent 31%),
        radial-gradient(circle, rgba(108, 22, 24, .84) 0 54%, rgba(20, 4, 5, .9) 56% 100%);
    box-shadow: inset 0 0 0 3px rgba(38, 5, 7, .72), inset 0 0 12px rgba(213, 55, 42, .25), 0 0 14px rgba(154, 35, 34, .2);
    color: rgba(248, 220, 151, .72);
    font-family: "Times New Roman", serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 rgba(50, 5, 6, .9), 0 0 8px rgba(255, 208, 131, .35);
    pointer-events: none;
}

#ma-khi-canvas,
#dust-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
    pointer-events: none;
}

.thien-dao-text,
.van-co-text {
    position: relative;
    z-index: 2;
    font-family: "Times New Roman", serif;
    font-size: 15px;
    letter-spacing: .8px;
    line-height: 1.85;
    text-align: center;
}

.thien-dao-text {
    color: #e6c878;
    text-shadow: 0 -1px 0 rgba(255, 221, 151, .22), 0 1px 3px rgba(0, 0, 0, .94), 0 0 14px rgba(130, 27, 28, .22);
}

.td-label,
.vc-label {
    margin-bottom: 12px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.td-label {
    color: #db7660;
    text-shadow: 0 0 12px rgba(171, 42, 38, .52);
}

#top1-name {
    position: relative;
    display: inline-block;
    padding: 0 .3em;
    isolation: isolate;
    color: #f7e5ad;
    font-size: 18px;
    text-shadow: 0 0 10px rgba(255, 224, 153, .66), 0 0 26px rgba(181, 43, 39, .58);
    animation: qi-name-breath 5.6s ease-in-out infinite;
}

#top1-name::before {
    content: "";
    position: absolute;
    left: -10px;
    right: -10px;
    top: 48%;
    bottom: -5px;
    z-index: -1;
    border: 1px solid rgba(214, 92, 57, .34);
    border-top-color: rgba(247, 196, 111, .2);
    border-radius: 50%;
    transform: rotate(-4deg);
    box-shadow: 0 0 11px rgba(175, 42, 35, .26);
    pointer-events: none;
}

#top1-name::after {
    content: "";
    position: absolute;
    left: 16%;
    right: 16%;
    bottom: -5px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(244, 181, 93, .78), rgba(183, 46, 39, .7), transparent);
    box-shadow: 0 0 7px rgba(217, 78, 50, .5);
    pointer-events: none;
}

@keyframes qi-name-breath {
    0%, 100% { text-shadow: 0 0 8px rgba(255, 224, 153, .52), 0 0 20px rgba(181, 43, 39, .42); }
    50% { text-shadow: 0 0 12px rgba(255, 224, 153, .76), 0 0 28px rgba(181, 43, 39, .58); }
}

/* ── Hero: Vạn Cổ ── */
#van-co-board {
    position: relative;
    margin: 0;
    padding: 28px 32px 24px;
    overflow: hidden;
    isolation: isolate;
    contain: layout paint;
    border: 0;
    border-radius: 0;
    background: linear-gradient(135deg, #030810 0%, #0a1a2e 40%, #0a2420 70%, #030810 100%);
    box-shadow: inset 0 0 40px rgba(0, 0, 0, .6);
}

@property --van-co-angle {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}

#van-co-board::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    padding: 1px;
    border-radius: 16px 16px 0 0;
    background: conic-gradient(
        from var(--van-co-angle, 0deg),
        transparent 0deg 42deg,
        rgba(56, 189, 248, .9) 68deg,
        rgba(125, 211, 252, .18) 92deg,
        transparent 126deg 208deg,
        rgba(45, 212, 191, .72) 244deg,
        rgba(56, 189, 248, .12) 270deg,
        transparent 306deg 360deg
    );
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    pointer-events: none;
    opacity: .72;
    animation: van-co-border-spin 9s linear infinite, van-co-border-pulse 3.8s ease-in-out infinite;
}

@keyframes van-co-border-spin {
    to { --van-co-angle: 360deg; }
}

@keyframes van-co-border-pulse {
    0%, 100% { opacity: .46; filter: drop-shadow(0 0 2px rgba(56, 189, 248, .25)); }
    50% { opacity: .9; filter: drop-shadow(0 0 7px rgba(56, 189, 248, .58)); }
}

.van-co-text {
    color: #9fd3c7;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .9);
}

.vc-label {
    color: #38bdf8;
    text-shadow: 0 0 12px rgba(56, 189, 248, .5);
}

#ancient-name {
    margin: 12px 0;
    color: #7dd3fc;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px;
    text-shadow: 0 0 16px rgba(56, 189, 248, .5), 0 0 40px rgba(56, 189, 248, .2);
    animation: ancient-pulse 4s ease-in-out infinite;
}

@keyframes ancient-pulse {
    0%, 100% { text-shadow: 0 0 12px rgba(120, 200, 220, .65), 0 0 30px rgba(120, 200, 220, .2); }
    50% { text-shadow: 0 0 18px rgba(120, 200, 220, .9), 0 0 45px rgba(120, 200, 220, .4); }
}

/* ── Boards ── */
.kim-thanh-bang-page .cultivation-board {
    margin: 0;
    overflow: hidden;
    border-radius: 0;
    box-shadow: none;
}

.kim-thanh-bang-page .board-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 42px;
    padding: 7px clamp(12px, 2vw, 22px);
    border-radius: 0;
}

.kim-thanh-bang-page .board-title {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.kim-thanh-bang-page .board-title h5 {
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1.2px;
    -webkit-text-fill-color: unset;
    background: none;
}

.kim-thanh-bang-page .board-title .ornament {
    width: clamp(18px, 3vw, 36px);
    height: 1px;
    border-radius: 0;
    opacity: .78;
}

.kim-thanh-bang-page .board-title .ornament:last-child {
    transform: scaleX(-1);
}

.kim-thanh-bang-page .board-header-right {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.kim-thanh-bang-page .board-sub {
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
}

.kim-thanh-bang-page .board-rank {
    padding: 2px 0 2px 10px;
    border-left: 1px solid rgba(206, 105, 72, .42);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .4px;
}

.kim-thanh-bang-page .board-rank strong {
    font-size: 12px;
}

.kim-thanh-bang-page .monthly-board .board-header {
    border-bottom: 1px solid rgba(190, 77, 55, .38);
    background: linear-gradient(180deg, #0d0506 0%, #1d080b 100%);
}

.kim-thanh-bang-page .monthly-board .board-title h5 {
    color: #e5c996;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
}

.kim-thanh-bang-page .monthly-board .board-title .ornament {
    background: linear-gradient(90deg, transparent, rgba(206, 105, 72, .8));
}

.kim-thanh-bang-page .monthly-board .board-rank {
    color: #d7a66d;
}

.kim-thanh-bang-page .monthly-board .board-rank strong {
    color: #f0d39a;
}

.kim-thanh-bang-page .overall-board .board-header {
    border-bottom: 1px solid rgba(77, 190, 181, .38);
    background: linear-gradient(180deg, #04131c 0%, #0a2931 100%);
}

.kim-thanh-bang-page .overall-board .board-title h5 {
    color: #addbd5;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
}

.kim-thanh-bang-page .overall-board .board-title .ornament {
    background: linear-gradient(90deg, transparent, rgba(77, 190, 181, .82));
}

.kim-thanh-bang-page .overall-board .board-sub {
    color: #7fd4cb;
}

.kim-thanh-bang-page .overall-board .board-rank {
    border-left-color: rgba(77, 190, 181, .42);
    color: #86c9c2;
}

.kim-thanh-bang-page .overall-board .board-rank strong {
    color: #b8e9df;
}

.kim-thanh-bang-page .cultivation-scroll {
    padding: 10px 12px 14px;
    overflow-y: auto;
    max-height: 360px;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: auto;
    scrollbar-width: thin;
}

.kim-thanh-bang-page .monthly-board .cultivation-scroll {
    background:
        radial-gradient(ellipse 72% 28% at 14% 0%, rgba(185, 43, 39, .16), transparent 78%),
        linear-gradient(180deg, #18090b 0%, #110708 52%, #0b0607 100%);
    scrollbar-color: rgba(196, 76, 57, .56) transparent;
}

.kim-thanh-bang-page .overall-board .cultivation-scroll {
    background:
        radial-gradient(ellipse 72% 28% at 14% 0%, rgba(45, 212, 191, .12), transparent 78%),
        linear-gradient(180deg, #061721 0%, #071d26 52%, #061217 100%);
    scrollbar-color: rgba(45, 183, 171, .56) transparent;
}

.kim-thanh-bang-page .cultivation-scroll::-webkit-scrollbar { width: 5px; }
.kim-thanh-bang-page .cultivation-scroll::-webkit-scrollbar-track { background: transparent; }
.kim-thanh-bang-page .monthly-board .cultivation-scroll::-webkit-scrollbar-thumb {
    background: rgba(196, 76, 57, .56);
    border-radius: 999px;
}
.kim-thanh-bang-page .overall-board .cultivation-scroll::-webkit-scrollbar-thumb {
    background: rgba(45, 183, 171, .56);
    border-radius: 999px;
}

.kim-thanh-bang-page .cultivation-wrap {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.kim-thanh-bang-page .cultivation-item {
    width: auto;
    padding: 0;
    content-visibility: auto;
    contain-intrinsic-size: 72px;
}

.kim-thanh-bang-page .cultivation-card {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 72px;
    padding: 8px 10px 8px 8px;
    border-radius: 8px;
    text-decoration: none;
    transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
    overflow: visible;
}

.kim-thanh-bang-page .monthly-board .cultivation-card {
    background: rgba(30, 12, 14, .72);
    border: 1px solid rgba(196, 76, 57, .18);
    box-shadow: inset 0 1px 0 rgba(255, 221, 151, .04);
}

.kim-thanh-bang-page .overall-board .cultivation-card {
    background: rgba(8, 28, 34, .72);
    border: 1px solid rgba(45, 183, 171, .16);
    box-shadow: inset 0 1px 0 rgba(186, 230, 253, .05);
}

.kim-thanh-bang-page .cultivation-card:hover {
    transform: translateY(-2px);
}

.kim-thanh-bang-page .monthly-board .cultivation-card:hover {
    border-color: rgba(224, 143, 71, .42);
    background: radial-gradient(circle at 12% 50%, rgba(196, 76, 57, .22), rgba(30, 12, 14, .86) 62%);
    box-shadow: 0 8px 18px rgba(80, 10, 12, .28);
}

.kim-thanh-bang-page .overall-board .cultivation-card:hover {
    border-color: rgba(82, 206, 192, .42);
    background: radial-gradient(circle at 12% 50%, rgba(45, 183, 171, .2), rgba(8, 28, 34, .86) 62%);
    box-shadow: 0 8px 18px rgba(4, 24, 32, .28);
}

.kim-thanh-bang-page .monthly-board .rank-1 .cultivation-card {
    background: linear-gradient(105deg, rgba(207, 91, 52, .22), rgba(30, 12, 14, .82) 70%);
    border-color: rgba(243, 187, 104, .42);
    box-shadow: inset 0 0 0 1px rgba(243, 187, 104, .16), 0 8px 20px rgba(180, 60, 40, .16);
}

.kim-thanh-bang-page .monthly-board .rank-2 .cultivation-card {
    background: linear-gradient(105deg, rgba(157, 54, 48, .16), rgba(30, 12, 14, .82) 70%);
    border-color: rgba(217, 133, 112, .32);
}

.kim-thanh-bang-page .monthly-board .rank-3 .cultivation-card {
    background: linear-gradient(105deg, rgba(133, 65, 52, .14), rgba(30, 12, 14, .82) 70%);
    border-color: rgba(195, 152, 120, .28);
}

.kim-thanh-bang-page .overall-board .rank-1 .cultivation-card {
    background: linear-gradient(105deg, rgba(184, 126, 54, .2), rgba(8, 28, 34, .84) 70%);
    border-color: rgba(240, 200, 121, .4);
    box-shadow: inset 0 0 0 1px rgba(240, 200, 121, .14), 0 8px 20px rgba(12, 60, 70, .18);
}

.kim-thanh-bang-page .overall-board .rank-2 .cultivation-card {
    background: linear-gradient(105deg, rgba(148, 197, 214, .2), rgba(8, 28, 34, .84) 70%);
    border-color: rgba(186, 230, 253, .42);
    box-shadow: inset 0 0 0 1px rgba(226, 232, 240, .12), 0 8px 18px rgba(8, 40, 56, .16);
}

.kim-thanh-bang-page .overall-board .rank-3 .cultivation-card {
    background: linear-gradient(105deg, rgba(35, 151, 145, .14), rgba(8, 28, 34, .84) 70%);
    border-color: rgba(105, 196, 196, .28);
}

.kim-thanh-bang-page .cultivation-card.is-me {
    outline: 1px solid rgba(224, 143, 71, .5);
    outline-offset: -1px;
}

.kim-thanh-bang-page .overall-board .cultivation-card.is-me {
    outline-color: rgba(82, 206, 192, .5);
}

.kim-thanh-bang-page .avatar-wrap {
    position: relative;
    flex-shrink: 0;
    width: 48px;
    height: 56px;
    overflow: visible;
}

.kim-thanh-bang-page .avatar-frame-wrap,
.kim-thanh-bang-page .avatar-wrap > .qk-board-avatar {
    position: absolute;
    top: 0;
    left: 0;
}

.kim-thanh-bang-page .qk-board-avatar,
.kim-thanh-bang-page .avatar-wrap img {
    width: 48px !important;
    height: 48px !important;
    border-radius: 6px !important;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
}

.kim-thanh-bang-page .avatar-frame-wrap {
    overflow: visible;
    border-radius: 6px;
}

.kim-thanh-bang-page .has-frame .avatar-frame-ring {
    border-radius: 6px;
    transform: none !important;
    rotate: none !important;
}

.kim-thanh-bang-page .rank-chip {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-width: 22px;
    height: 16px;
    padding: 0 5px;
    border-radius: 999px;
    transform: translateX(-50%);
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    color: #f3e6c8;
    background: #1a0d0e;
    border: 1px solid rgba(224, 161, 91, .45);
}

.kim-thanh-bang-page .overall-board .rank-chip {
    color: #d7f3ee;
    background: #062028;
    border-color: rgba(77, 190, 181, .45);
}

.kim-thanh-bang-page .rank-crown {
    width: 9px;
    height: 9px;
    fill: currentColor;
}

.kim-thanh-bang-page .monthly-board .rank-1 .rank-chip,
.kim-thanh-bang-page .overall-board .rank-1 .rank-chip {
    color: #1a0d0e;
    background: linear-gradient(135deg, #facc15, #f59e0b);
    border-color: #fde68a;
}

.kim-thanh-bang-page .monthly-board .rank-2 .rank-chip {
    background: linear-gradient(135deg, #fb7185, #e11d48);
    border-color: #fda4af;
    color: #fff;
}

.kim-thanh-bang-page .monthly-board .rank-3 .rank-chip {
    background: linear-gradient(135deg, #c4b5fd, #7c3aed);
    border-color: #ddd6fe;
    color: #fff;
}

.kim-thanh-bang-page .overall-board .rank-2 .rank-chip {
    background: linear-gradient(135deg, #f8fafc, #7dd3fc);
    border-color: #e0f2fe;
    color: #0c4a6e;
}

.kim-thanh-bang-page .overall-board .rank-3 .rank-chip {
    background: linear-gradient(135deg, #5eead4, #0f766e);
    border-color: #99f6e4;
    color: #042f2e;
}

.kim-thanh-bang-page .tkb-info-box {
    min-width: 0;
    flex: 1;
}

.kim-thanh-bang-page .tkb-user-name {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kim-thanh-bang-page .monthly-board .tkb-user-name { color: #f1dfba !important; }
.kim-thanh-bang-page .overall-board .tkb-user-name { color: #c9eee5 !important; }
.kim-thanh-bang-page .rank-1 .tkb-user-name,
.kim-thanh-bang-page .rank-2 .tkb-user-name,
.kim-thanh-bang-page .rank-3 .tkb-user-name { font-size: 14px; }

.kim-thanh-bang-page .tkb-user-level,
.kim-thanh-bang-page .tkb-epithet,
.kim-thanh-bang-page .tkb-user-stat {
    margin-top: 2px;
    font-size: 11px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kim-thanh-bang-page .tkb-epithet {
    font-style: italic;
    opacity: .82;
}

.kim-thanh-bang-page .monthly-board .tkb-epithet { color: #d08a72; }
.kim-thanh-bang-page .overall-board .tkb-epithet { color: #72c1b8; }

.kim-thanh-bang-page .tkb-user-stat {
    color: #f1b45e;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-weight: 700;
}

.kim-thanh-bang-page .overall-board .tkb-user-stat { color: #74d7ca; }

.kim-thanh-bang-page .tkb-user-stat span {
    margin-left: 4px;
    font-family: "Times New Roman", serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .4px;
    opacity: .72;
}

.kim-thanh-bang-page .tkb-empty {
    grid-column: 1 / -1;
    padding: 28px 12px;
    text-align: center;
    font-family: "Times New Roman", serif;
    font-style: italic;
    color: #c8846e;
}

.kim-thanh-bang-page .overall-board .tkb-empty { color: #68abae; }

/* ── Lore plaque ── */
#mo-dau-board-scroll {
    position: relative;
    margin: clamp(24px, 3vw, 36px) 0 36px;
    padding: clamp(22px, 3vw, 34px) clamp(18px, 4vw, 54px) clamp(18px, 2.6vw, 30px);
    overflow: hidden;
    isolation: isolate;
    contain: layout paint;
    contain-intrinsic-size: 360px;
    content-visibility: auto;
    border: 1px solid rgba(104, 181, 193, .38);
    border-radius: 16px;
    background:
        radial-gradient(ellipse 90% 120% at 50% -34%, rgba(42, 111, 137, .26), transparent 63%),
        radial-gradient(circle at 8% 110%, rgba(37, 123, 132, .13), transparent 34%),
        linear-gradient(135deg, #030912 0%, #071522 48%, #030a12 100%);
    box-shadow:
        inset 0 1px 0 rgba(190, 235, 241, .1),
        inset 0 0 42px rgba(0, 0, 0, .58),
        0 14px 34px rgba(5, 25, 39, .22);
    font-family: "Times New Roman", serif;
    color: #dbeafe;
}

#mo-dau-board-scroll::before {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: 2;
    border: 1px solid rgba(151, 222, 230, .1);
    border-radius: inherit;
    pointer-events: none;
}

#mo-dau-board-scroll::after {
    content: "";
    position: absolute;
    top: 0;
    left: 12%;
    right: 12%;
    height: 1px;
    z-index: 3;
    background: linear-gradient(90deg, transparent, rgba(118, 210, 221, .62), transparent);
    box-shadow: 0 0 12px rgba(72, 178, 194, .28);
    pointer-events: none;
}

#mo-dau-board-scroll .thunder-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: .12;
    mix-blend-mode: screen;
    pointer-events: none;
    background-size: cover;
    background-position: center;
}

#mo-dau-board-scroll .thunder-overlay.is-ready {
    background-image:
        radial-gradient(ellipse 48% 34% at 54% 2%, rgba(77, 180, 201, .2), transparent 70%),
        url("/nightthund_kb9qoiu8.gif");
    opacity: .22;
}

#mo-dau-board-scroll > *:not(.thunder-overlay) {
    position: relative;
    z-index: 4;
}

#mo-dau-board-scroll .lore-header {
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 1520px;
    margin: 0 auto;
}

#mo-dau-board-scroll .lore-seal {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(72, 191, 220, .58);
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(22, 78, 103, .82), rgba(4, 25, 39, .9)), #061522;
    color: #83d7ef;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    box-shadow: inset 0 0 0 1px rgba(151, 230, 239, .08), 0 0 16px rgba(45, 164, 195, .22);
    text-shadow: 0 0 9px rgba(114, 220, 240, .6);
}

#mo-dau-board-scroll .lore-heading {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

#mo-dau-board-scroll .lore-kicker {
    color: rgba(128, 204, 215, .66);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2.4px;
    line-height: 1;
}

#mo-dau-board-scroll .lore-header h4 {
    margin: 0;
    color: #b7edf0;
    font-size: clamp(17px, 1.6vw, 22px);
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.1;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .85), 0 0 13px rgba(84, 196, 211, .3);
}

#mo-dau-board-scroll .lore-state {
    margin-left: auto;
    padding-left: 12px;
    border-left: 1px solid rgba(102, 198, 207, .25);
    color: rgba(132, 207, 214, .72);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.4px;
    white-space: nowrap;
}

#mo-dau-board-scroll .lore-rule {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 1520px;
    height: 12px;
    margin: 8px auto 2px;
}

#mo-dau-board-scroll .lore-rule::before,
#mo-dau-board-scroll .lore-rule::after {
    content: "";
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(89, 184, 198, .3));
}

#mo-dau-board-scroll .lore-rule::after { transform: scaleX(-1); }

#mo-dau-board-scroll .lore-rule span {
    width: 5px;
    height: 5px;
    border: 1px solid rgba(121, 210, 219, .62);
    transform: rotate(45deg);
    box-shadow: 0 0 7px rgba(77, 185, 201, .38);
}

#mo-dau-board-scroll .lore-body p {
    max-width: 1420px;
    margin: 14px auto;
    color: rgba(225, 237, 244, .9);
    font-size: clamp(13px, 1.16vw, 16px);
    line-height: 1.82;
    letter-spacing: .65px;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .88);
}

#mo-dau-board-scroll .lore-body .lore-em {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(12px, 2vw, 28px);
    max-width: 940px;
    margin: 16px auto;
    color: #f3d783;
    font-size: clamp(16px, 1.45vw, 21px);
    font-weight: 700;
    font-style: italic;
    letter-spacing: 1.1px;
    line-height: 1.4;
    text-shadow: 0 0 11px rgba(236, 190, 91, .32), 0 1px 2px rgba(0, 0, 0, .9);
}

#mo-dau-board-scroll .lore-em::before,
#mo-dau-board-scroll .lore-em::after {
    content: "";
    flex: 1 1 120px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(224, 180, 84, .64));
}

#mo-dau-board-scroll .lore-em::after { transform: scaleX(-1); }

#mo-dau-board-scroll .lore-footer {
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 1520px;
    margin: 20px auto 0;
    padding-top: 12px;
    border-top: 1px solid rgba(91, 174, 187, .2);
    color: rgba(153, 201, 211, .65);
    font-size: 12px;
    letter-spacing: 1.3px;
}

#mo-dau-board-scroll .lore-footer::before {
    content: "";
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, rgba(91, 174, 187, .2), transparent);
}

#mo-dau-board-scroll .lore-footer strong {
    color: #a5dce1;
    text-shadow: 0 0 8px rgba(64, 174, 190, .28);
}

@media (max-width: 1199px) {
    .kim-thanh-bang-page .cultivation-wrap { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .kim-thanh-bang-page .cultivation-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .kim-thanh-bang-page .cultivation-scroll { max-height: 340px; }
}

@media (max-width: 768px) {
    #thien-dao-board,
    #van-co-board { padding: 20px 16px 18px; }
    #thien-dao-board::after {
        top: 9px;
        right: 12px;
        width: 34px;
        height: 34px;
        font-size: 17px;
    }
    #van-co-board::before { animation: none; opacity: .55; }
    #top1-name,
    #ancient-name,
    #mo-dau-board-scroll .lore-seal { animation: none; }
    #mo-dau-board-scroll .thunder-overlay {
        mix-blend-mode: normal;
        animation: none;
        opacity: .15;
    }
}

@media (max-width: 640px) {
    .kim-thanh-bang-page {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .kim-thanh-bang-page .kth-block { border-radius: 14px; }
    .kim-thanh-bang-page .board-header { min-height: 38px; padding: 6px 11px; }
    .kim-thanh-bang-page .board-title h5 { font-size: 12px; letter-spacing: .9px; }
    .kim-thanh-bang-page .cultivation-wrap { grid-template-columns: 1fr; }
    .kim-thanh-bang-page .cultivation-scroll { max-height: 520px; }
    .kim-thanh-bang-page .cultivation-card { min-height: 64px; }
    #mo-dau-board-scroll {
        margin-top: 22px;
        padding: 18px 14px 17px;
        border-radius: 15px;
    }
    #mo-dau-board-scroll .lore-seal { width: 36px; height: 36px; font-size: 18px; }
    #mo-dau-board-scroll .lore-state { display: none; }
    #mo-dau-board-scroll .lore-body p { margin: 12px auto; font-size: 13px; letter-spacing: .35px; }
    #mo-dau-board-scroll .lore-em { gap: 8px; font-size: 15px; }
    #mo-dau-board-scroll .lore-em::before,
    #mo-dau-board-scroll .lore-em::after { flex-basis: 18px; }
    #mo-dau-board-scroll .lore-footer { margin-top: 16px; padding-top: 10px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
    #mo-dau-board-scroll,
    .thunder-overlay,
    .lore-seal,
    #top1-name,
    #ancient-name,
    .avatar-frame-ring,
    #van-co-board::before {
        animation: none !important;
    }
    .cultivation-card { transition-duration: .01ms !important; }
    #ma-khi-canvas,
    #dust-canvas,
    .thunder-overlay { display: none !important; }
}