*{box-sizing:border-box;margin:0;padding:0}html,body{background:#07021a;height:100%;overflow:hidden}#wrap{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#stage{--c1:#ff3df2;--c2:#3df5ff;--c3:#ffe23d;--beat:.55s;--e:0;color:#fff;background:radial-gradient(70% 40% at 50% 22%, color-mix(in srgb, var(--c1) 38%, transparent), transparent 70%), radial-gradient(60% 30% at 15% 60%, color-mix(in srgb, var(--c2) 22%, transparent), transparent 70%), radial-gradient(60% 30% at 85% 60%, color-mix(in srgb, var(--c3) 18%, transparent), transparent 70%), linear-gradient(180deg, #12043a 0%, #1b0647 40%, #07021a 100%);font-family:Be Vietnam Pro,system-ui,sans-serif;transition:background 1s;position:relative;overflow:hidden}#scene{pointer-events:none;position:absolute;inset:0}.wall{background:linear-gradient(#0000,#08021ed9 30%,#0a0326 100%);height:280px;position:absolute;top:560px;left:0;right:0;overflow:hidden}.eqwall{opacity:.75;align-items:flex-end;gap:6px;height:210px;display:flex;position:absolute;bottom:0;left:230px;right:230px}.eqwall i{transform-origin:bottom;background:repeating-linear-gradient(0deg, transparent 0 10px, #07021af2 10px 14px), linear-gradient(0deg, var(--c2), var(--c1) 60%, var(--c3));height:100%;animation:eq calc(var(--beat) * var(--k)) ease-in-out infinite alternate;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--c1) 70%, transparent));border-radius:6px 6px 0 0;flex:1}@keyframes eq{0%{transform:scaleY(.15)}to{transform:scaleY(calc(.55 + var(--e) * .45))}}.beam{transform-origin:50% 0;clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);mix-blend-mode:screen;width:260px;height:1700px;opacity:calc(.35 + var(--e) * .5);filter:blur(4px);margin-left:-130px;position:absolute;top:-60px}.beam.b1{background:linear-gradient(180deg, var(--c1), transparent 85%);animation:5.5s ease-in-out infinite alternate swing;left:120px}.beam.b2{background:linear-gradient(180deg, var(--c2), transparent 85%);animation:6.3s ease-in-out infinite alternate-reverse swing;left:960px}.beam.b3{background:linear-gradient(180deg, var(--c3), transparent 80%);animation:4.4s ease-in-out infinite alternate swing2;left:330px}.beam.b4{background:linear-gradient(180deg, var(--c1), transparent 80%);animation:5s ease-in-out infinite alternate-reverse swing2;left:750px}@keyframes swing{0%{transform:rotate(-32deg)}to{transform:rotate(30deg)}}@keyframes swing2{0%{transform:rotate(-18deg)}to{transform:rotate(20deg)}}.hot .beam{animation-duration:1.8s}.spk{filter:drop-shadow(0 10px 20px #0009);width:170px;height:300px;position:absolute;top:640px}.spk.l{left:12px}.spk.r{right:12px}.spk .cone{transform-box:fill-box;transform-origin:50%;animation:thump var(--beat) ease-out infinite}@keyframes thump{0%{transform:scale(1.25)}40%,to{transform:scale(.95)}}.cord{background:linear-gradient(90deg,#6c6a8c,#c8c6e8,#6c6a8c);width:4px;height:320px;position:absolute;top:0;left:538px}.ballwrap{width:260px;height:260px;filter:drop-shadow(0 0 40px color-mix(in srgb, var(--c2) 60%, transparent));position:absolute;top:300px;left:410px}.ball{width:100%;height:100%;display:block}.ball .spin{animation:6s linear infinite ballspin}@keyframes ballspin{0%{transform:translate(0)}to{transform:translate(21px)}}.ball .tw{animation:1.6s ease-in-out infinite twinkle}@keyframes twinkle{0%,to{fill:#fff}50%{fill:var(--c2)}}.spark{filter:drop-shadow(0 0 8px #fff);animation:2s ease-in-out infinite sparkle;position:absolute}@keyframes sparkle{0%,to{opacity:0;transform:scale(.2)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}#tiles{transform-origin:50% 100%;width:2200px;height:2600px;filter:brightness(calc(.85 + var(--e) * .5));background:#0a0322;grid-template-rows:repeat(12,1fr);grid-template-columns:repeat(11,1fr);gap:16px;padding:16px;display:grid;position:absolute;top:-680px;left:-560px;transform:perspective(2000px)rotateX(40deg);box-shadow:0 -20px 60px #0009}#tiles .t{background:linear-gradient(135deg,#ffffff14,#ffffff05);border-radius:16px;transition:background .12s,box-shadow .12s;box-shadow:inset 0 0 0 2px #ffffff0d}#tiles .t[data-c="0"]{background:radial-gradient(circle, #fff 0%, var(--c1) 45%, color-mix(in srgb, var(--c1) 60%, #000) 100%);box-shadow:0 0 60px var(--c1)}#tiles .t[data-c="1"]{background:radial-gradient(circle, #fff 0%, var(--c2) 45%, color-mix(in srgb, var(--c2) 60%, #000) 100%);box-shadow:0 0 60px var(--c2)}#tiles .t[data-c="2"]{background:radial-gradient(circle, #fff 0%, var(--c3) 45%, color-mix(in srgb, var(--c3) 60%, #000) 100%);box-shadow:0 0 60px var(--c3)}.strobe #tiles{animation:.45s steps(3,end) strobe}.strobe .beam{opacity:1}@keyframes strobe{0%,66%{filter:brightness(2.4)saturate(1.4)}33%,to{filter:brightness()}}.mode-floor #tiles:after{content:""}#title{z-index:700;justify-content:center;display:flex;position:absolute;top:146px;left:0;right:0}#title h1{letter-spacing:-.01em;box-shadow:0 0 0 3px color-mix(in srgb, var(--c1) 80%, #fff), 0 0 40px color-mix(in srgb, var(--c1) 55%, transparent), 0 14px 30px #00000080;text-shadow:0 3px #00000059;white-space:nowrap;background:linear-gradient(#190640e0,#0a0222e0);border-radius:999px;padding:14px 40px 12px;font:800 52px/1.05 "Baloo 2",system-ui,sans-serif}#title em{color:var(--c3);text-shadow:0 0 18px color-mix(in srgb, var(--c3) 70%, transparent), 0 3px 0 #00000059;font-style:normal}#hud{z-index:700;justify-content:space-between;gap:20px;display:flex;position:absolute;top:252px;left:36px;right:36px}#now,#meter{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0222c7;border-radius:999px;align-items:center;gap:14px;height:72px;padding:0 24px;display:flex;box-shadow:inset 0 0 0 2px #ffffff29}#now{letter-spacing:.02em;white-space:nowrap;font:800 30px/1 "Baloo 2",system-ui,sans-serif}#now .eq{align-items:flex-end;gap:4px;height:34px;display:flex}#now .eq i{background:var(--c2);transform-origin:bottom;width:7px;height:100%;animation:eq var(--beat) ease-in-out infinite alternate;border-radius:3px}#now .eq i:nth-child(2){background:var(--c1);animation-delay:-.2s}#now .eq i:nth-child(3){background:var(--c3);animation-delay:-.35s}#now .eq i:nth-child(4){animation-delay:-.1s}#meter{width:430px;font:800 26px/1 "Baloo 2",system-ui,sans-serif}#meter .bar{background:#ffffff1f;border-radius:999px;flex:1;height:22px;overflow:hidden}#meter .bar i{background:linear-gradient(90deg, var(--c2), var(--c1), var(--c3));width:0;height:100%;box-shadow:0 0 16px var(--c1);border-radius:999px;transition:width .4s;display:block}#meter b{text-align:right;min-width:64px;font-weight:800}.hot #meter{box-shadow:inset 0 0 0 2px var(--c3), 0 0 30px color-mix(in srgb, var(--c3) 60%, transparent)}#top{z-index:8;justify-content:center;align-items:center;gap:12px;transition:opacity .4s;display:flex;position:absolute;top:598px;left:0;right:0}#top .lbl{background:var(--c3);color:#1a0a30;border-radius:14px;padding:8px 16px;font:800 24px/1 "Baloo 2",system-ui,sans-serif}#fans{gap:10px;display:flex}#fans:empty:after{content:"Tặng quà để lên top";opacity:.85;font:700 24px/1 Be Vietnam Pro,system-ui,sans-serif}#fans .f{white-space:nowrap;background:#0a0222cc;border-radius:999px;align-items:center;gap:8px;padding:5px 16px 5px 5px;font:700 24px/1 Be Vietnam Pro,system-ui,sans-serif;display:flex;box-shadow:inset 0 0 0 2px #ffffff2e}#fans .f .lk-av{font-size:46px}#fans .f b{color:var(--c3);font:800 24px/1 "Baloo 2",system-ui,sans-serif}#fans .f.r1{box-shadow:inset 0 0 0 3px #ffd34d,0 0 20px #ffd34d80}.spotlight #top{opacity:0}#guide{text-align:center;z-index:700;font:700 28px/1 Be Vietnam Pro,system-ui,sans-serif;position:absolute;top:1422px;left:0;right:0}#guide b{color:var(--c3);font-weight:800}#guide span{opacity:.6;margin:0 8px}#guide:before{content:"";z-index:-1;background:#08021cc7;border-radius:999px;width:760px;height:52px;margin-left:-380px;position:absolute;top:-12px;left:50%;box-shadow:inset 0 0 0 2px #ffffff24}#gifts{z-index:700;position:absolute;top:1488px;left:28px;right:28px}.lk-card{max-width:340px}#floor{pointer-events:none;position:absolute;inset:0}.dancer{--s:1;width:0;height:0;transition:left .9s cubic-bezier(.3,1.15,.4,1),top .9s cubic-bezier(.3,1.15,.4,1),filter .5s;position:absolute}.dancer .fig{width:140px;height:244px;transform:translateX(-50%) scale(var(--s));transform-origin:50% 100%;transition:transform .9s cubic-bezier(.3,1.15,.4,1);position:absolute;bottom:0;left:0}.dancer.enter .fig{animation:.85s cubic-bezier(.3,1.3,.5,1) both drop}@keyframes drop{0%{transform:translateX(-50%) translateY(-360px) scale(var(--s));opacity:0}60%{transform:translateX(-50%) translateY(0) scale(calc(var(--s) * 1.08), calc(var(--s) * .9));opacity:1}to{transform:translateX(-50%) scale(var(--s))}}.dancer.leave{opacity:0;transition:opacity .6s}.dancer.leave .fig{transform:translateX(-50%) translateY(-60px) scale(calc(var(--s) * .7))}.bob{transform-origin:50% 100%;position:absolute;inset:0}.head{z-index:2;width:120px;height:120px;position:absolute;top:0;left:10px}.head .lk-av{font-size:120px;box-shadow:0 0 0 6px #fff,0 8px 18px #00000073}.dancer .body{width:120px;height:150px;position:absolute;top:94px;left:10px;overflow:visible}.body g{transform-box:fill-box}.body .armL{transform-origin:85% 12%}.body .armR{transform-origin:15% 12%}.body .legL,.body .legR{transform-origin:50% 0}.shade{width:150px;height:36px;transform:translate(-50%, -50%) scale(var(--s));background:radial-gradient(closest-side,#0009,#0000);border-radius:50%;position:absolute;top:0;left:0}.glow .shade{background:radial-gradient(closest-side, var(--c3), color-mix(in srgb, var(--c1) 60%, transparent) 55%, transparent);width:230px;height:60px}.dancer[data-move="0"] .bob{animation:bounce var(--beat) ease-in-out infinite}.dancer[data-move="0"] .armL{animation:armUpL calc(var(--beat) * 2) ease-in-out infinite}.dancer[data-move="0"] .armR{animation:armUpR calc(var(--beat) * 2) ease-in-out infinite calc(var(--beat) * -1)}.dancer[data-move="1"] .bob{animation:sway calc(var(--beat) * 2) ease-in-out infinite}.dancer[data-move="1"] .armL{animation:waveL var(--beat) ease-in-out infinite}.dancer[data-move="1"] .armR{animation:waveR var(--beat) ease-in-out infinite}.dancer[data-move="2"] .bob{animation:bounce var(--beat) ease-in-out infinite}.dancer[data-move="2"] .armR{animation:point calc(var(--beat) * 2) cubic-bezier(.6, 0, .3, 1) infinite}.dancer[data-move="2"] .armL{transform:rotate(-25deg)}.dancer[data-move="3"] .bob{animation:hop var(--beat) cubic-bezier(.3, 0, .4, 1) infinite}.dancer[data-move="3"] .armL{animation:armUpL var(--beat) ease-in-out infinite}.dancer[data-move="3"] .armR{animation:armUpR var(--beat) ease-in-out infinite}.dancer .legL{animation:kickL calc(var(--beat) * 2) ease-in-out infinite}.dancer .legR{animation:kickR calc(var(--beat) * 2) ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)scaleY(1)}18%{transform:translateY(4px)scale(1.03,.95)}55%{transform:translateY(-20px)scaleY(1.03)}}@keyframes hop{0%,to{transform:translateY(0)scale(1.05,.93)}50%{transform:translateY(-40px)scale(.97,1.04)}}@keyframes sway{0%,to{transform:rotate(-8deg)translateY(-4px)}50%{transform:rotate(8deg)translateY(-4px)}}@keyframes armUpL{0%,to{transform:rotate(0)}50%{transform:rotate(150deg)}}@keyframes armUpR{0%,to{transform:rotate(0)}50%{transform:rotate(-150deg)}}@keyframes waveL{0%,to{transform:rotate(120deg)}50%{transform:rotate(165deg)}}@keyframes waveR{0%,to{transform:rotate(-120deg)}50%{transform:rotate(-165deg)}}@keyframes point{0%,40%{transform:rotate(-150deg)}50%,90%{transform:rotate(-20deg)}}@keyframes kickL{0%,to{transform:rotate(0)}50%{transform:rotate(16deg)}}@keyframes kickR{0%,50%{transform:rotate(0)}75%{transform:rotate(-16deg)}}.ring{background:conic-gradient(var(--c1), var(--c2), var(--c3), var(--c1));opacity:0;filter:drop-shadow(0 0 12px var(--c1));border-radius:50%;transition:opacity .3s,transform .4s cubic-bezier(.3,1.6,.5,1);position:absolute;inset:-16px;transform:scale(.6);-webkit-mask:radial-gradient(closest-side,#0000 80%,#000 82%);mask:radial-gradient(closest-side,#0000 80%,#000 82%)}.glow .ring{opacity:1;animation:2s linear infinite ringspin;transform:scale(1)}.starry .ring{filter:drop-shadow(0 0 22px #ffd34d) drop-shadow(0 0 40px var(--c1));background:conic-gradient(#ffd34d,#fff6c4,#ffb300,#fff,#ffd34d);inset:-24px}@keyframes ringspin{to{transform:rotate(360deg)}}.pop .head{animation:.6s cubic-bezier(.3,1.8,.5,1) headpop}@keyframes headpop{0%{transform:scale(1)}35%{transform:scale(1.35)}to{transform:scale(1)}}.burst{left:0;bottom:calc(184px * var(--s));z-index:3;width:0;height:0;position:absolute}.burst i{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 6px #fff);background:#ffd34d;width:28px;height:28px;animation:1.1s cubic-bezier(.2,.8,.3,1) forwards burst;position:absolute;top:-14px;left:-14px}.burst i:nth-child(3n){background:var(--c2)}.burst i:nth-child(3n+1){background:var(--c1)}@keyframes burst{0%{transform:rotate(var(--a)) translateY(0) scale(.4);opacity:1}to{transform:rotate(var(--a)) translateY(-170px) scale(1.1) rotate(180deg);opacity:0}}.tag{left:0;bottom:calc(256px * var(--s) + 4px);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c2) 70%, transparent);white-space:nowrap;opacity:0;z-index:4;background:#0a0222e0;border-radius:999px;align-items:center;gap:8px;padding:4px 14px;font:800 24px/1.2 "Baloo 2",system-ui,sans-serif;transition:opacity .3s,transform .3s cubic-bezier(.3,1.6,.5,1),bottom .9s cubic-bezier(.3,1.15,.4,1);display:flex;position:absolute;transform:translate(-50%)scale(.6)}.tag b{color:var(--c3)}.tag b:empty{display:none}.named .tag{opacity:1;transform:translate(-50%)scale(1)}.glow .tag{box-shadow:inset 0 0 0 3px var(--c3), 0 0 18px color-mix(in srgb, var(--c3) 60%, transparent)}.bubble{left:0;bottom:calc(256px * var(--s) + 50px);color:#1b0b3a;white-space:nowrap;text-overflow:ellipsis;z-index:5;background:#fff;border-radius:22px;max-width:340px;padding:8px 18px;font:700 26px/1.2 Be Vietnam Pro,system-ui,sans-serif;animation:3.2s cubic-bezier(.3,1.6,.5,1) forwards bub;position:absolute;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 20px #00000059}@keyframes bub{0%{opacity:0;transform:translate(-50%)translateY(20px)scale(.5)}10%,85%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-20px)scale(.9)}}.giftfloat{z-index:800;color:#fff;-webkit-text-stroke:7px #140432b3;paint-order:stroke fill;pointer-events:none;align-items:center;gap:6px;font:800 46px/1 "Baloo 2",system-ui,sans-serif;animation:1.5s cubic-bezier(.2,.8,.3,1) forwards gfloat;display:flex;position:absolute}.giftfloat .lk-gift{font-size:70px}@keyframes gfloat{0%{opacity:0;transform:translate(-50%)scale(.4)}15%{opacity:1;transform:translate(-50%,-30px)scale(1.15)}to{opacity:0;transform:translate(-50%,-170px)scale(1)}}.spotlight .dancer:not(.is-star){filter:brightness(.45)saturate(.6)}.spotlight #tiles{filter:brightness(.6)}.dancer.is-star .tag,.dancer.is-star .bubble{display:none}#spot{pointer-events:none;z-index:450;opacity:0;transition:opacity .5s;position:absolute;inset:0}#spot.on{opacity:1}#spot .cone{clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);mix-blend-mode:screen;background:linear-gradient(#fffcdc0d,#fff8c86b);width:800px;height:1400px;animation:1.2s ease-in-out infinite alternate conepulse;position:absolute;top:0;left:140px}@keyframes conepulse{to{opacity:.75}}#spot .pool{background:radial-gradient(closest-side, #fffadcd9, color-mix(in srgb, var(--c3) 50%, transparent) 60%, transparent);mix-blend-mode:screen;border-radius:50%;width:760px;height:170px;position:absolute;top:1280px;left:160px}.spot-head{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:586px;left:0;right:0}.spot-head .k{letter-spacing:.04em;color:#fff;-webkit-text-stroke:12px var(--c1);paint-order:stroke fill;text-shadow:0 0 40px var(--c1);font:800 76px/1 "Baloo 2",system-ui,sans-serif}#spot.on .spot-head .k{animation:.8s cubic-bezier(.2,1.5,.4,1) both spotk}@keyframes spotk{0%{opacity:0;transform:scale(2.2)rotate(-6deg)}to{opacity:1;transform:scale(1)rotate(-3deg)}}.spot-head .nm{-webkit-text-stroke:9px #0a0222d9;paint-order:stroke fill;font:800 60px/1.05 "Baloo 2",system-ui,sans-serif}.spot-head .g{background:#0a0222cc;border-radius:999px;align-items:center;gap:10px;padding:6px 22px 6px 10px;font:700 28px/1 Be Vietnam Pro,system-ui,sans-serif;display:flex}.spot-head .g .lk-gift{font-size:48px}#guests{display:none}.mode-board #guests{z-index:20;align-items:center;gap:12px;height:70px;display:flex;position:absolute;top:1340px;left:40px;right:40px}.mode-board.no-guests #guests{display:none}#guests .lbl{white-space:nowrap;flex:none;font:800 24px/1 "Baloo 2",system-ui,sans-serif}#guestav{flex:none;display:flex}#guestav .lk-av{margin-left:-12px;font-size:58px}#guestav .lk-av:first-child{margin-left:0}#guestav .gin{animation:.5s cubic-bezier(.3,1.6,.5,1) gin}@keyframes gin{0%{transform:scale(0)translateY(30px)}}#guestmsg{white-space:nowrap;text-overflow:ellipsis;opacity:0;flex:1;min-width:0;font:700 26px/1.2 Be Vietnam Pro,system-ui,sans-serif;transition:opacity .4s,transform .4s;overflow:hidden;transform:translate(-20px)}#guestmsg.on{opacity:1;transform:none}.mode-board #tiles,.mode-board #top{display:none}.mode-board #floor{inset:auto}.mode-board .card{align-items:center;gap:calc(var(--h) * .1);padding:0 calc(var(--h) * .16) 0 calc(var(--h) * .12);border-radius:calc(var(--h) * .2);transition:left .8s cubic-bezier(.3,1.1,.4,1),top .8s cubic-bezier(.3,1.1,.4,1),width .8s cubic-bezier(.3,1.1,.4,1),height .8s cubic-bezier(.3,1.1,.4,1),opacity .5s,transform .8s cubic-bezier(.3,1.4,.5,1);display:flex;position:absolute}.mode-board .card.fly{opacity:0;transform:scale(.3)rotate(-8deg)}.mode-board .card.gone{opacity:0;transform:scale(.6)}.mode-board .card>.lk-av{font-size:calc(var(--h) - 34px);flex:none}.mode-board .card .info{min-width:0;padding-right:max(30px, calc(var(--h) * .3));flex:1}.mode-board .card .nm{font:800 max(26px, calc(var(--h) * .22)) / 1.05 "Baloo 2", system-ui, sans-serif;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mode-board .card .co{font:800 max(24px, calc(var(--h) * .17)) / 1.1 "Baloo 2", system-ui, sans-serif}.mode-board .card .rk{font:800 max(24px, calc(var(--h) * .16)) / 1 "Baloo 2", system-ui, sans-serif;position:absolute;top:6px;right:14px}.mode-board .card .crown{display:none}.mode-board .card.r1 .crown{left:calc(var(--h) * .12);top:calc(var(--h) * -.3);font-size:calc(var(--h) * .36);z-index:2;filter:drop-shadow(0 4px 4px #00000073);line-height:1;animation:2.4s ease-in-out infinite crown;display:block;position:absolute;transform:rotate(-16deg)}@keyframes crown{50%{transform:rotate(-8deg)translateY(-6px)}}.mode-board .card .sheen{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.mode-board .card .sheen:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffffa6 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.mode-board .card.r1 .sheen:after{animation:3.5s ease-in-out infinite sheen}.mode-board .card.shine .sheen:after,.mode-board .card.burst .sheen:after,.strobe.mode-board .card .sheen:after{animation:.9s ease-out sheen}@keyframes sheen{to{transform:translate(120%)}}.mode-board .card.burst,.mode-board .card.up{animation:.7s cubic-bezier(.3,1.7,.5,1) cardpop}@keyframes cardpop{35%{transform:scale(1.08)}}.mode-board .more{text-align:center;opacity:0;font:800 28px/1 "Baloo 2",system-ui,sans-serif;position:absolute;bottom:6px;left:0;right:0}.mode-board .more.on{opacity:.9}.mode-board #spot .rays{background:repeating-conic-gradient(#ffdc7838 0 8deg, transparent 8deg 20deg);width:1700px;height:1700px;margin:-850px 0 0 -850px;animation:14s linear infinite rays;position:absolute;top:880px;left:50%;-webkit-mask:radial-gradient(closest-side,#000 20%,#0000 75%);mask:radial-gradient(closest-side,#000 20%,#0000 75%)}@keyframes rays{to{transform:rotate(360deg)}}.mode-board #spot{background:#0804028c}.honor{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 30px 44px;display:flex;position:absolute;top:560px;left:140px;right:140px}#spot.on .honor{animation:.8s cubic-bezier(.2,1.4,.4,1) both honor}@keyframes honor{0%{opacity:0;transform:scale(.3)translateY(400px)}}.honor .k{letter-spacing:.06em;font:800 64px/1 "Baloo 2",system-ui,sans-serif}.honor .big .lk-av{font-size:260px}.honor .nm{font:800 70px/1.05 "Baloo 2",system-ui,sans-serif}.honor .g{align-items:center;gap:10px;font:700 30px/1 Be Vietnam Pro,system-ui,sans-serif;display:flex}.honor .g .lk-gift{font-size:56px}.honor .sum{font:800 40px/1 "Baloo 2",system-ui,sans-serif}