*{box-sizing:border-box;margin:0;padding:0}html,body{background:#05031a;height:100%;overflow:hidden}#wrap{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#stage{--bg1:#2a0f78;--bg2:#07041f;--gold:#ffd34d;--gold2:#ff9f1c;--accent:#4de1ff;--panel:#120c45;--k0:#ff4d6d;--k1:#3d8bff;--k2:#ffb020;--k3:#1fc98a;color:#fff;background:radial-gradient(ellipse 120% 70% at 50% 28%, var(--bg1), var(--bg2) 72%);font-family:Be Vietnam Pro,system-ui,sans-serif;position:relative;overflow:hidden}#shake{position:absolute;inset:0}#stage.shaking #shake{animation:.45s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{20%,80%{transform:translate(-8px,3px)}40%,60%{transform:translate(10px,-4px)}}#bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}#rays{background:repeating-conic-gradient(from 0deg, #ffffff0f 0 6deg, transparent 6deg 15deg);width:2400px;height:2400px;margin:-1200px 0 0 -1200px;animation:80s linear infinite spin;position:absolute;top:470px;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0,#0000 60%);mask-image:radial-gradient(circle,#000 0,#0000 60%)}@keyframes spin{to{transform:rotate(360deg)}}.beam{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 45%, transparent), transparent 80%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);opacity:.35;filter:blur(6px);transform-origin:50% 0;width:420px;height:1500px;position:absolute;top:-40px}.beam.l{animation:7s ease-in-out infinite alternate sway;left:40px}.beam.r{background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 50%, transparent), transparent 80%);animation:8s ease-in-out infinite alternate-reverse sway;right:40px}@keyframes sway{0%{transform:rotate(-22deg)}to{transform:rotate(14deg)}}#floor{background:linear-gradient(180deg, var(--bg2), transparent 30%), repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent) 22%, transparent) 0 3px, transparent 3px 120px), repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent) 22%, transparent) 0 3px, transparent 3px 90px), linear-gradient(180deg, transparent, color-mix(in srgb, var(--bg1) 70%, #000));transform-origin:50% 100%;opacity:.55;height:760px;position:absolute;bottom:0;left:-20%;right:-20%;transform:perspective(600px)rotateX(58deg)}#bgArt{position:absolute;inset:0}#top{z-index:4;grid-template-columns:1fr 170px 1fr;align-items:center;height:170px;display:grid;position:absolute;top:140px;left:36px;right:36px}#logo{flex-direction:column;align-items:flex-start;gap:2px;display:flex}#kicker{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 50%, #8a5bff));color:#0b0730;letter-spacing:.14em;box-shadow:0 0 24px color-mix(in srgb, var(--accent) 60%, transparent);border-radius:999px;padding:4px 16px;font:800 24px/1.2 "Baloo 2",system-ui}#title{letter-spacing:-.01em;white-space:nowrap;background:linear-gradient(180deg, #fff6c9 0%, var(--gold) 45%, var(--gold2) 100%);color:#0000;filter:drop-shadow(0 5px 0 #3c14008c) drop-shadow(0 0 22px color-mix(in srgb, var(--gold) 55%, transparent));-webkit-background-clip:text;background-clip:text;font:800 104px/.95 "Baloo 2",system-ui}#timer{width:170px;height:170px;box-shadow:0 0 0 6px #ffffff14, 0 0 40px color-mix(in srgb, var(--accent) 45%, transparent), inset 0 -10px 24px #00000080;background:radial-gradient(circle at 50% 35%,#2d2385,#0b0730 70%);border-radius:50%;place-items:center;display:grid;position:relative}#timer svg{position:absolute;inset:0;transform:rotate(-90deg)}#timer circle{fill:none;stroke-width:12px}#timer .track{stroke:#ffffff1f}#arc{stroke:#3ee6a0;stroke-linecap:round;stroke-dasharray:427.26;filter:drop-shadow(0 0 8px);transition:stroke-dashoffset .12s linear,stroke .3s}#timer b{text-shadow:0 3px #0006;margin-top:10px;font:800 76px/1 "Baloo 2",system-ui}#timer small{letter-spacing:.2em;opacity:.7;font:800 20px/1 "Baloo 2",system-ui;position:absolute;bottom:30px}#timer.warn #arc{stroke:#ffc531}#timer.danger #arc{stroke:#ff3b5c}#timer.danger b{color:#ff8fa3}#timer.danger{box-shadow:0 0 0 6px #ff3b5c59,0 0 60px #ff3b5cbf,inset 0 -10px 24px #00000080}#timer.pop{animation:.35s cubic-bezier(.3,1.6,.5,1) pop}#round{box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--gold) 70%, transparent), 0 12px 30px -10px #0009;background:linear-gradient(#ffffff29,#ffffff0d);border-radius:28px;flex-direction:column;justify-self:end;align-items:flex-end;padding:12px 26px 10px;display:flex}#round small{letter-spacing:.16em;color:var(--gold);font:800 22px/1 "Baloo 2",system-ui}#round b{font:800 72px/1 "Baloo 2",system-ui}#round em{opacity:.6;font-size:40px;font-style:normal}#qcard{z-index:3;place-items:center;height:284px;padding:26px 70px 40px;display:grid;position:absolute;top:318px;left:36px;right:36px}#qcard .frame{clip-path:polygon(60px 0,calc(100% - 60px) 0,100% 50%,calc(100% - 60px) 100%,60px 100%,0 50%);background:linear-gradient(180deg, #fff3b0, var(--gold) 40%, var(--gold2));filter:drop-shadow(0 0 30px color-mix(in srgb, var(--gold) 50%, transparent));position:absolute;inset:0}#qcard .frame:after{content:"";clip-path:polygon(57px 0,calc(100% - 57px) 0,100% 50%,calc(100% - 57px) 100%,57px 100%,0 50%);background:radial-gradient(ellipse 80% 90% at 50% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--panel) 80%, #3a2a9a), var(--panel));position:absolute;inset:6px}#qcard.pop{animation:.5s cubic-bezier(.3,1.5,.5,1) pop}#qbody{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}#qart:empty{display:none}#qtext{text-shadow:0 3px #00000059;text-wrap:balance;font:800 52px/1.2 Be Vietnam Pro,system-ui}#qtext.mid{font-size:46px}#qtext.small{font-size:40px}#qtext.big{flex-direction:column;align-items:center;gap:4px;display:flex}.readyNo{background:linear-gradient(180deg, #fff, var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;font:800 120px/1 "Baloo 2",system-ui;animation:.7s cubic-bezier(.2,1.5,.4,1) both readyIn}#qtext.big small{opacity:.75;letter-spacing:.06em;font:700 30px/1 Be Vietnam Pro,system-ui}@keyframes readyIn{0%{opacity:0;transform:scale(2.2)}}#qstate{white-space:nowrap;box-shadow:inset 0 0 0 3px var(--gold), 0 8px 20px #00000080;background:#0b0730;border-radius:999px;align-items:center;gap:10px;padding:8px 26px;font:700 28px/1.2 Be Vietnam Pro,system-ui;display:flex;position:absolute;bottom:-26px;left:50%;transform:translate(-50%)}#qstate:empty{display:none}#qstate b{color:var(--gold);font-family:"Baloo 2",system-ui}#qstate.result{background:linear-gradient(#1fc98a,#0f8a5c);animation:.45s cubic-bezier(.3,1.6,.5,1) pop;box-shadow:inset 0 0 0 3px #b9ffe2,0 0 30px #1fc98ab3}#qstate .ansIs{letter-spacing:.04em;font:800 30px/1 "Baloo 2",system-ui}#qstate .ansIs b{color:#fff;background:#0b0730;border-radius:12px;place-items:center;width:44px;height:44px;margin-left:4px;display:inline-grid}#qstate .fast{border-left:2px solid #fff6;align-items:center;gap:4px;padding-left:10px;display:inline-flex}#qstate .fast .lk-av{font-size:40px}#answers{z-index:3;flex-direction:column;gap:16px;display:flex;position:absolute;top:640px;left:36px;right:36px}#answers:before{content:"";background:repeating-linear-gradient(180deg, transparent 0 48px, color-mix(in srgb, var(--gold) 55%, transparent) 48px 51px, transparent 51px 114px);z-index:-1;position:absolute;inset:0 -40px}.ans{--k:var(--k0);align-items:center;gap:18px;height:98px;padding:0 34px 0 30px;display:flex;position:relative}.ans.k1{--k:var(--k1)}.ans.k2{--k:var(--k2)}.ans.k3{--k:var(--k3)}.ans .skin{clip-path:polygon(44px 0,calc(100% - 44px) 0,100% 50%,calc(100% - 44px) 100%,44px 100%,0 50%);background:linear-gradient(180deg, color-mix(in srgb, var(--k) 80%, #fff), var(--k));transition:filter .3s;position:absolute;inset:0}.ans .skin:before{content:"";clip-path:polygon(42px 0,calc(100% - 42px) 0,100% 50%,calc(100% - 42px) 100%,42px 100%,0 50%);background:linear-gradient(#1f1766,#0d0838);position:absolute;inset:4px}.ans .fill{background:linear-gradient(90deg, color-mix(in srgb, var(--k) 55%, transparent), color-mix(in srgb, var(--k) 85%, transparent));width:0;transition:width .5s cubic-bezier(.3,1.2,.5,1);position:absolute;top:4px;bottom:4px;left:4px}.ans .key{color:#fff;text-shadow:0 2px #00000059;flex:none;place-items:center;width:66px;height:66px;font:800 46px/1 "Baloo 2",system-ui;display:grid;position:relative}.ans .key:before{content:"";background:linear-gradient(135deg, color-mix(in srgb, var(--k) 70%, #fff), var(--k));box-shadow:0 0 18px color-mix(in srgb, var(--k) 70%, transparent);z-index:-1;border-radius:12px;position:absolute;inset:4px;transform:rotate(45deg)}.ans .txt{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 2px #0006;flex:1;min-width:0;font:800 42px/1.1 Be Vietnam Pro,system-ui;position:relative;overflow:hidden}.ans .txt.long{font-size:34px}.ans .who{flex-direction:row-reverse;align-items:center;display:flex;position:relative}.ans .who .lk-av{margin-left:-10px;font-size:56px;animation:.45s cubic-bezier(.3,1.6,.5,1) both avIn}.ans .who .lk-av.x2{box-shadow:0 0 0 4px #ff8a1f,0 0 16px #ff8a1f}.ans .who[data-more]:not([data-more=""]):before{content:attr(data-more);color:#fff;opacity:.85;order:-1;margin-left:8px;font:800 26px/1 "Baloo 2",system-ui}@keyframes avIn{0%{opacity:0;transform:translateY(-40px)scale(.4)}}.ans .pct{text-align:right;color:#fff;min-width:84px;font:800 38px/1 "Baloo 2",system-ui;position:relative}.ans.in{animation:.5s cubic-bezier(.2,1.3,.4,1) both barIn}.ans.idle{opacity:.45}.ans.idle .key:before{filter:grayscale(.6)}@keyframes barIn{0%{opacity:0;transform:translate(-120px)scaleX(.8)}}.ans.pop .key{animation:.35s cubic-bezier(.3,1.6,.5,1) pop}.ans.out .skin,.ans.out .key,.ans.out .txt{filter:grayscale()brightness(.55)}.ans.out .txt{-webkit-text-decoration:line-through #ff4664e6;text-decoration:line-through #ff4664e6;text-decoration-thickness:5px}.ans .cut{background:#e0405f;border-radius:999px;align-items:center;gap:6px;padding:6px 16px 6px 6px;font:800 26px/1 "Baloo 2",system-ui;animation:.4s cubic-bezier(.2,1.6,.4,1) both stamp;display:inline-flex;position:absolute;top:50%;left:52%;transform:translateY(-50%)rotate(-6deg);box-shadow:0 6px 14px #00000073}.ans .cut:not(:has(.lk-av)){padding:6px 16px}.ans .cut .lk-av{font-size:40px}@keyframes stamp{0%{opacity:0;transform:translateY(-50%)rotate(-6deg)scale(2.4)}}.ans.right .skin{background:linear-gradient(#d4ffe9,#1fc98a);animation:.6s ease-in-out 4 alternate glow}.ans.right .skin:before{background:linear-gradient(#17a873,#0b6e4a)}.ans.right .fill{background:linear-gradient(90deg,#ffffff1f,#ffffff47)}.ans.right .key:before{background:linear-gradient(135deg,#fff,#b9ffe2)}.ans.right .key{color:#0b6e4a;text-shadow:none}.ans.right{z-index:2;animation:.6s cubic-bezier(.3,1.6,.5,1) rightPop}.ans.wrong:not(.out){opacity:.55}@keyframes glow{to{filter:brightness(1.5)drop-shadow(0 0 20px #7dffc3)}}@keyframes rightPop{40%{transform:scale(1.05)}}#board{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffff21,#ffffff0a);border-radius:30px;height:138px;padding:36px 14px 12px;position:absolute;top:1100px;left:36px;right:36px;box-shadow:inset 0 0 0 2px #ffffff29,0 16px 34px -14px #000000b3}#board h3{white-space:nowrap;background:linear-gradient(180deg, var(--gold), var(--gold2));color:#3a1d00;letter-spacing:.12em;border-radius:999px;padding:6px 26px;font:800 26px/1.2 "Baloo 2",system-ui;position:absolute;top:-20px;left:50%;transform:translate(-50%);box-shadow:0 6px #8a4b00}#top5{grid-template-columns:repeat(5,1fr);gap:8px;list-style:none;display:grid}#top5 li{align-items:center;gap:8px;min-width:0;display:flex;position:relative}#top5 li>i{z-index:1;background:#4a4580;border-radius:50%;place-items:center;width:30px;height:30px;font:800 20px/1 "Baloo 2",system-ui;display:grid;position:absolute;top:-6px;left:-4px;box-shadow:0 2px #0006}#top5 .r1>i{color:#4a3000;background:linear-gradient(#fff2a8,#ffc800)}#top5 .r2>i{color:#2a3340;background:linear-gradient(#fff,#b8c4d6)}#top5 .r3>i{color:#3a1d00;background:linear-gradient(#ffd0a1,#d27a2c)}#top5 .lk-av{font-size:64px}#top5 .r1 .lk-av{box-shadow:0 0 0 4px #ffc800,0 0 18px #ffc800}#top5 li div{flex-direction:column;min-width:0;display:flex}#top5 b{white-space:nowrap;text-overflow:ellipsis;font:700 24px/1.15 Be Vietnam Pro,system-ui;overflow:hidden}#top5 em{color:var(--gold);font:800 28px/1.05 "Baloo 2",system-ui}#top5 li.empty{opacity:.4}#top5 li.empty:before{content:"";border:3px dashed #ffffff80;border-radius:50%;flex:none;width:64px;height:64px}#howto{z-index:3;justify-content:center;gap:12px;display:flex;position:absolute;top:1258px;left:0;right:0}#howto span{white-space:nowrap;background:#080524c7;border-radius:999px;padding:8px 22px;font:700 28px/1.2 Be Vietnam Pro,system-ui;box-shadow:inset 0 0 0 2px #ffffff29}#howto b{color:var(--gold);font-family:"Baloo 2",system-ui;font-weight:800}#gifts{z-index:3;position:absolute;top:1330px;left:28px;right:28px}#feed{z-index:3;position:absolute;top:1462px;left:28px;right:28px}#feed .lk-row{font-size:26px}#feed .lk-row .lk-av{font-size:48px}#pops{pointer-events:none;z-index:20;position:absolute;inset:0}#pops .bit{border-radius:3px;width:16px;height:22px;position:absolute}#pops .pts{color:#fff;white-space:nowrap;-webkit-text-stroke:10px #0f8a5c;paint-order:stroke fill;font:800 54px/1 "Baloo 2",system-ui;animation:2s cubic-bezier(.2,.9,.3,1) both ptsUp;position:absolute;transform:translate(-50%,-50%)}#pops .pts.x2{-webkit-text-stroke-color:#d9600a}@keyframes ptsUp{0%{opacity:0;transform:translate(-50%)scale(.4)}20%{opacity:1;transform:translate(-50%,-60px)scale(1.15)}80%{opacity:1;transform:translate(-50%,-110px)scale(1)}to{opacity:0;transform:translate(-50%,-150px)scale(.9)}}.flyer{z-index:30;pointer-events:none;color:#fff;-webkit-text-stroke:12px #1d6fd8;paint-order:stroke fill;white-space:nowrap;font:800 72px/1 "Baloo 2",system-ui;position:absolute}.flyer.double{-webkit-text-stroke-color:#d9600a}.flyer.cut{-webkit-text-stroke-color:#b0173a;font-size:96px}@keyframes pop{0%{transform:scale(1)}35%{transform:scale(1.12)}to{transform:scale(1)}}#overlay{z-index:60;pointer-events:none;position:absolute;inset:0}.final{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--gold) 35%, transparent), transparent 55%), #06031af0;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding-bottom:260px;animation:.5s both fadeIn;display:flex;position:absolute;inset:0}.final .burst{background:repeating-conic-gradient(color-mix(in srgb, var(--gold) 22%, transparent) 0 8deg, transparent 8deg 20deg);width:1800px;height:1800px;margin:-900px 0 0 -900px;animation:30s linear infinite spin;position:absolute;top:40%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0,#0000 55%);mask-image:radial-gradient(circle,#000 0,#0000 55%)}.final h2{letter-spacing:.14em;color:var(--accent);font:800 44px/1 "Baloo 2",system-ui;position:relative}.final h1{background:linear-gradient(180deg, #fff6c9, var(--gold) 50%, var(--gold2));color:#0000;filter:drop-shadow(0 6px #3c140099);-webkit-background-clip:text;background-clip:text;margin-bottom:30px;font:800 124px/1 "Baloo 2",system-ui;animation:.8s cubic-bezier(.2,1.5,.4,1) both readyIn;position:relative}.final .steps{align-items:flex-end;gap:18px;display:flex;position:relative}.final .step{flex-direction:column;align-items:center;gap:8px;width:300px;animation:.7s cubic-bezier(.2,1.3,.4,1) both stepUp;display:flex}.final .step.s1{animation-delay:.5s}.final .step.s2{animation-delay:.25s}.final .step .lk-av{font-size:140px}.final .step.s1 .lk-av{font-size:190px;box-shadow:0 0 0 10px #ffc800,0 0 60px 10px #ffc800a6}.final .step b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font:800 40px/1.1 Be Vietnam Pro,system-ui;overflow:hidden}.final .step em{background:var(--gold);color:#3a1d00;border-radius:999px;padding:6px 18px;font:800 30px/1 "Baloo 2",system-ui}.final .block{color:#ffffffe6;background:linear-gradient(#5a4fd6,#251c80);border-radius:20px 20px 0 0;place-items:center;width:100%;margin-top:10px;font:800 90px/1 "Baloo 2",system-ui;display:grid;box-shadow:inset 0 6px #ffffff40}.final .s1 .block{color:#5a3a00;background:linear-gradient(#ffd34d,#c98a00);height:260px}.final .s2 .block{color:#2a3340;background:linear-gradient(#e6ecf5,#8794a8);height:190px}.final .s3 .block{color:#3a1d00;background:linear-gradient(#ffbf85,#b0601c);height:140px}.final .step.empty .block{opacity:.35}.final .next{opacity:.8;margin-top:26px;font:700 32px/1 Be Vietnam Pro,system-ui;position:relative}@keyframes stepUp{0%{opacity:0;transform:translateY(200px)}}@keyframes fadeIn{0%{opacity:0}}@media (prefers-reduced-motion:reduce){#rays,.beam,.final .burst{animation:none}}