:root{--navy:#101B32;--navy-2:#18264A;--burgundy:#781F32;--gold:#D8B36B;--ivory:#F5EDDF;--pine:#234638;--snow:#FFFFFF;--ice:#8FD3F4;--mint:#6FD6B0;--candy:#FF8FB8;--sun:#FFC93C;--text:var(--ivory);--muted:rgba(245,237,223,.72);--line:rgba(216,179,107,.45);--error:#FFB4B4;--radius:18px}@font-face{font-family:Playfair Display;src:url(/play/fonts/PlayfairDisplay-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Archivo Black;src:url(/play/fonts/ArchivoBlack-Regular.woff2) format("woff2");font-display:swap}@font-face{font-family:Montserrat;src:url(/play/fonts/Montserrat-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url(/play/fonts/Montserrat-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Trirong;src:url(/play/fonts/Trirong-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Prompt;src:url(/play/fonts/Prompt-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Prompt;src:url(/play/fonts/Prompt-Medium.woff2) format("woff2");font-weight:500 600;font-display:swap}*{box-sizing:border-box}html,body{margin:0;background:var(--navy);color:var(--text);font:400 16px/1.5 Montserrat,Prompt,system-ui,sans-serif;-webkit-text-size-adjust:100%}body{background:radial-gradient(120% 60% at 50% 0%,var(--navy-2),var(--navy) 70%) fixed;min-height:100dvh}:lang(th) body,:lang(th) button,:lang(th) input,:lang(th) select{font-family:Prompt,Montserrat,system-ui,sans-serif}:lang(th),:lang(th) *{letter-spacing:0!important}#app{max-width:480px;margin:0 auto;min-height:100dvh;padding:12px 16px calc(24px + env(safe-area-inset-bottom))}h1,h2{font-family:Playfair Display,Trirong,serif;font-weight:600;line-height:1.15;margin:12px 0 8px}h1{font-size:34px}h2{font-size:26px}:lang(th) h1,:lang(th) h2{font-family:Trirong,Playfair Display,serif}a{color:var(--gold)}p{margin:8px 0}[hidden]{display:none!important}.top{display:flex;align-items:center;justify-content:space-between;min-height:40px}.brand{font:400 15px Archivo Black,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);text-decoration:none}.lang{width:auto;margin:0;padding:6px 14px;font-size:14px;background:transparent;color:var(--ivory);border:1.5px solid var(--line)}button,.btn{display:block;width:100%;margin:10px 0;padding:15px 18px;border-radius:999px;border:0;cursor:pointer;font:600 17px Montserrat,Prompt,sans-serif;text-align:center;text-decoration:none;color:var(--ivory);transition:transform .12s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}:lang(th) button,:lang(th) .btn{font-family:Prompt,Montserrat,sans-serif;font-weight:500}button:active:not(:disabled),.btn:active{transform:scale(.97)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.primary{background:var(--burgundy);box-shadow:inset 0 0 0 1.5px var(--gold)}.ghost{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line)}.gold{background:var(--gold);color:var(--navy)}.big{padding:20px;font-size:19px;margin-top:18px}.link{background:none;color:var(--gold);text-decoration:underline;padding:10px;font-weight:400}.row{display:flex;gap:10px}.row>*{flex:1}.landing{text-align:center}.fold{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 76px - env(safe-area-inset-bottom));min-height:calc(100svh - 76px - env(safe-area-inset-bottom))}.lockup{font:400 26px Archivo Black,sans-serif;letter-spacing:.06em;color:var(--ivory);margin:0}.lockup .star{color:var(--gold);margin-left:4px;display:inline-block}.landing h1{font-size:30px;margin:6px 0 2px;text-wrap:balance}.landing .lede{margin:2px 0 6px;font-size:15px;line-height:1.4}.ctas{margin-top:10px}.ctas button{margin:8px 0;padding:14px 18px}.ctas .primary{font-size:18px;padding:16px 18px}@media (max-height: 620px){.lockup{font-size:21px}.landing h1{font-size:25px;margin-top:2px}.landing .lede{font-size:14px}.ctas button{margin:6px 0;padding:12px 16px}.ctas .primary{padding:14px 16px}}.cast{flex:1 1 0;min-height:120px;max-height:min(420px,80vw);container-type:size;position:relative;margin:4px 0}.cast-box{position:relative;width:min(100cqw,130cqh);height:min(100cqh,76.9cqw);margin:0 auto}@supports not (width: 1cqw){.cast-box{width:100%;height:100%}}.cast .c{position:absolute;bottom:0;width:auto;transform-origin:50% 100%;animation:bop 1.2s ease-in-out infinite}.c-rudy{height:100%;left:46%;z-index:1;animation-delay:-.3s!important}.c-elf{height:86%;left:12%;z-index:2;animation-delay:-.8s!important}.c-pang{height:46%;left:72%;z-index:3;animation-delay:-.1s!important;animation-duration:1.6s!important}.c-hima{height:38%;left:-1%;z-index:0;animation-delay:-.5s!important;animation-duration:1.8s!important}@keyframes bop{50%{transform:translateY(-5%) rotate(-2deg)}}@media (prefers-reduced-motion: reduce){.cast .c,.spinner{animation:none!important}}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 16px;background:radial-gradient(120% 60% at 50% 30%,var(--navy-2),var(--navy) 70%);transition:transform .45s cubic-bezier(.6,0,.4,1),opacity .45s ease;cursor:pointer}.splash.out{transform:translateY(-100%);opacity:0}.splash .cast{flex:none;width:100%;max-width:440px;height:min(46vh,340px);max-height:none}.splash .c{animation:pop .5s cubic-bezier(.3,1.6,.5,1) both,bop 1.2s ease-in-out .9s infinite}.splash .c-pang{animation-delay:.1s,1s!important}.splash .c-rudy{animation-delay:.35s,1.1s!important}.splash .c-hima{animation-delay:.6s,1.2s!important}.splash .c-elf{animation-delay:.85s,1.3s!important}.splash .lockup{font-size:34px;animation:pop .5s cubic-bezier(.3,1.6,.5,1) 1.1s both}.splash .lockup .star{animation:twinkle 1s ease-in-out 1.4s infinite}@keyframes pop{0%{transform:scale(0) translateY(20%);opacity:0}to{transform:scale(1);opacity:1}}@keyframes twinkle{50%{transform:scale(1.35) rotate(18deg)}}.lede{color:var(--muted)}.counter{text-align:center;font-weight:600;color:var(--gold);min-height:1.5em}.tree-link{display:inline-block;margin:4px 0 8px}footer{margin-top:24px;border-top:1px solid var(--line);padding-top:12px;text-align:center;color:var(--muted);font-size:14px}.badge{width:110px;height:auto;display:block;margin:8px auto;border-radius:50%}.small{font-size:13px;opacity:.85;text-align:center}.sheet{background:#f5eddf0f;border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-top:12px}.consent{padding-left:20px}.consent li{margin:8px 0}label{display:block;margin:14px 0;font-weight:600}label>span{display:block;margin-bottom:6px}input,select{display:block;width:100%;padding:13px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--ivory);color:var(--navy);font:16px Montserrat,Prompt,sans-serif}label.check{display:flex;gap:12px;align-items:flex-start;font-weight:400}label.check>span{margin:0}label.check.off{opacity:.5}label.check input{width:22px;height:22px;flex:none;margin:2px 0 0;accent-color:var(--gold)}.error,small.error{color:var(--error);display:block;font-weight:400;min-height:0}small.error:empty,p.error:empty{display:none}.ok{color:var(--mint)}.hint{color:var(--ice);text-align:center;min-height:1.5em}.busy:after{content:"";display:inline-block;width:18px;height:18px;border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite;vertical-align:middle}.center{text-align:center;padding-top:14vh}.spinner{width:56px;height:56px;margin:0 auto 20px;border:5px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}progress{width:100%;height:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:99px;background:#f5eddf26;overflow:hidden;accent-color:var(--gold)}progress::-webkit-progress-bar{background:#f5eddf26}progress::-webkit-progress-value{background:var(--gold);border-radius:99px}progress::-moz-progress-bar{background:var(--gold)}.cam{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:var(--radius);overflow:hidden;background:#000}.cam video{width:100%;height:100%;object-fit:cover}.mirror{transform:scaleX(-1)}.oval{position:absolute;left:50%;top:46%;width:58%;aspect-ratio:3 / 4;transform:translate(-50%,-50%);border:4px dashed var(--gold);border-radius:50%;box-shadow:0 0 0 999px #101b3273;pointer-events:none}.hint.together{margin:8px 0 0;min-height:0}.hint.inapp{min-height:0;margin:6px 0 10px;font-size:15px}.capture-actions h3{text-align:center;margin:18px 0 4px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{margin:0;padding:8px;border-radius:var(--radius);background:#f5eddf0f;box-shadow:inset 0 0 0 1.5px var(--line)}.card canvas{width:100%;height:auto;display:block;border-radius:12px;background:var(--navy-2)}.card span{display:block;margin-top:6px;font-size:15px}.card.picked{box-shadow:inset 0 0 0 3px var(--gold)}.pet-canvas{width:100%;height:auto;display:block;touch-action:none;border-radius:var(--radius);background:repeating-conic-gradient(rgba(245,237,223,.08) 0 25%,transparent 0 50%) 0 0 / 24px 24px}.stage{width:100%;height:auto;display:block;border-radius:var(--radius);background:#000;aspect-ratio:9 / 16}.preview .stage{max-height:68dvh;width:auto;margin:0 auto}.done video.stage{max-height:62dvh;width:auto;margin:0 auto}.ring-wrap{position:relative;width:180px;height:180px;margin:24px auto}.ring{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:10}.ring-bg{stroke:#f5eddf26}.ring-fg{stroke:var(--gold);stroke-linecap:round;transition:stroke-dashoffset .2s linear}.pct{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:400 28px Archivo Black,sans-serif}.quip{color:var(--muted);font-style:italic;min-height:3em}.thumb-wrap{text-align:center}.thumb{width:120px;height:120px;border-radius:50%;background:var(--ivory);border:3px solid var(--gold)}.turnstile{margin:14px 0;min-height:65px}.card-screen{text-align:center}.card-img{width:100%;height:auto;border-radius:var(--radius);display:block}.ornament{position:relative;width:74%;aspect-ratio:1;margin:34px auto 8px;border-radius:50%;background:var(--ivory);border:8px solid var(--gold);box-shadow:inset 0 0 0 4px var(--burgundy);overflow:hidden;display:grid;place-items:center}.ornament:before{content:"";position:absolute;top:-30px;left:50%;width:18%;height:22px;transform:translate(-50%);background:var(--gold);border-radius:4px}.ornament img{width:86%;height:86%;object-fit:contain}.ornament-empty{font-size:64px;color:var(--gold);opacity:.5}.names{font:600 20px Playfair Display,Trirong,serif}.code{background:#d8b36b1f;border:1px dashed var(--gold);border-radius:12px;padding:10px;font-size:14px}.find{align-items:flex-end}.find label{margin:0}.find button{flex:0 0 auto;width:auto;margin:0}.tree-wrap{position:relative;margin:16px 0}.tree-star{position:absolute;top:-4px;left:50%;transform:translate(-50%);font-size:44px;color:var(--gold);z-index:2;line-height:1}.tree{position:relative;min-height:300px}.tier{position:absolute;left:50%;transform:translate(-50%);background:linear-gradient(var(--pine),#183528);clip-path:polygon(50% 0,100% 100%,0 100%)}.orn{position:absolute;width:44px;height:44px;transform:translate(-50%);border-radius:50%;background:var(--ivory);border:3px solid var(--gold);overflow:hidden;z-index:1}.orn img{width:100%;height:100%;object-fit:contain}.sentinel{height:1px}.privacy{padding-bottom:32px}.privacy h2{font-size:22px;margin-top:24px}.privacy p{color:var(--muted)}@media (min-width: 700px){#app{padding-top:32px}}#app[data-screen=landing] .top .brand{visibility:hidden}.cam-heads-up{display:flex;gap:12px;align-items:center;margin:14px 0 4px}.cam-heads-up p{margin:0}.consent-art{width:96px;height:auto;flex:none}.cam-blocked{text-align:center}.cam-steps:focus{outline:none}.cam-status{color:var(--sun);font-weight:600;min-height:0}.cam-blocked .consent-art{width:120px;display:block;margin:0 auto}body.dim:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#050a16b8;z-index:50;pointer-events:none}.allow-arrow{position:fixed;left:50%;transform:translate(-50%);z-index:51;pointer-events:none;text-align:center;font:600 20px Montserrat,Prompt,sans-serif;color:var(--sun);animation:allow-in .2s ease .3s both}:lang(th) .allow-arrow{font-family:Prompt,Montserrat,sans-serif}.allow-arrow:before{display:block;font-size:44px;line-height:1;animation:allow-bob 1s ease-in-out infinite alternate}.allow-arrow.ios{top:calc(12px + env(safe-area-inset-top))}.allow-arrow.ios:before{content:"↑";content:"↑" / ""}.allow-arrow.android,.allow-arrow.other{bottom:calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column-reverse}.allow-arrow.android:before,.allow-arrow.other:before{content:"↓";content:"↓" / ""}@keyframes allow-in{0%{opacity:0}to{opacity:1}}@keyframes allow-bob{0%{transform:translateY(0)}to{transform:translateY(8px)}}@media (prefers-reduced-motion: reduce){.allow-arrow,.allow-arrow:before{animation:none}}.discard-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:#101b32b8}.discard-sheet .sheet{width:100%;max-width:480px;background:var(--navy);text-align:center;margin:0 0 env(safe-area-inset-bottom)}.discard-sheet p{margin:0 0 6px;font-weight:600}