.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-w);background:linear-gradient(180deg,#0f1826f5,#0a101afa);display:flex;flex-direction:column;z-index:var(--z-sticky);transition:width var(--dur-normal) var(--ease);overflow:hidden;border-right:1px solid var(--c-son-hai-border);box-shadow:4px 0 25px #00000080}.sidebar--collapsed{width:var(--sidebar-w-collapsed)}.sidebar__brand{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-4);cursor:pointer;-webkit-user-select:none;user-select:none}.sidebar__logo{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--c-kim-sa),var(--c-kim-quang));color:var(--c-phi-thuy);font-weight:var(--fw-bold);font-size:var(--text-sm);letter-spacing:1px;box-shadow:0 0 14px #f59e0b80}.sidebar__brand-text{color:var(--c-kim-quang);font-weight:var(--fw-semi);font-size:var(--text-lg);white-space:nowrap;text-shadow:0 0 8px rgba(245,158,11,.4)}.sidebar__nav{flex:1;display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-2) var(--sp-2);overflow-y:auto}.sidebar__link{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-3);border-radius:var(--r-sm);color:var(--c-ink-on-dark-soft);text-decoration:none;font-size:var(--text-sm);font-weight:var(--fw-medium);white-space:nowrap;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.sidebar__link:hover{background:#f59e0b1f;color:var(--c-kim-quang)}.sidebar__link--active{background:linear-gradient(90deg,#064e3bcc,#0d948866);color:var(--c-kim-quang);position:relative;box-shadow:inset 0 0 12px #f59e0b33}.sidebar__link--active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:var(--r-full);background:var(--c-kim-sa);box-shadow:0 0 8px var(--c-kim-quang)}.sidebar__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4);border-top:1px solid var(--c-charcoal-700)}.sidebar__user{display:flex;align-items:center;gap:var(--sp-3);overflow:hidden;min-width:0}.sidebar__avatar{flex-shrink:0;width:32px;height:32px;border-radius:var(--r-full);background:var(--c-charcoal-600);color:var(--c-bronze-glow);font-weight:var(--fw-semi);font-size:var(--text-sm);display:flex;align-items:center;justify-content:center}.sidebar__user-info{display:flex;flex-direction:column;min-width:0}.sidebar__user-name{color:var(--c-ink-on-dark);font-size:var(--text-sm);font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{color:var(--c-ink-on-dark-soft);font-size:var(--text-xs)}.sidebar__logout{background:none;border:none;color:var(--c-ink-on-dark-soft);cursor:pointer;padding:var(--sp-2);border-radius:var(--r-sm);display:flex;align-items:center;transition:color var(--dur-fast) var(--ease)}.sidebar__logout:hover{color:var(--c-danger)}.sidebar--collapsed .sidebar__link{justify-content:center;padding:10px}.sidebar--collapsed .sidebar__brand{justify-content:center;padding:var(--sp-5) var(--sp-2)}.sidebar--collapsed .sidebar__footer{flex-direction:column;gap:var(--sp-2)}.sidebar--collapsed .sidebar__user-info,.sidebar--collapsed .sidebar__user-name,.sidebar--collapsed .sidebar__user-role{display:none}@media(max-width:768px){.sidebar{width:264px!important;transform:translate(-100%);transition:transform var(--dur-normal) var(--ease);box-shadow:0 0 40px #0006}.sidebar--mobile-open{transform:translate(0)}.sidebar--collapsed{width:264px!important}}.sidebar__group{display:flex;flex-direction:column;gap:2px;margin-bottom:3px}.sidebar__grouphead{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:10px var(--sp-3);border:none;border-radius:var(--r-sm);background:transparent;color:var(--c-ink-on-dark-soft);font-family:var(--font-main);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;white-space:nowrap}.sidebar__grouphead:hover{background:var(--c-charcoal-700);color:var(--c-ink-on-dark)}.sidebar__grouphead--active{color:var(--c-bronze-glow)}.sidebar__grouphead>span{flex:1;text-align:left}.sidebar__chev{transition:transform var(--dur-fast) var(--ease);flex-shrink:0}.sidebar__chev--open{transform:rotate(180deg)}.sidebar__sub{display:none}.sidebar__sub--open{display:flex;flex-direction:column;gap:2px;margin:2px 0 4px 18px;padding-left:8px;border-left:1.5px solid var(--c-charcoal-600);animation:subDown var(--dur-fast) var(--ease) both}.sidebar__sub .sidebar__link{padding-left:10px;font-size:var(--text-sm)}@keyframes subDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tpt{position:fixed;top:120px;z-index:60;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:14px;background:color-mix(in srgb,var(--c-surface-card) 92%,transparent);border:1px solid var(--c-border);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tpt--phai{right:8px}.tpt-nut{display:flex;align-items:center;gap:10px;width:172px;padding:8px;border:none;border-radius:9px;background:transparent;color:var(--c-ink-soft);cursor:pointer;font-family:var(--font-main);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;transition:background .12s ease,color .12s ease}.tpt-icon{display:flex;flex-shrink:0}.tpt-nhan{opacity:1;flex:1;text-align:left}.tpt-kbd{opacity:1;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:var(--text-xs);font-weight:700;color:var(--c-ink-muted);background:var(--c-surface);border:1px solid var(--c-surface-dim);border-radius:5px;padding:2px 6px}.tpt-nut:hover{background:var(--c-surface);color:var(--c-ink)}.tpt-nut:focus-visible{outline:2px solid var(--c-accent);outline-offset:-2px}.tpt-nut--chinh{color:var(--c-accent-ink)}.tpt-day{display:none}.bpt-nen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal, 1050);background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px}.bpt-hop{background:var(--c-surface-card);border-radius:var(--r-lg, 16px);border:1px solid var(--c-border);box-shadow:0 24px 70px #0006;width:min(680px,100%);max-height:85vh;overflow-y:auto;padding:20px}.bpt-dau{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:var(--text-lg)}.bpt-dau button{background:transparent;border:none;cursor:pointer;color:var(--c-ink-muted);padding:4px;display:flex}.bpt-luoi{display:grid;grid-template-columns:1fr 1fr;gap:24px}.bpt-luoi h4{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--c-ink-muted);margin-bottom:8px;font-weight:var(--fw-bold)}.bpt-dong{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--c-surface-dim);font-size:var(--text-sm)}.bpt-dong kbd{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:var(--text-xs);font-weight:700;background:var(--c-surface);border:1px solid var(--c-surface-dim);border-radius:6px;padding:3px 8px;color:var(--c-ink-soft);white-space:nowrap}.bpt-chu{margin-top:18px;padding-top:14px;border-top:1px solid var(--c-surface-dim);font-size:var(--text-xs);color:var(--c-ink-soft);line-height:1.65}@media(max-width:1279px){.tpt{display:none}}@media(max-width:768px){.bpt-luoi{grid-template-columns:1fr;gap:18px}.tpt-day{display:flex;position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 68px);z-index:60;gap:4px;padding:5px;border-radius:999px;background:color-mix(in srgb,var(--c-surface-card) 94%,transparent);border:1px solid var(--c-border);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tpt-day button{display:flex;align-items:center;gap:6px;padding:9px 14px;border:none;border-radius:999px;background:transparent;color:var(--c-ink-soft);font-family:var(--font-main);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;min-height:44px}.tpt-day--chinh{background:var(--c-accent);color:var(--c-accent-on)}}.cld-nen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-chao-lan-dau, 9500);background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px}.cld-hop{width:min(560px,100%);max-height:88vh;display:flex;flex-direction:column;background:var(--c-surface-card);border:1px solid var(--c-border);border-radius:18px;box-shadow:0 28px 80px #00000073;padding:22px}.cld-cham{display:flex;gap:6px;justify-content:center;margin-bottom:18px}.cld-cham span{width:26px;height:4px;border-radius:999px;background:var(--c-surface-dim);transition:background .2s}.cld-cham .cld-cham--nay{background:var(--c-accent)}.cld-cham .cld-cham--xong{background:color-mix(in srgb,var(--c-accent) 45%,transparent)}.cld-buoc{flex:1;overflow-y:auto;min-height:0}.cld-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--c-accent) 13%,transparent);color:var(--c-accent-ink);margin-bottom:10px}.cld-hop h2{font-size:var(--text-lg);font-weight:var(--fw-bold);margin-bottom:5px}.cld-phu{font-size:var(--text-sm);color:var(--c-ink-soft);line-height:1.65;margin-bottom:16px}.cld-phu kbd{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:var(--text-xs);font-weight:700;background:var(--c-surface);border:1px solid var(--c-surface-dim);border-radius:5px;padding:2px 6px}.cld-giong{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cld-the{display:flex;flex-direction:column;gap:6px;padding:13px;text-align:left;border:1.5px solid var(--c-border);border-radius:12px;background:var(--c-surface);color:var(--c-ink);cursor:pointer;font-family:var(--font-main);transition:border-color .14s,background .14s}.cld-the:hover{border-color:var(--c-accent)}.cld-the--chon{border-color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 9%,transparent)}.cld-the-ten{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--c-ink)}.cld-the-thu{font-size:var(--text-xs);color:var(--c-ink-soft);line-height:1.5;font-style:italic}.cld-quyen{display:flex;flex-direction:column;gap:2px}.cld-quyen li{display:flex;align-items:flex-start;gap:9px;padding:8px 0;border-bottom:1px solid var(--c-surface-dim);font-size:var(--text-sm);line-height:1.5}.cld-dau{flex-shrink:0;font-weight:700;width:16px;text-align:center}.cld-co .cld-dau{color:var(--c-success)}.cld-khong,.cld-khong .cld-dau{color:var(--c-ink-muted)}.cld-chu{display:block;font-size:var(--text-xs);color:var(--c-ink-muted);font-style:normal;margin-top:2px}.cld-phim{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.cld-phim-dong{display:flex;align-items:center;gap:9px;font-size:var(--text-sm);padding:4px 0}.cld-phim-dong kbd{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:var(--text-xs);font-weight:700;background:var(--c-surface);border:1px solid var(--c-surface-dim);border-radius:6px;padding:3px 8px;color:var(--c-ink-soft);min-width:48px;text-align:center;flex-shrink:0}.cld-chan{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--c-surface-dim)}.cld-bo{background:transparent;border:none;cursor:pointer;color:var(--c-ink-muted);font-family:var(--font-main);font-size:var(--text-sm);padding:10px 4px;min-height:44px}.cld-tiep{display:inline-flex;align-items:center;gap:5px;padding:11px 20px;min-height:44px;border:none;border-radius:10px;background:var(--c-accent);color:#fff;font-family:var(--font-main);font-size:var(--text-sm);font-weight:var(--fw-semi);cursor:pointer}.cld-tiep:hover{background:var(--c-accent-dim)}@media(max-width:560px){.cld-giong,.cld-phim{grid-template-columns:1fr}.cld-hop{padding:18px}}.spirit-atmosphere-wrap{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-base);overflow:hidden}.spirit-atmosphere-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.spirit-mist-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 15% 20%,rgba(244,114,182,.04) 0%,transparent 60%),radial-gradient(ellipse at 85% 80%,rgba(56,189,248,.05) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(167,139,250,.04) 0%,transparent 50%);animation:spiritMistPulse 16s ease-in-out infinite alternate}@keyframes spiritMistPulse{0%{opacity:.6;transform:scale(1) translateY(0)}50%{opacity:.85;transform:scale(1.03) translateY(-10px)}to{opacity:.6;transform:scale(1) translateY(0)}}.app-layout{min-height:100vh}.app-layout--home .sidebar{transform:translate(-100%);transition:transform var(--dur-normal) var(--ease),width var(--dur-normal) var(--ease)}.app-layout--home .sidebar--mobile-open{transform:translate(0)}.app-layout--home .app-content,.app-layout--home .app-content--expanded{margin-left:0}.app-content{margin-left:var(--sidebar-w);min-height:100vh;position:relative;transition:margin-left var(--dur-normal) var(--ease)}.app-content--expanded{margin-left:var(--sidebar-w-collapsed)}.app-content__inner{position:relative;z-index:2;padding:var(--sp-6) var(--sp-8);max-width:1200px;width:100%;margin:0 auto}.app-content__inner--wide{max-width:1800px;padding:var(--sp-5) var(--sp-6)}@media(max-width:768px){.app-content,.app-content--expanded{margin-left:0;padding-bottom:72px}.app-content__inner{padding:var(--sp-4)}.app-hamburger{display:none}}.app-search-btn{position:fixed;top:12px;right:16px;z-index:var(--z-nut-noi);display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--c-surface-dim);border-radius:6px;background:var(--c-surface-card);color:var(--c-ink-soft);cursor:pointer;font-size:12px;font-family:var(--font-main);box-shadow:0 2px 6px #00000026}.app-search-btn:hover{color:var(--c-accent-ink);border-color:var(--c-accent-ink)}.app-search-kbd{padding:1px 5px;background:var(--c-surface-dim);border-radius:3px;font-size:var(--text-xs);font-family:var(--font-main)}@media(max-width:768px){.app-search-btn{top:8px;right:8px;padding:10px;border-radius:50%;background:var(--c-bronze);color:#fff;border-color:var(--c-accent-ink);box-shadow:0 3px 10px color-mix(in srgb,var(--c-accent) 40%,transparent)}.app-search-label,.app-search-kbd{display:none}}.app-hamburger{position:fixed;top:12px;left:12px;z-index:var(--z-dropdown);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-ink-soft);cursor:pointer;box-shadow:0 2px 8px #0003;transition:all .15s}.app-hamburger:hover{color:var(--c-accent-ink);border-color:var(--c-accent-ink)}.app-sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:99;animation:scrimIn var(--dur-fast) var(--ease)}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}@media(min-width:769px){.app-sidebar-scrim{display:none}}.app-content__inner :is(.ap-header,.cp-header,.db-header,.ex-header,.fn-header,.op-header,.st-header,.tm-head,.page-head){position:sticky;top:0;z-index:60;background:var(--c-surface);margin:0 calc(var(--sp-8) * -1) 12px;padding:10px var(--sp-8);border-bottom:1px solid var(--c-surface-dim)}.scroll-jump{position:fixed;right:16px;bottom:22px;z-index:var(--z-cuon-len);display:flex;flex-direction:column;gap:6px}.scroll-jump button{width:36px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--c-surface-dim);border-radius:9px;background:var(--c-surface-card);color:var(--c-ink-soft);cursor:pointer;box-shadow:0 3px 10px #00000038;transition:color .14s,border-color .14s,transform .14s;touch-action:manipulation}.scroll-jump button:hover{color:var(--c-accent-ink);border-color:var(--c-accent-ink);transform:translateY(-1px)}.scroll-jump button:active{transform:scale(.94)}@media(max-width:768px){.scroll-jump{bottom:84px;right:10px}}@media(min-width:769px)and (max-width:1400px){.app-content__inner :is(.ap-header,.cp-header,.db-header,.ex-header,.fn-header,.op-header,.st-header,.tm-head,.page-head){padding-right:calc(var(--sp-8) + 132px)}}.app-layout--ngan-mo .app-hamburger{display:none}@media(min-width:769px){.app-layout:not(.app-layout--home) .app-hamburger{display:none}}.app-layout--home .sidebar--mobile-open,.sidebar--mobile-open{transform:translate(0)!important;width:var(--sidebar-w)!important;z-index:var(--z-ngan-mo)!important;box-shadow:8px 0 35px #000000d9!important}.app-layout--ngan-mo .app-sidebar-scrim{display:block!important;z-index:var(--z-ngan-nen)!important}.al-hang-doi{position:fixed;left:16px;bottom:16px;z-index:60;padding:8px 14px;min-height:40px;border:1.5px solid var(--c-warning);border-radius:var(--r-full);background:var(--c-surface-card);color:var(--c-warning-ink);font:inherit;font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer}.xoay-ngang{display:none}@media(orientation:portrait)and (max-width:767px){.xoay-ngang{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-xoay-ngang);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-6);background:var(--c-surface-card);color:var(--c-ink);text-align:center}.xoay-ngang__icon{color:var(--c-accent);animation:xoay-ngang-quay 2.4s ease-in-out infinite}.xoay-ngang__tieu-de{margin:0;font-size:var(--text-xl);font-weight:var(--fw-bold)}.xoay-ngang__loi{margin:0;max-width:32ch;font-size:var(--text-sm);color:var(--c-ink-soft)}.xoay-ngang__nut{min-height:44px;padding:0 var(--sp-6);border:none;border-radius:var(--r-full);background:var(--c-accent);color:var(--c-accent-on);font-family:var(--font-main);font-size:var(--text-sm);font-weight:var(--fw-bold);cursor:pointer}.xoay-ngang__nut:focus-visible{outline:3px solid var(--c-accent-glow);outline-offset:3px}}@keyframes xoay-ngang-quay{0%,20%{transform:rotate(0)}50%,70%{transform:rotate(90deg)}to{transform:rotate(0)}}.dn{display:grid;grid-template-columns:1.15fr 1fr;min-height:100vh;min-height:100dvh;background:var(--c-surface)}.dn-ho-ve-trai{display:grid;grid-template-rows:1fr 1fr;background:var(--c-charcoal-900);min-height:0}.dn-thu{position:relative;overflow:hidden;margin:0;display:grid;place-items:center;min-height:0}.dn-thu-mo{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;object-fit:cover;filter:blur(24px) brightness(.5) saturate(1.2)}.dn-thu-anh{position:relative;height:86%;max-height:512px;max-width:86%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--r-lg);border:2px solid color-mix(in srgb,var(--c-kim-quang) 70%,transparent);box-shadow:0 0 28px color-mix(in srgb,var(--c-kim-quang) 35%,transparent),0 18px 40px #00000073;animation:thu-tho 12s ease-in-out infinite alternate}.dn-thu--linh_mieu .dn-thu-anh{border-color:color-mix(in srgb,var(--c-success) 70%,transparent);box-shadow:0 0 28px color-mix(in srgb,var(--c-success) 35%,transparent),0 18px 40px #00000073}@keyframes thu-tho{0%{transform:scale(1)}to{transform:scale(1.025)}}.dn-thu-chu{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:baseline;gap:10px;padding:40px 32px 18px;background:linear-gradient(to top,#000000b8,#0000);color:#fff}.dn-thu-ten{font-family:"Lora",var(--font-main),Georgia,serif;font-size:18px;font-weight:600}.dn-thu-hieu{font-size:13px;opacity:.88}.dn--co-nen{grid-template-columns:1.6fr 1fr}.dn-nen{position:relative;overflow:hidden;background:var(--c-charcoal-900)}.dn-nen-anh{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%}.dn-phai{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 32px;background:var(--c-surface)}.dn-form{position:relative;z-index:1;isolation:isolate;overflow:hidden;width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--sp-4);padding:28px 28px 30px;border-radius:var(--r-lg);background:var(--c-charcoal-900);color:var(--c-son-hai-text);border:1px solid color-mix(in srgb,var(--c-kim-quang) 55%,transparent);box-shadow:0 20px 50px #00000073}.dn-form-nen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;z-index:-2;pointer-events:none}.dn-form:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to bottom,color-mix(in srgb,var(--c-charcoal-900) 30%,transparent),color-mix(in srgb,var(--c-charcoal-900) 48%,transparent) 16%,color-mix(in srgb,var(--c-charcoal-900) 52%,transparent) 29%,color-mix(in srgb,var(--c-charcoal-900) 60%,transparent) 32%,color-mix(in srgb,var(--c-charcoal-900) 62%,transparent));pointer-events:none}.dn-dau{margin-bottom:var(--sp-2);display:flex;flex-direction:column;align-items:center;text-align:center}.dn-logo{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--c-accent),var(--c-accent-dim));color:#fff;font-weight:700;font-size:17px;letter-spacing:.02em;margin-bottom:18px;box-shadow:0 4px 14px #00000059}.dn-tieude{font-family:"Lora",var(--font-main),Georgia,serif;font-size:30px;font-weight:600;letter-spacing:-.015em;color:var(--c-son-hai-text);line-height:1.15;text-shadow:0 2px 10px rgba(0,0,0,.45)}.dn-phu{font-size:var(--text-sm);color:var(--c-son-hai-text);margin-top:6px;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.dn-son-mon-tag{display:inline-block;padding:1px 7px;font-size:var(--text-xs);font-weight:700;color:var(--c-charcoal-900);background:var(--c-kim-quang);border-radius:4px}.dn-nhan{display:flex;flex-direction:column;gap:7px;font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--c-son-hai-text);animation:hien-len .42s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--tre, 0) * 70ms)}.dn-o{width:100%;min-height:46px;padding:12px 14px;border:1.5px solid color-mix(in srgb,var(--c-son-hai-text) 30%,transparent);border-radius:var(--r-md);background:var(--c-surface-card);color:var(--c-ink);font-family:var(--font-main);font-size:var(--text-base);transition:border-color .14s,box-shadow .14s}.dn-o::placeholder{color:var(--c-ink-muted)}.dn-o:focus{outline:none;border-color:var(--c-kim-quang);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-kim-quang) 35%,transparent)}.dn-mk{position:relative}.dn-mk .dn-o{padding-right:50px}.dn-mat{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:42px;min-height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--c-ink-muted);border-radius:8px}.dn-mat:hover{color:var(--c-ink-soft)}.dn-mat:focus-visible{outline:2px solid var(--c-accent);outline-offset:-2px}.dn-loi{font-size:var(--text-sm);color:var(--c-son-hai-text);background:color-mix(in srgb,var(--c-danger) 38%,var(--c-charcoal-900));border:1px solid color-mix(in srgb,var(--c-danger) 70%,transparent);border-radius:var(--r-md);padding:10px 13px;line-height:1.55}.dn-huong-dan{font-size:var(--text-sm);color:var(--c-son-hai-text);line-height:1.55}.dn-thong-bao{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;align-items:start;padding:14px;border-radius:var(--r-md);background:color-mix(in srgb,var(--c-success) 30%,var(--c-charcoal-900));border:1px solid color-mix(in srgb,var(--c-success) 60%,transparent);color:var(--c-son-hai-text);font-size:var(--text-sm);line-height:1.55}.dn-thong-bao p{margin:4px 0 0}.dn-thong-bao .dn-lien-ket{grid-column:1 / -1;justify-self:start}.dn-nut{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin-top:4px;border:none;border-radius:var(--r-md);background:var(--c-accent);color:#fff;font-family:var(--font-main);font-size:var(--text-base);font-weight:var(--fw-semi);cursor:pointer;transition:background .14s,transform 90ms;animation:hien-len .42s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--tre, 0) * 70ms)}.dn-nut:hover:not(:disabled){background:var(--c-accent-dim)}.dn-nut:active:not(:disabled){transform:translateY(1px)}.dn-nut:disabled{opacity:.72;cursor:default}.dn-nut:focus-visible{outline:2px solid var(--c-kim-quang);outline-offset:3px}.dn-lien-ket{align-self:center;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;background:transparent;border:none;cursor:pointer;color:var(--c-son-hai-text);font-family:var(--font-main);font-size:var(--text-sm);text-decoration:underline;text-underline-offset:3px}.dn-lien-ket:hover{color:var(--c-kim-quang)}.dn-lien-ket:focus-visible{outline:2px solid var(--c-kim-quang);outline-offset:2px;border-radius:6px}.dn-quay{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:quay .7s linear infinite}@keyframes quay{to{transform:rotate(360deg)}}@keyframes hien-len{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.dn-chan{position:relative;z-index:1;margin-top:var(--sp-6);padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--c-surface-card) 92%,transparent);font-size:var(--text-xs);color:var(--c-ink-soft);text-align:center}@media(max-width:860px){.dn,.dn--co-nen{grid-template-columns:1fr;grid-template-rows:30vh 1fr}.dn-ho-ve-trai{grid-template-rows:1fr;grid-template-columns:1fr 1fr}.dn-thu-chu{padding:28px 12px 10px;flex-direction:column;gap:0}.dn-thu-hieu{display:none}.dn-phai{padding:28px 16px 40px;justify-content:flex-start}.dn-form{padding:22px 18px 24px}.dn-tieude{font-size:26px}}@media(prefers-reduced-motion:reduce){.dn-thu-anh,.dn-nhan,.dn-nut{animation:none}.dn-quay{animation-duration:2s}}.kx{display:flex;flex-direction:column;gap:var(--sp-2)}.kx-an{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.kx-dong{display:flex;align-items:center;gap:var(--sp-3);padding:13px 14px;border:1px solid var(--c-surface-dim);border-radius:var(--r-md);background:var(--c-surface-card);animation:kx-hien .32s ease-out backwards}.kx-o{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--c-surface-dim) 0%,color-mix(in srgb,var(--c-surface-dim) 45%,var(--c-surface-card)) 50%,var(--c-surface-dim) 100%);background-size:200% 100%;animation:kx-gon 1.35s ease-in-out infinite}.kx-nho{height:9px;opacity:.75}.kx-to{height:20px}.kx-tron{width:22px;height:22px;border-radius:50%;flex-shrink:0}.kx-cot{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.kx--the{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sp-3)}.kx--the .kx-dong{flex-direction:column;align-items:flex-start;gap:10px}.kx--bang .kx-dong{gap:var(--sp-4)}@keyframes kx-gon{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes kx-hien{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.kx-o{animation:none;background:var(--c-surface-dim)}.kx-dong{animation:none}}.cwt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-capy);pointer-events:none;overflow:hidden;display:flex;align-items:center;justify-content:center}.cwt-overlay--active{pointer-events:auto}.cwt-mist-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#fde04740,#0d948859 45%,#0f172af2 85%);opacity:0;transition:opacity .35s ease}.cwt-overlay--active .cwt-mist-layer{opacity:1}.cwt-cloud{position:absolute;width:140%;height:140%;pointer-events:none;background-size:cover;background-repeat:no-repeat;filter:blur(2px)}.cwt-cloud--top-left{top:-70%;left:-70%;background:radial-gradient(circle at center,rgba(254,240,138,.85) 0%,rgba(245,158,11,.6) 30%,transparent 70%);transform:scale(.5);transition:transform .55s cubic-bezier(.16,1,.3,1)}.cwt-cloud--bottom-right{bottom:-70%;right:-70%;background:radial-gradient(circle at center,rgba(167,243,208,.85) 0%,rgba(5,150,105,.7) 35%,transparent 70%);transform:scale(.5);transition:transform .55s cubic-bezier(.16,1,.3,1)}.cwt-cloud--center-swirl{top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at center,rgba(255,255,255,.95) 0%,rgba(253,224,71,.6) 40%,transparent 75%);opacity:0;transform:rotate(0) scale(.3);transition:opacity .4s ease,transform .6s cubic-bezier(.22,1,.36,1)}.cwt-overlay--active .cwt-cloud--top-left{transform:translate(35%,35%) scale(1.5)}.cwt-overlay--active .cwt-cloud--bottom-right{transform:translate(-35%,-35%) scale(1.5)}.cwt-overlay--active .cwt-cloud--center-swirl{opacity:1;transform:rotate(180deg) scale(1.8)}.cwt-warp-core{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;transform:scale(.6);transition:opacity .3s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}.cwt-overlay--active .cwt-warp-core{opacity:1;transform:scale(1.1)}.cwt-warp-symbol{font-size:52px;color:var(--c-kim-quang, var(--c-kim-quang));text-shadow:0 0 30px var(--c-kim-sa, var(--c-kim-sa)),0 0 60px rgba(253,224,71,.8);animation:cwtSpin 2s linear infinite}.cwt-warp-title{font-family:"Lora",var(--font-main),Georgia,serif;font-size:20px;font-weight:800;letter-spacing:2px;color:var(--c-kim-quang, var(--c-kim-quang));text-shadow:0 2px 12px rgba(0,0,0,.9)}.cwt-parting{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-capy);pointer-events:none;animation:cwtPartingFade .65s cubic-bezier(.16,1,.3,1) forwards}@keyframes cwtPartingFade{0%{opacity:1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}60%{opacity:.8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}to{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);visibility:hidden}}.cwt-parting-veil-left{position:absolute;top:0;bottom:0;left:0;width:55%;background:linear-gradient(90deg,rgba(15,23,42,.95) 0%,rgba(6,78,59,.7) 80%,transparent 100%);animation:cwtSlideLeft .65s cubic-bezier(.16,1,.3,1) forwards}.cwt-parting-veil-right{position:absolute;top:0;bottom:0;right:0;width:55%;background:linear-gradient(-90deg,rgba(15,23,42,.95) 0%,rgba(6,78,59,.7) 80%,transparent 100%);animation:cwtSlideRight .65s cubic-bezier(.16,1,.3,1) forwards}@keyframes cwtSlideLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes cwtSlideRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes cwtSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sh-beast-frame{position:relative;display:inline-block;-webkit-user-select:none;user-select:none;border-radius:14px;padding:5px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease;box-sizing:border-box}.sh-beast-frame--xs{width:90px;height:90px;padding:4px;border-radius:12px}.sh-beast-frame--xs .sh-beast-inner{border-radius:8px}.sh-beast-frame--xs .sh-frame-corner{width:10px;height:10px}.sh-beast-frame--xs:before{bottom:-12px;height:12px}.sh-beast-frame--sm{width:96px;height:96px}.sh-beast-frame--md{width:136px;height:136px}.sh-beast-frame--lg{width:180px;height:180px}@media(min-width:1024px){.sh-beast-frame--sm{width:110px;height:110px}.sh-beast-frame--md{width:155px;height:155px}.sh-beast-frame--lg{width:210px;height:210px}}.sh-beast-inner{position:relative;width:100%;height:100%;border-radius:10px;overflow:hidden;background:var(--c-charcoal-900, #0a0f1d)}.sh-beast-artwork{width:100%;height:100%;object-fit:cover;object-position:50% 100%;display:block;transition:filter .35s ease}.sh-beast-frame:hover{transform:translateY(-4px) scale(1.04)}.sh-beast-frame:hover .sh-beast-artwork{filter:brightness(1.08)}.sh-beast-frame:before{content:"";position:absolute;left:10%;right:10%;bottom:-14px;height:14px;border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--c-charcoal-900) 60%,transparent) 0%,transparent 70%);pointer-events:none}.sh-frame-corner{position:absolute;width:12px;height:12px;pointer-events:none;z-index:4}.sh-frame-corner--tl{top:2px;left:2px;border-top:2.5px solid;border-left:2.5px solid;border-top-left-radius:4px}.sh-frame-corner--tr{top:2px;right:2px;border-top:2.5px solid;border-right:2.5px solid;border-top-right-radius:4px}.sh-frame-corner--bl{bottom:2px;left:2px;border-bottom:2.5px solid;border-left:2.5px solid;border-bottom-left-radius:4px}.sh-frame-corner--br{bottom:2px;right:2px;border-bottom:2.5px solid;border-right:2.5px solid;border-bottom-right-radius:4px}.sh-beast-aura{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:16px;pointer-events:none;opacity:.65;transition:opacity .3s ease;z-index:1}.sh-beast-frame:hover .sh-beast-aura{opacity:1}.sh-beast-frame--kim{background:linear-gradient(135deg,var(--c-kim-sa) 0%,#fef08a 50%,#b45309 100%);border:1.5px solid rgba(254,240,138,.75);box-shadow:0 8px 24px #000000a6,0 0 16px #f59e0b73}.sh-beast-frame--kim .sh-frame-corner{border-color:#fef08a;filter:drop-shadow(0 0 4px var(--c-kim-sa))}.sh-beast-frame--kim .sh-beast-aura{box-shadow:inset 0 0 14px #fef08a80,0 0 20px #f59e0b80}.sh-beast-frame--moc{background:linear-gradient(135deg,#059669 0%,#6ee7b7 50%,var(--c-phi-thuy) 100%);border:1.5px solid rgba(110,231,183,.75);box-shadow:0 8px 24px #000000a6,0 0 16px #10b98173}.sh-beast-frame--moc .sh-frame-corner{border-color:#a7f3d0;filter:drop-shadow(0 0 4px #059669)}.sh-beast-frame--moc .sh-beast-aura{box-shadow:inset 0 0 14px #6ee7b780,0 0 20px #10b98180}.sh-beast-frame--thuy{background:linear-gradient(135deg,#0284c7,#7dd3fc,#0c4a6e);border:1.5px solid rgba(125,211,252,.75);box-shadow:0 8px 24px #000000a6,0 0 18px #38bdf880}.sh-beast-frame--thuy .sh-frame-corner{border-color:#bae6fd;filter:drop-shadow(0 0 4px #0284c7)}.sh-beast-frame--thuy .sh-beast-aura{box-shadow:inset 0 0 14px #7dd3fc80,0 0 20px #38bdf880}.sh-beast-frame--hoa{background:linear-gradient(135deg,#dc2626,#fca5a5,#7f1d1d);border:1.5px solid rgba(252,165,165,.8);box-shadow:0 8px 24px #000000a6,0 0 20px #ef44448c}.sh-beast-frame--hoa .sh-frame-corner{border-color:#fecaca;filter:drop-shadow(0 0 4px #dc2626)}.sh-beast-frame--hoa .sh-beast-aura{box-shadow:inset 0 0 14px #fca5a580,0 0 22px #ef44448c}.sh-beast-frame--tho{background:linear-gradient(135deg,#b45309,#fcd34d,#451a03);border:1.5px solid rgba(252,211,77,.7);box-shadow:0 8px 24px #000000a6,0 0 16px #b4530973}.sh-beast-frame--tho .sh-frame-corner{border-color:#fef08a;filter:drop-shadow(0 0 4px #b45309)}.sh-beast-frame--tho .sh-beast-aura{box-shadow:inset 0 0 14px #fcd34d73,0 0 20px #b4530973}@media(prefers-reduced-motion:reduce){.sh-beast-frame,.sh-beast-artwork,.sh-beast-aura{transition:none!important;transform:none!important}}.sh-beast-khung-anh{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;width:112%;height:112%;object-fit:contain;pointer-events:none;z-index:3}.sh-beast-frame--co-anh .sh-frame-corner{display:none}.sh-beast-frame--co-anh{padding:0}.sh-beast-frame--co-anh .sh-beast-inner{position:absolute;width:auto;height:auto;border-radius:3px}.sh-beast-frame--co-anh.sh-beast-frame--kim .sh-beast-inner{top:6.23%;right:4.77%;bottom:4.48%;left:4.77%}.sh-beast-frame--co-anh.sh-beast-frame--moc .sh-beast-inner{top:5.65%;right:5.79%;bottom:4.48%;left:6.23%}.sh-beast-frame--co-anh.sh-beast-frame--thuy .sh-beast-inner{top:4.77%;right:4.92%;bottom:5.65%;left:4.92%}.sh-beast-frame--co-anh.sh-beast-frame--hoa .sh-beast-inner{top:5.94%;right:3.6%;bottom:2.87%;left:3.46%}.sh-beast-frame--co-anh.sh-beast-frame--tho .sh-beast-inner{top:3.75%;right:4.19%;bottom:4.62%;left:4.19%}.sh-living-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:2}.sh-creature-crane{position:absolute;width:28px;height:18px;color:color-mix(in srgb,var(--c-ink) 92%,transparent);filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--c-surface-card) 80%,transparent))}.sh-crane-svg{width:100%;height:100%;transform-origin:50% 60%;animation:crane-flap .31s ease-in-out infinite alternate}.sh-creature-crane.dang-lieng .sh-crane-svg{animation:none;transform:scaleY(.82) rotate(-2deg)}@keyframes crane-flap{0%{transform:scaleY(.72) rotate(-2deg)}to{transform:scaleY(1.15) rotate(2deg)}}.sh-crane-1{top:22%;left:6%}.sh-crane-2{top:35%;left:82%;width:22px;height:14px;opacity:.9}.sh-ambient-wisps{position:absolute;top:0;right:0;bottom:0;left:0}.sh-wisp{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 10px 3px var(--c-accent);opacity:.5;animation:wisp-float 10s ease-in-out infinite}.sh-wisp-1{top:68%;left:16%;animation-delay:0s}.sh-wisp-2{top:28%;left:26%;animation-delay:2.5s}.sh-wisp-3{top:48%;left:62%;animation-delay:5s}.sh-wisp-4{top:22%;left:74%;animation-delay:7.5s}@keyframes wisp-float{0%,to{transform:translate(0) scale(.8);opacity:.2}50%{transform:translate(10px,-25px) scale(1.3);opacity:.75}}@media(prefers-reduced-motion:reduce){.sh-crane-svg,.sh-wisp{animation:none}.sh-creature-crane{display:none}}.sh-eco-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;overflow:hidden}.sh-cloud-tier{position:absolute;top:0;bottom:0;left:-1000px;right:-1000px;background-repeat:repeat-x;background-size:1000px 300px;pointer-events:none;opacity:.26;will-change:transform}.sh-cloud-tier--low{top:45%;height:280px;background-image:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.4) 0%,transparent 70%)}.sh-cloud-tier--mid{top:20%;height:260px;background-image:radial-gradient(ellipse at 40% 60%,rgba(255,255,255,.3) 0%,transparent 65%)}.sh-cloud-tier--high{top:-10%;height:220px;background-image:radial-gradient(ellipse at 60% 40%,rgba(255,255,255,.35) 0%,transparent 60%)}.sh-god-rays{position:absolute;top:-60px;right:15%;width:min(450px,90vw);height:550px;pointer-events:none;transform:rotate(-25deg);opacity:.45}.sh-ray{position:absolute;top:0;width:50px;height:100%;background:linear-gradient(to bottom,color-mix(in srgb,var(--c-kim-quang) 40%,transparent) 0%,color-mix(in srgb,var(--c-kim-sa) 15%,transparent) 60%,transparent 100%);filter:blur(16px);animation:godRayPulse 8s ease-in-out infinite alternate}.sh-ray-1{left:40px;width:60px;animation-delay:0s}.sh-ray-2{left:130px;width:45px;animation-delay:2.5s}.sh-ray-3{left:210px;width:75px;animation-delay:4.8s}.sh-ray-4{left:320px;width:55px;animation-delay:1.2s}@keyframes godRayPulse{0%{opacity:.3}50%{opacity:.7}to{opacity:.4}}.sh-troi-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:7}.sh-tree-cluster{position:absolute;pointer-events:none;z-index:5}.sh-tree-nw{left:30.5%;bottom:21%;transform:translate(-50%)}.sh-tree-se{right:42%;bottom:10%;transform:translate(50%)}.sh-tree-goc{left:0;bottom:0;width:var(--cnv-cay, 96px);height:86%}.sh-tree-goc .sh-swaying-pine{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:left bottom}.sh-swaying-pine{width:clamp(96px,9.6vw,184px);height:auto;aspect-ratio:46 / 56}.sh-moving-ship{position:absolute;pointer-events:auto;z-index:6;cursor:pointer;transition:filter .3s ease}.sh-ship-1{bottom:4.5%;left:24%}.sh-ship-2{bottom:7%;left:60%}.sh-moving-ship,.sh-doi-thuyen,.sh-ship-anh{will-change:transform}.sh-ship-svg{width:50px;height:30px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.sh-ship-wake{position:absolute;bottom:0;left:-8px;width:32px;height:5px;background:radial-gradient(ellipse at center,rgba(255,255,255,.6) 0%,transparent 80%);border-radius:50%;animation:wakeSpread 1.6s ease-out infinite}@keyframes wakeSpread{0%{transform:scale(.6);opacity:.8}to{transform:scale(1.6);opacity:0}}.sh-guardian-station{position:absolute;z-index:15;pointer-events:auto;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);outline:none}.sh-guardian-station:hover,.sh-guardian-station:focus-visible{transform:scale(1.1) translateY(-4px)}.sh-guardian-frame{cursor:pointer;z-index:10}.sh-guardian-station:hover .sh-guardian-frame{transform:translateY(-4px) scale(1.08)}.sh-guardian-tag{display:inline-flex;align-items:center;gap:4px;margin-top:-4px;background:color-mix(in srgb,var(--c-surface-card) 90%,transparent);border:1px solid var(--c-son-hai-border, #d97706);border-radius:999px;padding:1px 8px;box-shadow:0 4px 12px #0009;opacity:.9;transition:opacity .25s ease,transform .25s ease}.sh-guardian-tag{visibility:hidden}.sh-guardian-station:hover .sh-guardian-tag,.sh-guardian-station:focus-visible .sh-guardian-tag{visibility:visible}.sh-guardian-station:hover .sh-guardian-tag{opacity:1;transform:translateY(-2px)}.sh-guardian-pin{font-family:"Lora",var(--font-main),Georgia,serif;font-size:var(--text-xs);font-weight:800;color:var(--c-kim-quang, #fbbf24)}.sh-guardian-label{font-size:var(--text-xs);font-weight:700;color:var(--c-ink, var(--c-son-hai-text))}.sh-station--thanh-long{top:6%;right:9%}.sh-station--bach-ho{top:22%;left:6%}.sh-station--chu-tuoc{bottom:10%;right:14%}.sh-station--huyen-vu{top:12%;left:42.5%}.sh-station--ky-lan{top:35%;left:31%}.sh-guardian-bubble{position:absolute;bottom:105%;left:50%;transform:translate(-50%);width:220px;background:var(--c-surface-card, #1e293b);border:1.5px solid var(--c-son-hai-border, #d97706);border-radius:var(--r-md, 8px);padding:8px 10px;box-shadow:0 8px 24px #000c,0 0 12px color-mix(in srgb,var(--c-kim-sa) 20%,transparent);z-index:50;animation:shBongBat .2s cubic-bezier(.34,1.56,.64,1);text-align:center}.sh-guardian-quote{margin:0 0 3px;font-family:"Lora",var(--font-main),Georgia,serif;font-size:var(--text-xs);font-style:italic;line-height:1.4;color:var(--c-ink, var(--c-son-hai-text))}.sh-guardian-hint{font-size:var(--text-xs);color:var(--c-ink-muted, #94a3b8)}@keyframes shBongBat{0%{transform:translate(-50%) scale(.8);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.sh-firefly{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--c-kim-quang);box-shadow:0 0 8px var(--c-kim-quang),0 0 16px var(--c-kim-sa);animation:fireflyGlow 3.5s ease-in-out infinite alternate}.sh-firefly-1{top:45%;left:35%;animation-delay:0s}.sh-firefly-2{top:65%;left:52%;animation-delay:1.2s}.sh-firefly-3{top:30%;right:38%;animation-delay:2.1s}.sh-firefly-4{bottom:35%;right:20%;animation-delay:2.8s}@keyframes fireflyGlow{0%{transform:scale(.6) translateY(0);opacity:.2}50%{opacity:.9}to{transform:scale(1.3) translateY(-14px);opacity:.4}}@media(prefers-reduced-motion:reduce){.sh-guardian-img,.sh-swaying-pine,.sh-firefly,.sh-ray{animation:none!important}}.sh-doi-thuyen{position:relative;display:block;width:clamp(190px,18vw,340px);aspect-ratio:132 / 70}.sh-doi-thuyen__chiec{position:absolute;object-fit:contain;pointer-events:none}.sh-doi-thuyen__chiec--1{width:53%;height:60%;right:0;top:23%;z-index:2}.sh-doi-thuyen__chiec--2{width:41%;height:46%;left:0;top:0}.sh-doi-thuyen__chiec--3{width:41%;height:46%;left:10.6%;top:54%;z-index:3}.sh-ship-anh{display:block;width:clamp(96px,9vw,170px);aspect-ratio:5 / 3;object-fit:contain;pointer-events:none}.dwd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-hop-ban-do, 9400);display:grid;place-items:center;padding:var(--sp-4);background:color-mix(in srgb,var(--c-surface-card) 60%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:dwd-fade-in .24s ease-out}@keyframes dwd-fade-in{0%{opacity:0}to{opacity:1}}.dwd-scroll-wrap{position:relative;width:100%;max-width:520px;display:flex;flex-direction:column;animation:dwd-unfurl .32s cubic-bezier(.16,1,.3,1)}@keyframes dwd-unfurl{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.dwd-roller{display:flex;align-items:center;height:14px;z-index:2}.dwd-roller--top{margin-bottom:-4px}.dwd-roller--bottom{margin-top:-4px}.dwd-roller-body{flex:1;height:10px;background:color-mix(in srgb,var(--c-accent) 45%,var(--c-surface-card));border-radius:4px;box-shadow:0 2px 5px color-mix(in srgb,var(--c-surface-card) 40%,transparent);border:1px solid var(--c-accent)}.dwd-roller-knob{width:16px;height:16px;border-radius:50%;background:var(--c-accent);border:1px solid color-mix(in srgb,var(--c-ink) 20%,transparent);box-shadow:0 1px 4px color-mix(in srgb,var(--c-surface-card) 40%,transparent)}.dwd-parchment{position:relative;background:var(--c-surface-card);border-left:2px solid var(--c-accent);border-right:2px solid var(--c-accent);border-radius:6px;padding:var(--sp-4) var(--sp-5);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--sp-3)}.dwd-btn-close{position:absolute;top:var(--sp-3);right:var(--sp-3);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--c-surface-dim);background:var(--c-surface);color:var(--c-ink-soft);cursor:pointer;transition:all .16s ease}.dwd-btn-close:hover{color:var(--c-ink);border-color:var(--c-accent)}.dwd-header{display:flex;align-items:center;gap:var(--sp-3);padding-right:var(--sp-4)}.dwd-emblem{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--c-accent) 14%,var(--c-surface-card));border:2px solid var(--c-accent);box-shadow:0 0 12px color-mix(in srgb,var(--c-accent) 25%,transparent);flex-shrink:0}.dwd-icon{font-size:26px}.dwd-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--c-accent-ink);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.dwd-title{margin:2px 0 0;font-size:var(--text-lg);font-weight:700;color:var(--c-ink);line-height:1.25}.dwd-subtitle{margin:2px 0 0;font-size:var(--text-xs);color:var(--c-ink-soft)}.dwd-metric-strip{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;background:color-mix(in srgb,var(--c-surface-dim) 50%,transparent);border:1px dashed var(--c-surface-dim);font-size:var(--text-xs);color:var(--c-ink-soft)}.dwd-metric-val{color:var(--c-accent-ink);font-weight:700}.dwd-desc{margin:0;font-size:var(--text-xs);color:var(--c-ink-soft);line-height:1.5}.dwd-quest-section{display:flex;flex-direction:column;gap:8px}.dwd-quest-head{margin:0;display:flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:700;color:var(--c-ink);text-transform:uppercase;letter-spacing:.04em}.dwd-quest-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.dwd-quest-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:var(--c-surface);border:1px solid var(--c-surface-dim);font-size:var(--text-xs)}.dwd-quest-item--overdue{border-color:color-mix(in srgb,var(--c-danger) 50%,transparent);background:color-mix(in srgb,var(--c-danger) 6%,var(--c-surface))}.dwd-quest-icon{font-size:16px}.dwd-quest-info{flex:1;min-width:0}.dwd-quest-name{color:var(--c-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dwd-quest-cust{color:var(--c-ink-soft);font-weight:400}.dwd-quest-action{margin:2px 0 0;color:var(--c-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dwd-quest-badge{font-size:var(--text-xs);font-weight:700;color:var(--c-accent-ink);background:color-mix(in srgb,var(--c-accent) 12%,transparent);padding:2px 6px;border-radius:4px;white-space:nowrap}.dwd-footer{display:flex;align-items:center;gap:10px;margin-top:4px}.dwd-btn-enter{flex:1;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:8px;border:none;background:var(--c-accent);color:var(--c-accent-ink);font-weight:700;font-size:var(--text-sm);cursor:pointer;transition:opacity .16s ease}.dwd-btn-enter:hover{opacity:.92}.dwd-btn-dismiss{min-height:44px;padding:0 14px;border-radius:8px;border:1px solid var(--c-surface-dim);background:var(--c-surface);color:var(--c-ink-soft);font-size:var(--text-xs);cursor:pointer;transition:all .16s ease}.dwd-btn-dismiss:hover{color:var(--c-ink);border-color:var(--c-accent)}@media(prefers-reduced-motion:reduce){.dwd-overlay,.dwd-scroll-wrap{animation:none}}.shm-container{position:relative;width:100%;height:min(820px,calc(100vh - 48px));min-height:600px;border-radius:var(--r-xl, 18px);overflow:hidden;background:#09121f;border:2px solid var(--c-son-hai-border, rgba(245, 158, 11, .45));box-shadow:0 25px 70px #000000e6,inset 0 0 50px #f59e0b1f;margin-bottom:var(--sp-6, 24px);-webkit-user-select:none;user-select:none}.shm-viewport{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:transform .9s cubic-bezier(.7,0,.84,0),filter .6s ease;transform-origin:center center}.shm-viewport--zooming{filter:brightness(1.25) contrast(1.1)}.shm-map-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-image:url(/son-hai/son_hai_continental_map.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.shm-map-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(15,23,42,.35) 80%,rgba(10,15,29,.75) 100%);pointer-events:none}.shm-cloud-drift{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.12) 0%,transparent 45%);animation:shmDrift 25s ease-in-out infinite alternate;pointer-events:none;mix-blend-mode:overlay}@keyframes shmDrift{0%{transform:translate(-3%,-2%) scale(1)}50%{transform:translate(4%,3%) scale(1.05)}to{transform:translate(-2%,4%) scale(.98)}}.shm-landmark{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;z-index:20;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.shm-landmark:hover{transform:translate(-50%,-55%) scale(1.08);z-index:35}.shm-beacon{position:relative;width:38px;height:38px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;background:#0f172ae6;border:2px solid var(--c-kim-quang, var(--c-kim-quang));box-shadow:0 0 16px var(--c-kim-sa, var(--c-kim-sa)),inset 0 0 10px #f59e0b80;margin-bottom:6px;transition:all .3s ease}.shm-landmark:hover .shm-beacon{box-shadow:0 0 28px var(--c-kim-quang, var(--c-kim-quang)),inset 0 0 16px var(--c-kim-sa, var(--c-kim-sa));transform:scale(1.15)}.shm-beacon-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:var(--r-full);border:1.5px solid var(--c-kim-quang, var(--c-kim-quang));opacity:.7;animation:shmPulseRing 2.4s cubic-bezier(.215,.61,.355,1) infinite}@keyframes shmPulseRing{0%{transform:scale(.85);opacity:.9}70%{transform:scale(1.6);opacity:0}to{transform:scale(1.8);opacity:0}}.shm-beacon-icon{font-size:16px;color:var(--c-kim-quang, var(--c-kim-quang));line-height:1}.shm-plaque{background:var(--c-son-hai-card-bg, rgba(15, 23, 42, .92));border:1.5px solid var(--c-son-hai-border, rgba(245, 158, 11, .5));border-radius:var(--r-full, 9999px);padding:5px 16px;display:flex;flex-direction:column;align-items:center;box-shadow:0 6px 18px #000000e6;white-space:nowrap;transition:all .3s ease}.shm-landmark:hover .shm-plaque{border-color:var(--c-kim-quang, var(--c-kim-quang));box-shadow:0 0 22px var(--c-kim-sa, var(--c-kim-sa)),inset 0 0 12px #f59e0b40}.shm-plaque-title{font-family:"Lora",var(--font-main),Georgia,serif;font-size:13px;font-weight:800;color:var(--c-kim-quang, var(--c-kim-quang));letter-spacing:.5px;text-shadow:0 1px 6px rgba(0,0,0,.9);display:flex;align-items:center;gap:5px}.shm-plaque-sub{font-size:var(--text-xs);font-weight:600;color:var(--c-da-quang, var(--c-da-quang));letter-spacing:.3px}.shm-preview-chip{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(4px);background:#0a0f1df2;border:1px solid var(--c-kim-quang, var(--c-kim-quang));border-radius:var(--r-full, 9999px);padding:3px 12px;font-size:var(--text-xs);font-weight:700;color:var(--c-kim-quang, var(--c-kim-quang));white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;box-shadow:0 4px 15px #000000d9}.shm-landmark:hover .shm-preview-chip{opacity:1;transform:translate(-50%) translateY(8px)}.shm-header-seal{position:absolute;top:18px;left:28px;display:flex;align-items:center;gap:14px;z-index:25;pointer-events:auto}.shm-seal-badge{background:#0f172ae6;border:1.5px solid var(--c-son-hai-border, rgba(245, 158, 11, .45));box-shadow:0 6px 20px #000000e6;border-radius:var(--r-lg, 14px);padding:8px 18px;display:flex;flex-direction:column}.shm-seal-title{font-family:"Lora",var(--font-main),Georgia,serif;font-size:16px;font-weight:800;color:var(--c-kim-quang, var(--c-kim-quang));letter-spacing:1px;display:flex;align-items:center;gap:8px}.shm-legend-btn{background:#0f172ae6;border:1px solid var(--c-son-hai-border, rgba(245, 158, 11, .45));border-radius:var(--r-full, 9999px);padding:8px 16px;color:var(--c-kim-quang, var(--c-kim-quang));font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 15px #0009;transition:all .25s ease}.shm-legend-btn:hover{border-color:var(--c-kim-quang, var(--c-kim-quang));box-shadow:0 0 16px var(--c-kim-sa, var(--c-kim-sa));transform:translateY(-2px)}.shm-bottom-hint{position:absolute;bottom:22px;left:50%;transform:translate(-50%);background:#0f172ae6;border:1px solid var(--c-son-hai-border, rgba(245, 158, 11, .4));box-shadow:0 6px 20px #000000e6;border-radius:var(--r-full, 9999px);padding:6px 20px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--c-kim-quang, var(--c-kim-quang));z-index:15;pointer-events:none}.shm-beacon--urgent{border-color:var(--c-danger, #ef4444);box-shadow:0 0 20px #ef4444b3,inset 0 0 10px #ef444466}.shm-beacon--urgent .shm-beacon-pulse{border-color:var(--c-danger, #ef4444);animation-duration:1.4s}.shm-beacon--prosperous{border-color:var(--c-kim-quang, var(--c-kim-quang));box-shadow:0 0 24px var(--c-kim-sa, var(--c-kim-sa)),inset 0 0 12px #f59e0b99}.shm-beacon--vital{border-color:var(--c-success, #10b981);box-shadow:0 0 20px #10b98199,inset 0 0 10px #10b98166}.shm-world-status-tag{display:flex;align-items:center;gap:8px;background:#0f172ae0;border:1.5px solid var(--c-son-hai-border, rgba(245, 158, 11, .45));border-radius:var(--r-lg, 14px);padding:6px 14px;box-shadow:0 6px 20px #000000d9}.shm-rank-badge{font-family:"Lora",var(--font-main),Georgia,serif;font-size:13px;font-weight:800;color:var(--c-kim-quang, var(--c-kim-quang));background:#f59e0b26;border:1px solid var(--c-kim-sa, var(--c-kim-sa));padding:2px 8px;border-radius:6px;letter-spacing:.5px}.shm-weather-badge{font-size:12px;font-weight:600;color:var(--c-da-quang, var(--c-da-quang))}@media(prefers-reduced-motion:reduce){.shm-cloud-drift,.shm-may-anh,.shm-beacon-pulse,.shm-bottom-hint{animation:none!important}.shm-viewport{transition:none!important}}.shm-beacon-anh{display:block;width:64px;height:64px;object-fit:contain;pointer-events:none}.shm-may-lop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.shm-may-anh{position:absolute;width:19%;opacity:.95;pointer-events:none;filter:brightness(1.35) saturate(.45) drop-shadow(0 0 14px rgba(255,255,255,.6))}.shm-may--bay{will-change:transform}.shm-may--dung{animation:mayBong 9s ease-in-out infinite alternate}.shm-may-1{top:6%;left:8%}.shm-may-2{top:32%;left:55%;width:15%}.shm-may-3{top:58%;left:30%;width:17%}.shm-may-4{top:82%;left:75%;width:14%}.shm-may-5{top:14%;left:62%}.shm-may-6{top:44%;left:6%;width:16%;animation-duration:11s;animation-delay:-3s}.shm-may-7{top:68%;left:72%;width:15%;animation-duration:8s;animation-delay:-5s}.shm-may-8{top:24%;left:34%;width:13%;animation-duration:10s;animation-delay:-2s}@keyframes mayBong{0%{transform:translate(0) scale(1)}to{transform:translate(2.5%,-8px) scale(1.05)}}.shm-landmark:focus-visible{outline:2px solid var(--c-kim-quang);outline-offset:4px;border-radius:var(--r-sm)}.shm-plaque-sub{display:none}.shm-landmark:hover .shm-plaque-sub,.shm-landmark:focus-visible .shm-plaque-sub{display:block}.shm-legend-btn--icon{padding:0;width:44px;height:44px;justify-content:center}:root{--c-charcoal-900: #0f1826;--c-charcoal-800: #16202e;--c-charcoal-700: #1f2b3b;--c-charcoal-600: #2c3a4d;--c-surface: #f4f5f7;--c-surface-dim: #e4e7ec;--c-surface-card:#ffffff;--c-border: #d8dce3;--glass-bg: rgba(255,255,255,.72);--glass-border: rgba(255,255,255,.6);--c-accent: #0068ff;--c-accent-on: #ffffff;--c-accent-glow: #3d88ff;--c-accent-dim: #0052cc;--c-accent-ink: #0052cc;--c-success-ink: #2a7042;--c-bronze: var(--c-accent);--c-bronze-glow: var(--c-accent-glow);--c-bronze-dim: var(--c-accent-dim);--c-ink: #1a1a1e;--c-ink-soft: #4a5464;--c-ink-muted: #5c6673;--c-ink-on-dark: #e8e6e1;--c-ink-on-dark-soft: #a8b3c4;--c-lop-phu: rgba(8, 12, 22, .5);--c-lop-phu-dam: rgba(8, 12, 22, .82);--c-kim-sa: #f59e0b;--c-kim-quang: #fde047;--c-phi-thuy: #064e3b;--c-thanh-luc: #0d9488;--c-da-quang: #38bdf8;--c-son-hai-bg-top: rgba(15, 23, 42, .88);--c-son-hai-bg-mid: rgba(10, 15, 29, .94);--c-son-hai-bg-bot: rgba(6, 78, 59, .92);--c-son-hai-border: rgba(245, 158, 11, .38);--c-son-hai-border-hover: rgba(245, 158, 11, .75);--c-son-hai-shadow: rgba(0, 0, 0, .5);--c-son-hai-shadow-lg: rgba(0, 0, 0, .7);--c-son-hai-glow: rgba(56, 189, 248, .35);--c-son-hai-glow-sm: rgba(56, 189, 248, .5);--c-son-hai-gold-glow: rgba(245, 158, 11, .08);--c-son-hai-card-bg: rgba(15, 23, 42, .85);--c-son-hai-text: #f1f5f9;--c-son-hai-text-shadow: rgba(0, 0, 0, .8);--z-base: 1;--z-trong-the: 5;--z-sticky: 100;--z-cuon-len: 140;--z-nut-noi: 150;--z-dropdown: 200;--z-ngan-nen: 240;--z-ngan-mo: 250;--z-drawer: 500;--z-lop-1-trang: 0;--z-lop-2-muc: 1000;--z-lop-3-chitiet: 1100;--z-lop-4-sua: 1200;--z-modal-backdrop: var(--z-lop-2-muc);--z-modal: var(--z-lop-3-chitiet);--z-popover: 1400;--z-portal: 2000;--z-thanh-nhac: 900;--z-capy: 9000;--z-hop-ban-do: 9400;--z-chao-lan-dau: 9500;--z-daily-gate: 12000;--z-confirm: 13000;--z-toast: 15000;--z-xoay-ngang: 20000}:root{--c-success: #2f7f4c;--c-warning: #d4922a;--c-warning-ink: #8a5a12;--c-danger: #c94444;--c-info: #0e7490;--c-phase-1: #7c8aa0;--c-phase-2: #5ba3a3;--c-phase-3: #7ab35e;--c-phase-4: #c9b94a;--c-phase-5: #d4922a;--c-phase-6: #c97a3a;--c-phase-7: #c95a4a;--c-phase-8: #2f7f4c;--c-phase-1-ink: #626d7e;--c-phase-2-ink: #427575;--c-phase-3-ink: #52783f;--c-phase-4-ink: #7b712d;--c-phase-5-ink: #92651d;--c-phase-6-ink: #995d2c;--c-phase-7-ink: #ad4d40;--c-phase-8-ink: #2c7747;--font-main: "Be Vietnam Pro", system-ui, -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--fw-normal: 400;--fw-medium: 500;--fw-semi: 600;--fw-bold: 700;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-full: 9999px;--shadow-sm: 0 1px 2px rgba(16,24,40,.05), 0 1px 3px rgba(16,24,40,.07);--shadow-md: 0 2px 6px rgba(16,24,40,.06), 0 6px 16px rgba(16,24,40,.09);--shadow-lg: 0 10px 30px rgba(16,24,40,.14);--shadow-glass: 0 8px 32px rgba(16,24,40,.12);--sau-gan: 700px;--sau-nang-1: 2px;--sau-nang-2: 6px;--sau-lun: -2px;--sau-nghieng: 5deg;--sau-nhip: .18s;--sau-duong: cubic-bezier(.22,.61,.36,1);--bong-noi: var(--shadow-md);--ease: cubic-bezier(.4, 0, .2, 1);--dur-fast: .15s;--dur-normal: .25s;--sidebar-w: 240px;--sidebar-w-collapsed: 64px;--header-h: 56px}[data-theme=dark]{--c-surface: #0f1520;--c-surface-dim: #253143;--c-surface-card:#1a2433;--c-border: #2f3d51;--c-ink: #e8e6e1;--c-ink-soft: #a8b3c4;--c-ink-muted: #939dad;--c-accent-ink: #5c9bff;--c-warning-ink: #e8b04a;--c-success-ink: #4cc47a;--c-phase-1-ink: #90a0ba;--c-phase-2-ink: #62b0b0;--c-phase-3-ink: #7ab35e;--c-phase-4-ink: #c9b94a;--c-phase-5-ink: #d8952b;--c-phase-6-ink: #e18941;--c-phase-7-ink: #f9705c;--c-phase-8-ink: #40ad67;--glass-bg: rgba(26,36,51,.62);--glass-border: rgba(255,255,255,.1)}@media(prefers-color-scheme:dark){[data-theme=auto]{--c-surface: #0f1520;--c-surface-dim: #253143;--c-surface-card:#1a2433;--c-border: #2f3d51;--c-ink: #e8e6e1;--c-ink-soft: #a8b3c4;--c-ink-muted: #939dad;--c-accent-ink: #5c9bff;--c-warning-ink: #e8b04a;--c-success-ink: #4cc47a;--c-phase-1-ink: #90a0ba;--c-phase-2-ink: #62b0b0;--c-phase-3-ink: #7ab35e;--c-phase-4-ink: #c9b94a;--c-phase-5-ink: #d8952b;--c-phase-6-ink: #e18941;--c-phase-7-ink: #f9705c;--c-phase-8-ink: #40ad67;--glass-bg: rgba(26,36,51,.62);--glass-border: rgba(255,255,255,.1)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);font-size:var(--text-base);font-weight:var(--fw-normal);color:var(--c-ink);background:var(--c-surface);line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-charcoal-600);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--c-bronze-dim)}:focus-visible{outline:2px solid var(--c-bronze);outline-offset:2px}::selection{background:var(--c-bronze);color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp var(--dur-normal) var(--ease) both}@keyframes ripple{to{transform:scale(2.5);opacity:0}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}button,a,[role=button],summary,select,input[type=color]{transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),filter var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}button:not(:disabled):active,[role=button]:active,a:active,summary:active{transform:scale(.96);filter:brightness(.97)}[style*="cursor: pointer"]{transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-normal) var(--ease)}[style*="cursor: pointer"]:active{transform:scale(.985)}[style*="cursor: pointer"]:hover{box-shadow:var(--shadow-md)}.glass{background:var(--glass-bg);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass)}[style*="position: fixed"][style*="inset: 0"][style*="rgba(0,0,0"]{backdrop-filter:blur(4px) saturate(1.1);-webkit-backdrop-filter:blur(4px) saturate(1.1)}[data-canh][data-khuat] *,[data-canh][data-khuat] *:before,[data-canh][data-khuat] *:after,html[data-lop-phu] [data-canh] *,html[data-lop-phu] [data-canh] *:before,html[data-lop-phu] [data-canh] *:after{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes tlShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.tl-shake{animation:tlShake .35s cubic-bezier(.36,.07,.19,.97) both}.tl-invalid,input.tl-invalid,select.tl-invalid{border-color:var(--c-danger)!important;background:#dc3c3c0f!important}.phase-chip{display:inline-block;padding:2px 9px;border-radius:var(--r-full);font-size:var(--text-xs);font-weight:var(--fw-semi);white-space:nowrap}.phase-chip--1{background:color-mix(in srgb,var(--c-phase-1) 14%,transparent);color:var(--c-phase-1-ink)}.phase-chip--2{background:color-mix(in srgb,var(--c-phase-2) 14%,transparent);color:var(--c-phase-2-ink)}.phase-chip--3{background:color-mix(in srgb,var(--c-phase-3) 14%,transparent);color:var(--c-phase-3-ink)}.phase-chip--4{background:color-mix(in srgb,var(--c-phase-4) 14%,transparent);color:var(--c-phase-4-ink)}.phase-chip--5{background:color-mix(in srgb,var(--c-phase-5) 14%,transparent);color:var(--c-phase-5-ink)}.phase-chip--6{background:color-mix(in srgb,var(--c-phase-6) 14%,transparent);color:var(--c-phase-6-ink)}.phase-chip--7{background:color-mix(in srgb,var(--c-phase-7) 14%,transparent);color:var(--c-phase-7-ink)}.phase-chip--8{background:color-mix(in srgb,var(--c-phase-8) 14%,transparent);color:var(--c-phase-8-ink)}[data-theme=dark] .phase-chip--1{background:color-mix(in srgb,var(--c-phase-1) 18%,transparent)}[data-theme=dark] .phase-chip--2{background:color-mix(in srgb,var(--c-phase-2) 18%,transparent)}[data-theme=dark] .phase-chip--3{background:color-mix(in srgb,var(--c-phase-3) 18%,transparent)}[data-theme=dark] .phase-chip--4{background:color-mix(in srgb,var(--c-phase-4) 18%,transparent)}[data-theme=dark] .phase-chip--5{background:color-mix(in srgb,var(--c-phase-5) 18%,transparent)}[data-theme=dark] .phase-chip--6{background:color-mix(in srgb,var(--c-phase-6) 18%,transparent)}[data-theme=dark] .phase-chip--7{background:color-mix(in srgb,var(--c-phase-7) 18%,transparent)}[data-theme=dark] .phase-chip--8{background:color-mix(in srgb,var(--c-phase-8) 18%,transparent)}.boot-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;height:100vh;height:100dvh;background:var(--c-charcoal-900);font-family:var(--font-main)}.boot-logo{width:56px;height:56px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--c-accent),var(--c-accent-dim));color:#fff;font-weight:700;font-size:20px;letter-spacing:.02em}.boot-quay{width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(255,255,255,.2);border-top-color:var(--c-accent-glow);animation:boot-quay-kf .7s linear infinite}@keyframes boot-quay-kf{to{transform:rotate(360deg)}}.boot-an{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}@media(prefers-reduced-motion:reduce){.boot-quay{animation-duration:2s}}.sh-anh-tach{object-fit:contain}.sh-anh-lat{scale:-1 1}@media(max-width:768px){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}input[type=date],input[type=month],input[type=time]{min-height:40px}button,.sidebar__link,a[role=button]{-webkit-tap-highlight-color:transparent}.ap-card-actions button,.st-row-actions button,.op-row-actions button,.cp-row-actions button{min-width:40px;min-height:40px}.cf-overlay,.stone-modal{padding:8px!important}.cf-modal{max-height:92vh}html,body{overflow-x:hidden}.app-content__inner{overflow-x:clip}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.app-content,.app-content--expanded{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.app-content__inner h1{font-size:1.15rem}.app-content__inner :is(.ap-header,.cp-header,.db-header,.ex-header,.fn-header,.op-header,.st-header,.tm-head,.page-head,.ip-header){padding-right:56px}}@media(max-width:380px){.app-content__inner{padding-left:var(--sp-3);padding-right:var(--sp-3)}}@media(max-width:768px){.cf-overlay,.es-overlay{align-items:flex-end!important;padding:0!important}.cf-modal{width:100%!important;max-width:100%!important;max-height:92vh;border-radius:18px 18px 0 0!important;animation:sheetLen .26s cubic-bezier(.32,.72,0,1) both;padding-bottom:env(safe-area-inset-bottom,0)}.cf-modal:before{content:"";display:block;width:38px;height:4px;margin:8px auto 2px;border-radius:999px;background:var(--c-surface-dim);flex-shrink:0}}@keyframes sheetLen{0%{transform:translateY(100%)}to{transform:translateY(0)}}:root{--e-nghi: var(--shadow-sm);--e-re: var(--shadow-md);--nhip-bay: 40ms}@media(prefers-reduced-motion:no-preference){.app-content__inner>.animate-in{animation:none}.app-content__inner>.animate-in>*,.app-content__inner>*:not(.animate-in){animation:tlDangLen var(--dur-normal) var(--ease) backwards}.app-content__inner>.animate-in>*:nth-child(1){animation-delay:0ms}.app-content__inner>.animate-in>*:nth-child(2){animation-delay:calc(var(--nhip-bay) * 1)}.app-content__inner>.animate-in>*:nth-child(3){animation-delay:calc(var(--nhip-bay) * 2)}.app-content__inner>.animate-in>*:nth-child(4){animation-delay:calc(var(--nhip-bay) * 3)}.app-content__inner>.animate-in>*:nth-child(5){animation-delay:calc(var(--nhip-bay) * 4)}.app-content__inner>.animate-in>*:nth-child(n+6){animation-delay:calc(var(--nhip-bay) * 5)}}@keyframes tlDangLen{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ap-header,.cp-header,.op-header,.st-header,.db-header,.ex-header,.fn-header,.ip-header,.cd-header{position:relative;padding-bottom:var(--sp-3);margin-bottom:var(--sp-5);border-bottom:1px solid var(--c-border)}.ap-header:after,.cp-header:after,.op-header:after,.st-header:after,.db-header:after,.ex-header:after,.fn-header:after,.ip-header:after{content:"";position:absolute;left:0;bottom:-1px;width:48px;height:2px;background:var(--c-accent);border-radius:var(--r-full)}.ap-title,.cp-title,.op-title,.st-title,.db-title,.ex-title,.fn-title,.ip-title,.hp-title,.cd-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;line-height:1.15;text-wrap:balance}.ap-card,.cld-the,.db-card,.ex-card,.fn-card,.ip-card,.op-card,.st-card,.stone-card,.tm-card{box-shadow:var(--e-nghi);transition:box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.ap-card:hover,.cld-the:hover,.db-card:hover,.ex-card:hover,.fn-card:hover,.ip-card:hover,.op-card:hover,.st-card:hover,.stone-card:hover,.tm-card:hover{box-shadow:var(--e-re);transform:translateY(-2px)}}.ap-card:active,.db-card:active,.fn-card:active,.op-card:active,.st-card:active,.stone-card:active,.tm-card:active{transform:translateY(0);box-shadow:var(--e-nghi)}@media(prefers-reduced-motion:no-preference){::view-transition-old(root){animation:tlRaTrang var(--dur-fast) var(--ease) both}::view-transition-new(root){animation:tlVaoTrang var(--dur-normal) var(--ease) both}}@keyframes tlRaTrang{to{opacity:0}}@keyframes tlVaoTrang{0%{opacity:0;transform:translateY(8px)}}:root{--cong-sang: color-mix(in srgb, var(--c-accent) 55%, transparent);--cong-sang-nhe: color-mix(in srgb, var(--c-accent) 18%, transparent);--coi-sau: color-mix(in srgb, var(--c-charcoal-900) 92%, var(--c-accent));--coi-vien: color-mix(in srgb, var(--c-accent) 22%, var(--c-border))}.coi{position:relative;border-radius:var(--r-lg);padding:var(--sp-6) var(--sp-5);margin-bottom:var(--sp-6);overflow:hidden;background:radial-gradient(1200px 300px at 15% -10%,var(--cong-sang-nhe),transparent 60%),radial-gradient(900px 260px at 90% 110%,var(--cong-sang-nhe),transparent 55%),var(--coi-sau);border:1px solid var(--coi-vien);box-shadow:var(--shadow-lg);perspective:1000px}.coi:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 12% 22%,var(--c-ink-on-dark) 50%,transparent),radial-gradient(1px 1px at 68% 14%,var(--c-ink-on-dark) 50%,transparent),radial-gradient(1px 1px at 34% 78%,var(--c-ink-on-dark) 50%,transparent),radial-gradient(1px 1px at 88% 62%,var(--c-ink-on-dark) 50%,transparent),radial-gradient(1px 1px at 52% 44%,var(--c-ink-on-dark) 50%,transparent);opacity:.28;pointer-events:none}.cong{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-1);min-height:116px;padding:var(--sp-4);border-radius:var(--r-md);background:linear-gradient(to bottom,var(--c-son-hai-bg-top) 0%,var(--c-son-hai-bg-mid) 65%,var(--c-son-hai-bg-bot) 100%),url(/son-hai/thanh-luc-son-thuy.webp) bottom right / 150px no-repeat;border:1px solid var(--c-son-hai-border);box-shadow:0 10px 28px var(--c-son-hai-shadow),inset 0 0 18px var(--c-son-hai-gold-glow);cursor:pointer;text-align:left;overflow:hidden;transform-style:preserve-3d;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.cong:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--c-kim-sa),var(--c-da-quang),var(--c-kim-sa));transform:scaleX(.3);transform-origin:center;transition:transform var(--dur-normal) var(--ease)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.cong:hover{transform:translateY(-5px) rotateX(5deg) scale(1.02);box-shadow:0 18px 40px var(--c-son-hai-shadow-lg),0 0 24px var(--c-son-hai-glow);border-color:var(--c-son-hai-border-hover)}.cong:hover:after{transform:scaleX(1)}}.cong:focus-visible{outline:2px solid var(--c-kim-sa);outline-offset:2px}.cong:active{transform:translateY(0) scale(.995)}@media(max-width:768px){.coi{padding:var(--sp-5) var(--sp-4);perspective:none}.cong{min-height:98px}.coi:before{opacity:.18}}.ap-list{position:relative;padding-left:var(--sp-6)}.ap-list:before{content:"";position:absolute;left:9px;top:4px;bottom:4px;width:2px;border-radius:var(--r-full);background:linear-gradient(to bottom,transparent,var(--c-border) 6%,var(--c-border) 94%,transparent);pointer-events:none}.ap-list>.ap-card{position:relative}.ap-list>.ap-card:before{content:"";position:absolute;left:calc(var(--sp-6) * -1 + 5px);top:22px;width:10px;height:10px;border-radius:var(--r-full);background:var(--c-surface-card);border:2px solid var(--c-border);transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.ap-list>.ap-card:not(.ap-card--done):before{border-color:var(--c-accent)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.ap-list>.ap-card:hover:before{transform:scale(1.35)}}@media(max-width:768px){.ap-list{padding-left:var(--sp-5)}.ap-list:before{left:6px}.ap-list>.ap-card:before{left:calc(var(--sp-5) * -1 + 3px)}}.sau-tam{perspective:var(--sau-gan);transform-style:preserve-3d;border-radius:12px;overflow:hidden;position:relative;isolation:isolate}.sau-tam>*{display:block;transition:transform calc(var(--sau-nhip) * 1.4) var(--sau-duong);transform-origin:50% 60%}.sau-tam>*{transform:rotateX(var(--ng-x, 0deg)) rotateY(var(--ng-y, 0deg))}.sau-tam:hover>*{transform:rotateX(var(--ng-x, 0deg)) rotateY(var(--ng-y, 0deg)) scale(1.03)}.sau-tam:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.16) 48%,transparent 58%);transform:translate(-120%);transition:transform .62s var(--sau-duong);pointer-events:none}.sau-tam:hover:after{transform:translate(120%)}.sau-o{transition:transform var(--sau-nhip) var(--sau-duong),box-shadow var(--sau-nhip) var(--sau-duong)}.sau-o--co{transform:translateY(calc(var(--sau-nang-2) * -1));box-shadow:var(--bong-noi)}.sau-o--het{transform:translateY(1px);box-shadow:none;opacity:.62}@keyframes sau-bay-vao{0%{opacity:0;transform:perspective(var(--sau-gan)) translateZ(-60px) translateY(10px)}to{opacity:1;transform:perspective(var(--sau-gan)) translateZ(0) translateY(0)}}.sau-hop{animation:sau-bay-vao calc(var(--sau-nhip) * 1.2) var(--sau-duong) both}@media(prefers-reduced-motion:no-preference){::view-transition-old(root){animation:sau-mo-ra .14s var(--sau-duong) both}::view-transition-new(root){animation:sau-hien-vao .2s var(--sau-duong) both}}@keyframes sau-mo-ra{to{opacity:0;transform:translateY(-6px)}}@keyframes sau-hien-vao{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.sau-noi,.sau-noi:hover,.sau-noi:active,.sau-tam>*,.sau-tam:hover>*,.sau-o,.sau-o--co,.sau-o--het{transform:none!important;transition:none!important}.sau-tam:after,.sau-tam:hover:after{display:none}.sau-hop{animation:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}.sau-ke{perspective:900px;perspective-origin:50% 30%}.sau-tang{transform:rotateX(2deg);transform-origin:50% 0%}::view-transition-old(da-hero),::view-transition-new(da-hero){animation-duration:.26s;mix-blend-mode:normal}@media(prefers-reduced-motion:reduce){.sau-tang{transform:none!important}::view-transition-old(da-hero),::view-transition-new(da-hero){animation:none!important}}@keyframes coi-bay-qua{to{opacity:0;transform:scale(1.18);filter:blur(6px)}}@keyframes coi-ha-canh{0%{opacity:0;transform:scale(.94) translateY(14px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}:root[data-chuyen-coi]::view-transition-old(root){animation:coi-bay-qua .62s cubic-bezier(.7,0,.84,0) both}:root[data-chuyen-coi]::view-transition-new(root){animation:coi-ha-canh .78s .26s cubic-bezier(.16,1,.3,1) both}.coi-lop-1{animation:coi-ha-canh .52s 40ms var(--sau-duong) both}.coi-lop-2{animation:coi-ha-canh .52s .18s var(--sau-duong) both}@media(prefers-reduced-motion:reduce){:root[data-chuyen-coi]::view-transition-old(root),:root[data-chuyen-coi]::view-transition-new(root){animation:none!important}.coi-lop-1,.coi-lop-2,.coi-lop-3{animation:none!important}}@media(orientation:landscape)and (max-height:520px){html{font-size:clamp(12px,3.6vh,15px)}:root{--text-xs: max(11px, .75rem);--text-sm: max(12px, .8125rem);--sidebar-w: min(12.5rem, 40vw);--sidebar-w-collapsed: 3.25rem}html .sidebar__brand{padding:var(--sp-3);gap:var(--sp-2)}html .sidebar__logo{width:1.75rem;height:1.75rem;font-size:var(--text-xs)}html .sidebar__brand-text{font-size:var(--text-base)}html .sidebar__nav{padding:var(--sp-1);gap:1px}html .sidebar__link,html .sidebar__grouphead{padding:.45rem var(--sp-2);gap:var(--sp-2);min-height:34px}html .sidebar__sub--open{margin-left:12px;padding-left:6px}html .sidebar__footer{padding:var(--sp-2) var(--sp-3)}html .sidebar__avatar{width:1.75rem;height:1.75rem}html .app-content__inner{padding:var(--sp-3) var(--sp-4)}html .app-content__inner :is(.ap-header,.cp-header,.db-header,.ex-header,.fn-header,.op-header,.st-header,.tm-head,.page-head){margin:0 calc(var(--sp-4) * -1) 8px;padding:6px var(--sp-4)}html .app-content__inner h1{font-size:1.05rem}html .app-content,html .app-content--expanded{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}html .rsh-container{height:88px;margin-bottom:var(--sp-3)}html .rsh-top-bar{top:6px;left:10px;right:10px}html .rsh-back-btn{padding:3px 10px;font-size:var(--text-xs);gap:4px}html .rsh-bottom-content{bottom:6px;left:12px;right:12px}html .rsh-title{font-size:1.15rem}html .rsh-stats-row{gap:6px}html .rsh-stat-pill{padding:2px 8px;font-size:var(--text-xs)}html .sh-interior-roof{padding:4px 10px 2px}html .sh-interior-beam{padding:3px 12px;gap:8px}html .sh-beam-hall-title{font-size:var(--text-sm)}html .sh-interior-lantern{display:none}html .sh-interior-body{gap:8px;padding:0 8px}html .sh-interior-haze{width:180px;height:120px}html .cnv{height:clamp(140px,42vh,220px);--cnv-cay: clamp(40px, 6vw, 70px)}html .app-search-btn{top:6px;right:6px;padding:8px}html .scroll-jump{bottom:8px;right:8px;gap:4px}html .scroll-jump button{width:2rem;height:1.9rem}html .tpt-day{bottom:calc(env(safe-area-inset-bottom,0px) + 6px);padding:3px}html .cp__than{scale:.62}html .cong-thanh-tam{left:auto!important;right:8px!important;bottom:6px!important;max-width:min(34rem,70vw);padding:4px 10px!important;gap:8px!important;font-size:var(--text-xs)!important}html .cong-thanh-tam__nut{padding:3px 8px!important;font-size:var(--text-xs)!important}html input:not([type=checkbox]):not([type=radio]):not([type=range]),html select,html textarea{font-size:var(--text-sm)!important}@supports (-webkit-touch-callout: none){html input:not([type=checkbox]):not([type=radio]):not([type=range]),html select,html textarea{font-size:16px!important}}html .cf-modal{max-height:96vh}}@media(orientation:landscape)and (max-height:520px)and (max-width:768px){html .sidebar,html .sidebar--collapsed,html .sidebar--mobile-open,html .app-layout--home .sidebar--mobile-open{width:min(13rem,45vw)!important}}