:root{--troi-tren:#1a6fd1;--troi-duoi:#9bdbff;--bien:#1e7fd8;--xanh:#1f6fd1;--hong:#ff5fa2;--hong-nhat:#ffb8d9;--nang:#ffd23f;--doi-xa:#8bd05e;--doi-giua:#5cb83f;--doi-gan:#3e9e35;--muc:#1e3a2b;--anh:#1f5fa8;--go:#fffaf3;--go-vien:var(--xanh);--chu:ui-rounded, "SF Pro Rounded", "Nunito", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--chu);color:var(--muc);background:var(--troi-duoi);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;min-height:100dvh;overflow-x:hidden}.an{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.canh{background:linear-gradient(var(--troi-tren), var(--troi-duoi) 62%);z-index:0;position:fixed;inset:0;overflow:hidden}.mat-troi{aspect-ratio:1;width:clamp(90px,11vw,150px);position:absolute;top:6vh;right:7vw}.mat-troi .tia{background:repeating-conic-gradient(from 0deg, #ffe6808c 0 10deg, transparent 10deg 30deg);border-radius:50%;animation:40s linear infinite xoay;position:absolute;inset:-45%;-webkit-mask:radial-gradient(circle,#000 35%,#0000 70%);mask:radial-gradient(circle,#000 35%,#0000 70%)}.mat-troi .loi{background:var(--nang);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 40px 10px #ffd23f99}.may{opacity:.92;background:#fff;border-radius:40px;height:46px;animation:linear infinite troi-may;position:absolute}.may:before,.may:after{content:"";background:#fff;border-radius:50%;position:absolute}.may:before{width:56px;height:56px;top:-28px;left:22%}.may:after{width:40px;height:40px;top:-18px;left:52%}.may-1{width:160px;animation-duration:80s;animation-delay:-20s;top:12vh}.may-2{opacity:.8;width:120px;animation-duration:110s;animation-delay:-70s;top:22vh}.may-3{width:190px;animation-duration:140s;animation-delay:-100s;top:7vh}.nui-xa{width:100%;height:22vh;position:absolute;bottom:47vh;left:0;right:0}.nui-lua{width:clamp(180px,24vw,340px);height:auto;position:absolute;bottom:47vh;left:20vw}.khoi{transform-box:fill-box;transform-origin:50%;animation:6s ease-in infinite khoi}.k2{animation-delay:2s}.k3{animation-delay:4s}.doi{border-radius:50%;position:absolute}.doi-xa{background:var(--doi-xa);height:40vh;bottom:18vh;left:-20vw;right:30vw}.doi-giua{background:var(--doi-giua);height:42vh;bottom:12vh;left:35vw;right:-25vw}.ho{background:linear-gradient(#4fb0f5, var(--bien));border-radius:50%;width:34vw;height:9vh;position:absolute;bottom:25vh;left:30vw;overflow:hidden;box-shadow:inset 0 6px #ffffff59}.song{background:#ffffffb3;border-radius:4px;height:4px;animation:4s ease-in-out infinite song;position:absolute}.s1{width:18%;top:35%;left:20%}.s2{width:12%;animation-delay:1.3s;top:55%;left:55%}.s3{width:15%;animation-delay:2.6s;top:72%;left:38%}.bui-hong{aspect-ratio:2;background:radial-gradient(circle at 25% 40%, #fff 0 5%, transparent 6%), radial-gradient(circle at 60% 30%, #fff 0 4%, transparent 5%), radial-gradient(circle at 80% 60%, #ffe3f0 0 6%, transparent 7%), radial-gradient(circle at 40% 70%, var(--hong) 0 9%, transparent 10%), radial-gradient(ellipse at 50% 70%, #ff8cc6 0 55%, #f06bae 56% 70%, transparent 71%);border-radius:50% 50% 10px 10px;width:clamp(80px,9vw,140px);position:absolute}.bh-1{bottom:21vh;left:13vw}.bh-2{bottom:25vh;right:14vw}.bh-3{width:clamp(60px,6vw,100px);bottom:15vh;left:66vw}.doi-gan{background:var(--doi-gan);height:62vh;bottom:-30vh;left:-30vw;right:-30vw}.cay{width:auto;height:clamp(180px,30vh,320px);position:absolute;bottom:20vh}.cay-trai{left:-1vw}.cay-phai{height:clamp(150px,24vh,260px);bottom:24vh;right:0}.hoa{background:radial-gradient(circle, var(--hong) 0 6px, transparent 7px) 0 0 / 120px 80px, radial-gradient(circle, #6fb8ff 0 5px, transparent 6px) 70px 30px / 150px 100px, radial-gradient(circle, #ffd23f 0 4px, transparent 5px) 30px 60px / 190px 110px, radial-gradient(circle, #fff 0 4px, transparent 5px) 110px 20px / 200px 80px;opacity:.9;height:30vh;position:absolute;bottom:0;left:0;right:0}.thanh-tren{top:max(14px, env(safe-area-inset-top));z-index:5;gap:14px;display:flex;position:fixed;right:16px}.nut-tron{cursor:pointer;background:#ff7eb6;border:0;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;padding:0;display:flex;box-shadow:0 6px #d94f8c}.nut-tron:active{transform:translateY(4px);box-shadow:0 2px #d94f8c}.nut-tron svg{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:40px;height:40px}.nut-ghep{background:var(--xanh);text-decoration:none;box-shadow:0 6px #154e95}.nut-ghep:active{box-shadow:0 2px #154e95}.nut-nho{background:#ffffffd9;width:56px;height:56px;box-shadow:0 5px #1e3a2b33}.nut-nho svg{width:30px;height:30px;stroke:var(--xanh)}.nut-nho[aria-pressed=false] .icon-bat path:last-child{display:none}main{z-index:2;justify-content:center;align-items:flex-end;min-height:100dvh;padding:120px 16px 13vh;display:flex;position:relative}.dan{justify-content:center;align-items:flex-end;gap:clamp(8px,1.6vw,28px);max-width:1500px;margin:0;padding:0;list-style:none;display:flex}.dan li:nth-child(2n){margin-bottom:9vh}.khung-long{color:inherit;cursor:pointer;flex-direction:column;align-items:center;width:clamp(150px,17vw,250px);text-decoration:none;display:flex;position:relative}.khung-long .anh{width:calc(100% * var(--co,1));aspect-ratio:3/2;object-fit:contain;object-position:bottom;filter:drop-shadow(0 6px 4px #0000002e);transform-origin:50% 100%;animation:3.2s ease-in-out infinite tho;animation-delay:var(--tre,0s);display:block}.khung-long.nhay .anh{animation:.8s cubic-bezier(.3,1.6,.5,1) nhay}.bang-ten{background:var(--go);border:4px solid var(--go-vien);text-align:center;border-radius:16px;margin-top:-4px;padding:4px 14px 6px;line-height:1.15;transition:transform .15s;position:relative;box-shadow:0 5px #14326440}.bang-ten:before{content:"";background:var(--go-vien);border-radius:3px;width:8px;height:12px;margin-left:-4px;position:absolute;top:-14px;left:50%}.dan li:nth-child(2n) .bang-ten{border-color:var(--hong)}.dan li:nth-child(2n) .bang-ten:before{background:var(--hong)}.bang-ten b{font-size:clamp(15px,1.35vw,19px);display:block}.bang-ten i{color:var(--anh);font-size:clamp(14px,1.25vw,18px);font-style:normal;font-weight:800;display:block}.khung-long:active .bang-ten,.khung-long.nhay .bang-ten{transform:scale(1.08)}.khung-long:focus-visible{outline-offset:6px;border-radius:20px;outline:4px solid #fff}.ban-dong-hanh{left:16px;top:max(14px, env(safe-area-inset-top));z-index:4;pointer-events:none;align-items:flex-start;gap:6px;transition:transform .6s cubic-bezier(.3,1.5,.5,1);display:flex;position:fixed;transform:translateY(-160%)}.ban-dong-hanh.hien{transform:none}.doi-ban{flex:none;display:flex}.be-trung{flex:none;width:clamp(80px,8.5vw,120px);height:auto}.be-tho{margin-left:-18px}.ban-dong-hanh.dang-noi .be-tho .dau{animation-delay:.22s}.ban-dong-hanh.dang-noi .dau{transform-origin:60px 80px;animation:.45s ease-in-out infinite alternate gat}.ban-dong-hanh.dang-noi .mieng{d:path("M52 70 Q60 84 68 70")}.bong-bong{opacity:0;background:#fff;border-radius:22px;max-width:min(460px,62vw);margin:26px 0 0;padding:10px 18px;font-size:clamp(16px,1.5vw,21px);font-weight:700;line-height:1.3;transition:opacity .3s;position:relative;box-shadow:0 6px #1e3a2b26}.ban-dong-hanh.dang-noi .bong-bong,.ban-dong-hanh.giu .bong-bong{opacity:1}.bong-bong:before{content:"";border:10px solid #0000;border-left:0;border-right:14px solid #fff;position:absolute;top:18px;left:-12px}.bong-bong span{display:block}.tieng-anh{color:var(--anh)}.ten-bin{color:var(--xanh);font-weight:900}.ten-tho{color:#e8438f;font-weight:900}.tay-chi{z-index:6;pointer-events:none;opacity:0;width:72px;height:72px;transition:opacity .3s;position:fixed}.tay-chi.hien{opacity:1;animation:1.1s ease-in-out infinite cham}.man-vao{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a6fd159;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .6s;display:flex;position:fixed;inset:0}.man-vao.xong{opacity:0;pointer-events:none}.man-vao[hidden]{display:none}.qua-trung{aspect-ratio:200/250;cursor:pointer;background:0 0;border:0;width:clamp(180px,26vh,240px);padding:0;position:relative}.qua-trung svg{filter:drop-shadow(0 10px 8px #0003);transform-origin:50% 90%;width:100%;height:100%;animation:2.4s ease-in-out infinite lac;overflow:visible}.vong-sang{border:10px solid #ffffffe6;border-radius:50%;animation:1.8s ease-out infinite lan;position:absolute;inset:-14%}.qua-trung.no svg{animation:.45s linear rung}.qua-trung.no .nap{transform-box:fill-box;transform-origin:0 100%;animation:.7s ease-in .4s forwards bung}.qua-trung.no .vong-sang{display:none}.loi-moi{background:#fff;border-radius:40px;margin:0;padding:10px 30px;font-size:clamp(22px,3vh,30px);font-weight:800;box-shadow:0 6px #1e3a2b33}.chan{text-align:center;color:#ffffffd9;z-index:1;pointer-events:none;font-size:12px;position:fixed;bottom:4px;left:0;right:0}@keyframes song{0%,to{opacity:.7;transform:translate(0)}50%{opacity:.3;transform:translate(14px)}}@keyframes xoay{to{transform:rotate(360deg)}}@keyframes troi-may{0%{transform:translate(-30vw)}to{transform:translate(130vw)}}@keyframes khoi{0%{opacity:0;transform:translate(0)scale(.5)}20%{opacity:.9}to{opacity:0;transform:translate(30px,-70px)scale(1.6)}}@keyframes tho{0%,to{transform:scale(1)}50%{transform:scale(1.012,1.035)}}@keyframes nhay{0%{transform:translateY(0)scale(1)}30%{transform:translateY(-38px)scale(1.06,.96)}60%{transform:translateY(0)scale(1.04,.94)}80%{transform:translateY(-10px)}to{transform:none}}@keyframes gat{to{transform:rotate(-6deg)translateY(-3px)}}@keyframes cham{0%,to{transform:translate(0)}50%{transform:translate(-8px,-14px)scale(.92)}}@keyframes lac{0%,70%,to{transform:rotate(0)}76%{transform:rotate(-6deg)}82%{transform:rotate(6deg)}88%{transform:rotate(-4deg)}94%{transform:rotate(3deg)}}@keyframes lan{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.15)}}@keyframes rung{0%,to{transform:rotate(0)}20%{transform:rotate(-9deg)}40%{transform:rotate(9deg)}60%{transform:rotate(-7deg)}80%{transform:rotate(5deg)}}@keyframes bung{to{opacity:0;transform:translate(40px,-160px)rotate(40deg)}}@media (width<=760px){main{align-items:flex-start;padding:104px 12px 190px}.dan{flex-wrap:wrap;gap:18px 10px}.dan li{justify-content:center;width:calc(50% - 10px);display:flex}.dan li:nth-child(2n){margin-bottom:0}.khung-long{width:min(170px,44vw)}.doi-xa{bottom:30vh}.doi-giua{bottom:24vh}.doi-gan{height:70vh;bottom:-10vh}.nui-xa{bottom:52vh}.nui-lua{width:150px;bottom:50vh}.cay{display:none}.ban-dong-hanh{top:auto;bottom:max(14px, env(safe-area-inset-bottom));align-items:flex-end;transform:translateY(160%)}.bong-bong{max-width:calc(100vw - 120px);margin:0 0 30px;font-size:16px}.bong-bong:before{top:auto;bottom:16px}.be-trung{width:66px}.be-tho{margin-left:-14px}.bong-bong{max-width:calc(100vw - 150px)}.ho{width:60vw;bottom:40vh;left:20vw}.bui-hong{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.chon-be{z-index:11;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a6fd159;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:20px 16px;transition:opacity .5s;display:flex;position:fixed;inset:0}.chon-be[hidden]{display:none}.chon-be.xong{opacity:0;pointer-events:none}.chon-be .hai-be{gap:clamp(16px,5vw,60px);display:flex}.chon-be button{cursor:pointer;background:#fff;border:0;border-radius:36px;flex-direction:column;align-items:center;gap:4px;padding:14px 18px 12px;font-family:inherit;font-size:clamp(24px,3.4vh,34px);font-weight:900;line-height:1;transition:transform .15s;display:flex;box-shadow:0 8px #1e3a2b33}.chon-be button svg{width:clamp(130px,22vh,190px);height:auto}.chon-be button[data-be=bin]{color:var(--xanh)}.chon-be button[data-be=tho]{color:#e8438f}.chon-be button:active{transform:scale(.94)}.chon-be button .dau{transform-origin:60px 80px;animation:.9s ease-in-out infinite alternate gat}.chon-be button[data-be=tho] .dau{animation-delay:.45s}.chon-be button.ngu{filter:grayscale(.6)brightness(.85)}.chon-be button.ngu:after{content:"đang ngủ";color:#6b7a72;font-size:14px}.ban-dong-hanh[data-be=bin] .be-tho,.ban-dong-hanh[data-be=tho] .be-bin{display:none}.ban-dong-hanh[data-be] .be-tho{margin-left:0}