@font-face{font-family:TongSiam;src:url(./TongSiam-Reg-BciUry3c.ttf);font-weight:400}@font-face{font-family:TongSiam;src:url(./TongSiam-Med-ChXdiw-4.ttf);font-weight:500}@font-face{font-family:TongSiam;src:url(./TongSiam-Bold-oR-GrMKl.ttf);font-weight:700}@font-face{font-family:TongSiam;src:url(./TongSiam-MedIt-BkSmQEmA.ttf);font-weight:500;font-style:italic}@font-face{font-family:TongSiam;src:url(./TongSiam-BoldIt-BQgBWhFp.ttf);font-weight:700;font-style:italic}@font-face{font-family:LatinDisplay;src:url(./Kanit-ExtraBoldItalic-Dj66fiv7.ttf);unicode-range:U+0-24F}@font-face{font-family:Worasait;src:url(./Worasait-Cv7EfUZG.ttf)}:root{--blue:#1d4fc4;--lime:#c8f03c;--white:#fff;--cta:#f2542d;--ink:#0b2a6f}html,body,#root{background:var(--blue);width:100%;height:100%;margin:0;overflow:hidden}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:none;-webkit-tap-highlight-color:transparent}img{pointer-events:none}body{color:var(--white);overscroll-behavior:none;font-family:TongSiam,sans-serif}.stage{background:var(--blue);transform-origin:50%;width:1080px;height:1920px;position:absolute;top:50%;left:50%;overflow:hidden}.screen{position:absolute;inset:0}.h-display{font-family:LatinDisplay,TongSiam,sans-serif;font-style:italic;font-weight:700;line-height:.95}.layer{pointer-events:none;position:absolute;inset:0}.fill-abs{position:absolute;inset:0}.art-placeholder{border:4px dashed var(--lime);color:var(--lime);background:#ffffff0f;place-items:center;font-size:28px;display:grid}button{cursor:pointer;border:0;font-family:inherit}.fill{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.fit{object-fit:contain;object-position:bottom;width:100%;height:100%}.quiz-char .fit{object-position:top}.deco-b{width:180px;top:1660px;right:300px}.checker{z-index:1;background:repeating-conic-gradient(#c8f03c 0 25%, #1d4fc4 0 50%) 0 0 / 180px 180px;position:absolute;inset:1130px 0 150px}.checker:after{content:"";background:repeating-conic-gradient(#5bc8ff59 0 25%, transparent 0 50%) 45px 45px / 90px 90px;position:absolute;inset:0}.home .layer{z-index:2}.home .layer:first-child{z-index:0}.home-title{z-index:3;text-align:center;position:absolute;top:1010px;left:40px;right:40px}.home-title .t1{color:#fff;-webkit-text-stroke:14px var(--ink);paint-order:stroke fill;font-size:230px;line-height:1}.home-title .t2{color:#fff6d8;-webkit-text-stroke:14px var(--ink);paint-order:stroke fill;margin-top:-20px;font-size:210px;line-height:.9}.home-title .t3{color:#fff6d8;-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;margin-top:4px;font-size:64px}.tagline{z-index:3;text-align:center;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;margin:0;font-size:42px;font-weight:700;position:absolute;top:1500px;left:50px;right:50px}.home-actions{z-index:3;justify-content:center;align-items:center;gap:50px;display:flex;position:absolute;top:1540px;left:0;right:0}.lang{flex-direction:column;gap:0;display:flex}.lang-btn{color:#fff;opacity:.5;text-align:right;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;background:0 0;min-height:88px;padding:8px 0;font-family:LatinDisplay,TongSiam,sans-serif;font-size:54px;font-style:italic;font-weight:700}.lang-btn.on{opacity:1}.start-btn{width:230px;height:230px;color:var(--ink);border:8px solid var(--ink);box-shadow:0 10px 0 var(--ink);background:#fff;border-radius:50%;font-size:96px}.disclaimer{z-index:3;background:var(--ink);text-align:center;place-items:center;height:150px;margin:0;padding:20px 50px;font-size:22px;line-height:1.35;display:grid;position:absolute;bottom:0;left:0;right:0}.howto{background:var(--blue)}.howto-title{text-align:center;width:100%;color:var(--lime);text-shadow:0 10px 0 var(--ink);margin:0;font-size:210px;position:absolute;top:40px}.step{pointer-events:none;position:absolute;inset:0}.step>*{pointer-events:auto}.step-box{background:var(--lime);border:6px solid var(--ink);transform-origin:bottom;clip-path:inset(-45% -10% 0);position:absolute}.step-art{object-fit:contain;object-position:top center;width:90%;height:200%;position:absolute;bottom:-60%;left:5%;right:5%}.step-1 .step-box{width:500px;height:340px;top:350px;left:45px}.step-2 .step-box{width:490px;height:340px;top:540px;left:585px}.step-3 .step-box{background:#1e6e8e;width:500px;height:320px;top:1030px;left:45px}.step-num{color:#fff;-webkit-text-stroke:9px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink);font-size:180px;line-height:1;position:absolute}.step-1 .step-num{top:320px;left:400px}.step-2 .step-num{top:500px;right:20px}.step-3 .step-num{top:975px;left:30px}.step-4 .step-num{top:1420px;left:45px}.step-copy{position:absolute}.step-copy h2{margin:0;font-family:LatinDisplay,TongSiam,sans-serif;font-size:62px;font-weight:700;line-height:1.1}.step-copy p{margin:8px 0 0;font-size:40px;line-height:1.25}.step-1 .step-copy{width:520px;top:715px;left:50px}.step-2 .step-copy{text-align:right;width:500px;top:905px;right:40px}.step-3 .step-copy{width:470px;top:1060px;left:585px}.step-4 .step-copy{width:530px;top:1590px;left:50px}.howto-sit{width:600px;height:560px;position:absolute;top:1330px;right:-50px}.howto-bar{background:var(--ink);z-index:4;justify-content:flex-end;align-items:center;gap:26px;height:170px;padding:0 40px;display:flex;position:absolute;bottom:0;left:0;right:0}.howto-bar p{color:var(--lime);text-align:right;max-width:460px;margin:0;font-size:32px;font-weight:500}.go-btn{background:var(--cta);color:#fff;border:6px solid #000;border-radius:70px;min-height:130px;padding:10px 56px;font-size:80px;position:relative;overflow:hidden;box-shadow:0 8px #000}.shine{background:#ffffff8c;width:60px;animation:3s ease-in-out infinite shine;position:absolute;top:0;bottom:0;left:-80px;transform:skew(-20deg)}@keyframes shine{0%,60%{left:-80px}to{left:120%}}.quiz{background:var(--blue)}.progress{z-index:5;align-items:center;gap:20px;display:flex;position:absolute;top:46px;left:50px;right:300px}.progress-track{border:3px solid var(--ink);background:#ffffff4d;border-radius:12px;flex:1;height:24px;overflow:hidden}.progress-fill{background:var(--lime);height:100%}.progress-num{text-shadow:0 4px 0 var(--ink);font-size:44px;font-style:italic;font-weight:700}.bubble{filter:drop-shadow(14px 16px #0b2a6fe6);min-height:380px;position:absolute;top:120px;left:70px;right:70px;transform:rotate(-3deg)}.bubble-border,.bubble-fill{clip-path:polygon(2% 8%,100% 0,97% 100%,0 94%);position:absolute;inset:0}.bubble-border{background:var(--lime)}.bubble-fill{clip-path:polygon(4% 11%,98% 3%,95.5% 96%,2% 91%);background:#fff;inset:0}.bubble-tail{width:170px;height:160px;position:absolute;top:calc(100% - 46px);left:22%;overflow:visible}.q-text{z-index:1;color:#0b1440;text-align:center;margin:0;padding:64px 70px 70px;font-size:72px;font-weight:700;line-height:1.15;position:relative}.q-text mark{color:#0b1440;background:var(--lime);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px 22px 8px 18px;padding:0 14px;box-shadow:4px 4px #c8f03c73}.va .bubble-tail{left:16%}.vb .bubble-tail{left:10%}.vc .bubble-tail{left:42%}.answers{z-index:3;flex-direction:column;gap:10px;display:flex;position:absolute;left:70px;right:70px}.answer{text-align:left;color:#0b1440;background:var(--lime);border:0;border-radius:28px;width:100%;min-height:124px;padding:16px 44px;font-size:38px;font-weight:500;line-height:1.2;position:relative;overflow:hidden;box-shadow:0 12px #0b2a6f,0 14px 18px #00000040}.answer.alt{background:var(--white)}.answer.picked{background:var(--cta);color:var(--white)}.ripple{background:var(--white);pointer-events:none;border-radius:50%;width:300px;height:300px;margin:-150px 0 0 -150px;position:absolute}.quiz-char{position:absolute}.va .quiz-char{width:700px;height:1050px;top:620px;left:-70px}.va .q-card:after{left:18%}.va .answers{top:1010px}.vb .quiz-char{width:640px;height:960px;top:760px;left:-80px}.vb .q-card:after{left:12%}.vb .answers{top:760px;left:420px;right:40px}.vb .answer{padding:16px 30px;font-size:34px}.vc .quiz-char{width:820px;height:1230px;top:640px;left:130px}.vc .q-card:after{left:46%}.vc .answers{top:1060px}.deco{object-fit:contain;width:200px;height:200px;position:absolute}.deco-a{top:520px;right:30px}.deco-b{width:160px;top:470px;left:20px}.deco-c{width:120px;top:120px;right:60px}.waves{pointer-events:none;z-index:2;height:320px;position:absolute;bottom:-60px;left:0;right:0;overflow:hidden}.lang-pill{z-index:6;background:var(--white);color:var(--ink);border:5px solid var(--ink);border-radius:50px;min-height:88px;padding:14px 34px;font-size:40px;font-weight:700;position:absolute;top:34px;right:40px}.lang-pill span{opacity:.35}.lang-pill span.on{opacity:1}.processing{place-items:center;display:grid}.wheel{width:0;height:0;position:absolute;top:760px;left:50%}.wheel-slot{width:230px;height:230px;margin:-115px 0 0 -115px;position:absolute}.processing-text{text-align:center;margin:0;font-size:64px;position:absolute;top:1220px;left:80px;right:80px}.result-title{z-index:2;position:absolute;left:40px;right:40px}.rt-name{letter-spacing:-8px;color:#fff;text-shadow:12px 12px 0 var(--blue), -3px -3px 0 var(--blue);margin:0;font-size:400px;font-style:normal;line-height:.95}.rt-pre{color:#fff;text-shadow:7px 7px 0 var(--blue);margin-bottom:-30px;font-size:130px;font-style:normal}.rt-post{color:#fff;text-shadow:8px 8px 0 var(--blue);margin-top:-20px;font-size:170px;font-style:normal}.result-panel{background:var(--blue);height:360px;position:absolute;bottom:0;left:0;right:0}.result-bottom{z-index:2;padding:0 40px;position:absolute;top:1470px;left:0;right:0}.result-type{white-space:nowrap;text-align:center;color:var(--blue);box-shadow:16px 16px 0 var(--ink);background:#eafb6a;border-radius:26px;margin:0 0 34px;padding:14px 40px;font-family:Worasait,TongSiam,sans-serif;font-size:110px;line-height:1.25;display:block;overflow:hidden}.result-body{text-align:center;margin:0;padding:0 30px;font-size:40px;line-height:1.4}.again-wrap{z-index:6;position:absolute;top:34px;right:270px}.again-btn{background:var(--cta);color:#fff;border:5px solid var(--ink);border-radius:50px;min-height:88px;padding:16px 40px;font-size:44px}.countdown{z-index:6;border:6px solid var(--lime);background:#0b2a6fb3;border-radius:50%;place-items:center;width:96px;height:96px;font-size:48px;font-weight:700;display:grid;position:absolute;top:30px;left:150px}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti span{border-radius:3px;position:absolute;top:0}.flash{pointer-events:none;background:#fff;position:absolute;inset:0}.tapfx{pointer-events:none;z-index:50;position:absolute;inset:0}.burst{width:0;height:0;position:absolute}.burst-ring{border:6px solid var(--lime);border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute}.burst-dot{background:var(--white);width:16px;height:16px;box-shadow:0 0 0 3px var(--lime);border-radius:50%;margin:-8px 0 0 -8px;position:absolute}.admin-hotspot{z-index:90;width:120px;height:120px;position:absolute;top:0;left:0}.admin-panel{z-index:100;color:var(--ink);border:6px solid var(--ink);touch-action:auto;background:#fff;border-radius:30px;padding:50px;font-size:40px;position:absolute;top:600px;left:140px;right:140px}.admin-panel h2{margin:0 0 30px}.admin-panel input{touch-action:auto;width:100%;height:80px}.admin-row{gap:20px;margin-top:30px;display:flex}.admin-row button{background:var(--blue);color:#fff;border-radius:20px;flex:1;padding:26px;font-size:40px}.answer-text{font-weight:700;display:block;transform:skew(8deg)}.waves-art{background-repeat:repeat-x;background-size:auto 100%;height:300px;animation:14s linear infinite waves-scroll;position:absolute;bottom:0;left:0;right:0}@keyframes waves-scroll{0%{background-position-x:0}to{background-position-x:calc(-1 * var(--tile))}}.q-text.long{padding-top:56px;padding-bottom:60px;font-size:60px}.rt-name,.rt-pre,.rt-post{white-space:nowrap;overflow:visible}.ambient-bit{will-change:transform;border-radius:3px;animation-name:bit-fall,bit-sway;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;position:absolute;top:-40px}@keyframes bit-fall{0%{transform:translateY(0)rotate(0)}to{transform:translateY(2000px)rotate(540deg)}}@keyframes bit-sway{0%,to{translate:0}50%{translate:40px}}