@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700;800&family=Sarabun:wght@400;500;600&family=Mitr:wght@400;500;600;700&family=Anuphan:wght@400;500;600;700&family=Kanit:wght@400;500;600;700&family=Bai+Jamjuree:wght@400;500;600&display=swap";html:has(.kiosk){background:#f5faf8;font-size:clamp(15px,.6vmin + .75vw,40px)}.kiosk{--teal-900:#0b3b36;--teal-700:#0f6b5f;--teal-600:#138a7a;--teal-500:#1aa892;--mint-300:#8fe0c9;--mint-100:#dcf5ec;--mint-50:#f0fbf7;--gold:#e9b33a;--gold-lt:#fdf2d2;--gold-700:#8a6510;--green-100:#dff7ea;--green-700:#0d6b4e;--red:#d9534f;--red-100:#fde8e7;--ink:#12302c;--ink-soft:#5b7470;--line:#e1efea;--cream:#f5faf8;--radius-s:.8rem;--radius:1.2rem;--radius-l:1.8rem;--shadow-s:0 .2rem .6rem #0b3b360f;--shadow:0 .6rem 1.8rem #0b3b3614;--shadow-l:0 1.2rem 3.2rem #0b3b361f;--ease:cubic-bezier(.2, .8, .2, 1);--bounce:cubic-bezier(.34, 1.4, .64, 1);--font:"IBM Plex Sans Thai", system-ui, sans-serif;min-height:100dvh;font-family:var(--font);color:var(--ink);-webkit-tap-highlight-color:transparent;line-height:1.5;position:relative;overflow-x:hidden}.kiosk *,.kiosk :before,.kiosk :after{box-sizing:border-box}.kiosk h1,.kiosk h2,.kiosk h3,.kiosk h4{color:var(--teal-900);margin:0;font-weight:700;line-height:1.25}.kiosk p{margin:0;line-height:1.65}.kiosk img{max-width:100%;display:block}.kiosk button{font:inherit;color:inherit}.kiosk .bg{z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 100% 0%, var(--mint-100), transparent 70%), radial-gradient(50% 45% at 0% 100%, #e6f6ef, transparent 70%), var(--cream);position:fixed;inset:0;overflow:hidden}.kiosk .bg:before,.kiosk .bg:after{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%231aa892' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M30 180C60 120 110 70 180 30'/%3E%3Cpath d='M60 140c-20-30-18-60 8-80c14 30 10 58-8 80zM95 102c-6-34 8-60 40-70c4 32-10 56-40 70zM118 150c30-18 60-14 78 10c-30 12-58 8-78-10zM80 175c26-24 56-28 82-10c-26 18-56 20-82 10z'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;width:34vmax;height:34vmax;position:absolute}.kiosk .bg:before{top:-4vmax;right:-6vmax;transform:rotate(180deg)}.kiosk .bg:after{bottom:-8vmax;left:-8vmax}.kiosk>:not(.bg){z-index:1;position:relative}.kiosk .topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);background:#ffffffdb;align-items:center;gap:.9rem;padding:.6rem clamp(1rem,3vw,2.4rem);display:flex;position:sticky;top:0}.kiosk .brand{min-width:0;color:inherit;align-items:center;gap:.7rem;text-decoration:none;display:flex}.kiosk .brand img{width:auto;height:2.7rem}.kiosk .brand-text{flex-direction:column;min-width:0;display:flex}.kiosk .brand-text b{color:var(--teal-900);white-space:nowrap;text-overflow:ellipsis;font-size:1.08rem;font-weight:700;overflow:hidden}.kiosk .brand-text small{color:var(--ink-soft);font-size:.78rem}.kiosk .spacer{flex:1}.kiosk .icon-btn{border:1px solid var(--line);background:var(--mint-50);width:2.8rem;min-width:44px;height:2.8rem;min-height:44px;color:var(--teal-700);cursor:pointer;border-radius:50%;place-items:center;transition:background .2s,color .2s,transform .15s;display:inline-grid}.kiosk .icon-btn:hover{background:var(--teal-600);color:#fff}.kiosk .icon-btn:active{transform:scale(.93)}.kiosk .icon-btn svg{width:1.3rem;height:1.3rem}.kiosk .btn{--bg:var(--teal-600);--fg:#fff;background:var(--bg);min-width:44px;min-height:3.5rem;color:var(--fg);cursor:pointer;transition:transform .15s var(--ease), box-shadow .2s, opacity .2s;-webkit-user-select:none;user-select:none;border:0;border-radius:1rem;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 2.1rem;font-size:1.2rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 .5rem 1.2rem -.3rem #138a7a73}.kiosk .btn:hover{transform:translateY(-2px)}.kiosk .btn:active{transform:translateY(1px)}.kiosk .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.kiosk .btn svg{width:1.25em;height:1.25em}.kiosk .btn-gold{--bg:var(--gold);--fg:var(--teal-900);box-shadow:0 .5rem 1.2rem -.3rem #e9b33a8c}.kiosk .btn-ghost{--bg:#fff;--fg:var(--teal-700);border:1px solid var(--line);box-shadow:var(--shadow-s)}.kiosk .btn-xl{border-radius:1.2rem;min-height:4.4rem;padding:1rem 3rem;font-size:1.55rem}.kiosk .page{width:min(100%,120rem);margin:0 auto;padding:clamp(1rem,2vw,2rem) clamp(1rem,2.5vw,2.4rem)}@media (width>=900px) and (height>=560px){:is(html:has(.kiosk),body:has(.kiosk)){height:100%;overflow:hidden}.kiosk{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:clip}.kiosk .topbar{flex:none}.kiosk .page-frame{flex:1;min-height:0;overflow:clip}.kiosk .page-frame>.page{transform-origin:top;flex-direction:column;min-height:100%;display:flex}.kiosk .start{flex:1;min-height:0}}.kiosk #kiosk-fx{z-index:60}.kiosk .card{border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow);background:#fff}.kiosk .chip{background:var(--mint-100);color:var(--teal-700);border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .9rem;font-size:.9rem;font-weight:600;display:inline-flex}.kiosk .chip-gold{background:var(--gold-lt);color:var(--gold-700)}.kiosk .chip-green{background:var(--green-100);color:var(--green-700)}.kiosk .fade-in{animation:screenIn .5s var(--ease)}@keyframes screenIn{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-.7rem)}}@keyframes shake{20%,60%{transform:translate(-.5rem)}40%,80%{transform:translate(.5rem)}}.kiosk .shake{animation:.45s shake}.kiosk .start{text-align:center;grid-template-columns:1fr;align-items:center;gap:1.5rem;min-height:calc(100dvh - 9rem);display:grid}.kiosk .start-mascot{filter:drop-shadow(0 1.2rem 1.2rem #0b3b3626);width:min(60vw,22rem);margin:0 auto;animation:4s ease-in-out infinite float}.kiosk .start h1{font-size:clamp(2.2rem,5vw,3.8rem)}.kiosk .start h1 span{color:var(--teal-600)}.kiosk .start .lead{color:var(--ink-soft);max-width:36rem;margin:.7rem auto 0;font-size:1.25rem}.kiosk .start .actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.8rem;display:flex}.kiosk .rules{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.4rem;display:flex}@media (aspect-ratio>=5/4) and (width>=900px){.kiosk .start{text-align:left;grid-template-columns:1fr 1.2fr}.kiosk .start .lead{margin-left:0}.kiosk .start .actions,.kiosk .start .rules{justify-content:flex-start}.kiosk .start-mascot{width:min(34vw,30rem)}}.kiosk .hud{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.9rem;display:flex}.kiosk .dots{gap:.4rem;display:flex}.kiosk .dots i{background:#d6ebe4;border-radius:999px;width:2rem;height:.5rem;transition:background .3s}.kiosk .dots i.now{background:var(--gold)}.kiosk .dots i.ok{background:var(--teal-500)}.kiosk .dots i.bad{background:#f0a19e}.kiosk .grow{flex:1}.kiosk .score-pill{background:var(--teal-900);color:#cfeee5;border-radius:999px;align-items:baseline;gap:.45rem;padding:.4rem 1.15rem;font-size:1rem;font-weight:600;display:inline-flex}.kiosk .score-pill b{color:var(--gold);font-size:1.4rem}.kiosk .feedback{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);animation:screenIn .45s var(--ease);background:#fff;align-items:center;gap:1rem;margin-top:1.2rem;padding:1rem 1.3rem;display:flex}.kiosk .feedback.ok{border-left:.4rem solid var(--teal-500)}.kiosk .feedback.bad{border-left:.4rem solid var(--red)}.kiosk .feedback img{flex:none;width:5.5rem}.kiosk .feedback img.photo{aspect-ratio:1;object-fit:cover;width:clamp(7rem,16vw,12rem);box-shadow:var(--shadow);border-radius:1rem}.kiosk .feedback h3{font-size:1.35rem}.kiosk .feedback.ok h3{color:var(--teal-700)}.kiosk .feedback.bad h3{color:var(--red)}.kiosk .feedback .src{color:var(--ink-soft);margin-top:.35rem;font-size:.9rem;display:block}.kiosk .feedback .next{flex:none;margin-left:auto}@media (width<=720px){.kiosk .feedback{flex-wrap:wrap}.kiosk .feedback img{width:4rem}.kiosk .feedback .next{width:100%}}.kiosk .overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:screenIn .3s var(--ease);background:#0b3b3673;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.kiosk .overlay .panel{text-align:center;width:min(100%,34rem);padding:2rem}.kiosk-confetti{pointer-events:none;z-index:60;position:fixed;inset:0;overflow:hidden}.kiosk-confetti i{border-radius:.15rem;width:.7rem;height:1.1rem;animation:linear forwards kfall;position:absolute;top:-2rem}@keyframes kfall{to{transform:translateY(110vh)rotate(720deg)}}@media (prefers-reduced-motion:reduce){.kiosk *,.kiosk :before,.kiosk :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html:has(.kiosk[data-theme=v1]){background:#fffaf1}.kiosk[data-theme=v1]{--teal-900:#3d1142;--teal-700:#561a5c;--teal-600:#6e2475;--teal-500:#4f9a46;--mint-300:#ead2ec;--mint-100:#f6ebf6;--mint-50:#fbf6fb;--gold:#d6a223;--gold-lt:#fdf3d6;--gold-700:#9a6b0a;--green-100:#e5f3e1;--green-700:#2f5f2c;--red:#c2413b;--red-100:#fbe6e4;--ink:#2b1d2e;--ink-soft:#6c5a70;--line:#eadfe9;--cream:#fffaf1;--shadow:0 .5rem 1.6rem #3d11421f;--shadow-l:0 1.2rem 3rem #3d114233;--font:"Sarabun", "Prompt", system-ui, sans-serif}.kiosk[data-theme=v1] :is(h1,h2,h3,h4,.btn,.chip,.score-pill,.timer span,.bubble){font-family:Prompt,Sarabun,sans-serif}.kiosk[data-theme=v1] .bg{background:linear-gradient(#fffaf1f0 0%,#fffaf1d1 40%,#fffaf18c 100%),url(/assets/img/bg.jpg) bottom/cover no-repeat,#fffaf1}.kiosk[data-theme=v1] .bg:before{display:none}.kiosk[data-theme=v1] .bg:after{opacity:.55;background:url(/assets/img/clouds.svg) bottom/auto 100% repeat-x;width:auto;height:22vh;bottom:0;left:0;right:0;transform:none}.kiosk[data-theme=v1] .topbar{background:linear-gradient(90deg,#3d1142,#6e2475);border-bottom:0;box-shadow:0 .3rem 1rem #2a0b2d40}.kiosk[data-theme=v1] .topbar:after{content:"";background:linear-gradient(90deg,#b98510,#f4d77f,#b98510);height:.3rem;position:absolute;bottom:-.3rem;left:0;right:0}.kiosk[data-theme=v1] .brand-text b{color:#fff}.kiosk[data-theme=v1] .brand-text small{color:#fffc}.kiosk[data-theme=v1] .icon-btn{color:#fff;background:#ffffff1a;border:2px solid #ffffff40}.kiosk[data-theme=v1] .icon-btn:hover{background:#ffffff38}.kiosk[data-theme=v1] .btn{box-shadow:0 .35rem 0 #0000002e, var(--shadow);border-radius:999px;font-weight:700}.kiosk[data-theme=v1] .btn-gold{--bg:linear-gradient(180deg, #e8bd45, #b98510);--fg:#2a0b2d}.kiosk[data-theme=v1] .btn-ghost{--bg:#fff;--fg:#561a5c;border:2px solid #ead2ec}.kiosk[data-theme=v1] .chip{color:#561a5c;background:#f6ebf6}.kiosk[data-theme=v1] .chip-gold{color:#9a6b0a;background:#fdf3d6}.kiosk[data-theme=v1] .score-pill{color:#fff;background:#561a5c}.kiosk[data-theme=v1] .score-pill b{color:#f4d77f}.kiosk[data-theme=v1] .dots i{background:#ead2ec;border-radius:50%;width:1rem;height:1rem}.kiosk[data-theme=v1] .dots i.now{background:#d6a223;box-shadow:0 0 0 .25rem #fdf3d6}.kiosk[data-theme=v1] .start h1{color:#561a5c;font-weight:800}.kiosk[data-theme=v1] .start h1 span{color:#b98510}.kiosk[data-theme=v1] .bubble{color:#561a5c;background:#fff;border:2px solid #ead2ec}.kiosk[data-theme=v1] .bubble:after{background:#fff}.kiosk[data-theme=v1] .opt .mark{color:#fff;background:#9a9a9a;border:0}.kiosk[data-theme=v1] .opt{background:#fff;border-width:2px}.kiosk[data-theme=v1] .opt.ok .mark{color:#3e7a39;background:0 0;border:3px solid #3e7a39}.kiosk[data-theme=v1] .ans{background:#fff;border:3px solid #ead2ec;box-shadow:0 .3rem #ead2ec}.kiosk[data-theme=v1] .ans b{background:#6e2475}.kiosk[data-theme=v1] .rebus{background:radial-gradient(circle at 50% 120%,#e8bd4540,#0000 60%),#fbf6fb;border:2px dashed #ead2ec}.kiosk[data-theme=v1] .op{color:#b98510}.kiosk[data-theme=v1] .reveal .word{color:#561a5c}.kiosk[data-theme=v1] .dcard{box-shadow:0 .3rem 0 #ead2ec, var(--shadow-s);background:#fff;border:3px solid #ead2ec}.kiosk[data-theme=v1] .stage{border-color:#fff}.kiosk[data-theme=v1] .drop{background:#3d114273}.kiosk[data-theme=v1] .drop.filled{background:#3e7a39e0}.kiosk[data-theme=v1] .result:before{background:linear-gradient(135deg,#6e2475,#a04aa5)}.kiosk[data-theme=v1] .result .big{background:linear-gradient(#e8bd45,#9a6b0a);color:#0000;-webkit-background-clip:text;background-clip:text}.kiosk[data-theme=v1] .genders button.on{background:#f6ebf6;border-color:#6e2475}.kiosk[data-theme=v1] .genders button.on i{background:#6e2475}.kiosk[data-theme=v1] .display{background:#fbf6fb;border-color:#a04aa5}html:has(.kiosk[data-theme=v2]){background:#fff8ec}.kiosk[data-theme=v2]{--teal-900:#1f1430;--teal-700:#5a24b5;--teal-600:#7b3fe4;--teal-500:#2fd39a;--mint-300:#c9b0ff;--mint-100:#efe6ff;--mint-50:#f7f2ff;--gold:#ffd23f;--gold-lt:#fff3c4;--gold-700:#7a4f00;--green-100:#d9fbee;--green-700:#0b6a46;--red:#ff5c6c;--red-100:#ffe1e4;--ink:#1f1430;--ink-soft:#5e5470;--line:#1f1430;--cream:#fff8ec;--bw:.18rem;--shadow-s:.18rem .18rem 0 #1f1430;--shadow:.32rem .32rem 0 #1f1430;--shadow-l:.5rem .5rem 0 #1f1430;--font:"Anuphan", "Mitr", system-ui, sans-serif}.kiosk[data-theme=v2] :is(h1,h2,h3,h4,.btn,.chip,.score-pill,.timer span,.bubble,.opt,.ans,.dcard,.pad button,.genders button){font-family:Mitr,Anuphan,sans-serif}.kiosk[data-theme=v2] .bg{background:radial-gradient(#1f143021 1.3px,#0000 1.5px) 0 0/1.4rem 1.4rem,#fff8ec}.kiosk[data-theme=v2] .bg:before,.kiosk[data-theme=v2] .bg:after{filter:blur(60px);opacity:.55;background:0 0;border-radius:50%;width:46vmax;height:46vmax;transform:none}.kiosk[data-theme=v2] .bg:before{background:#d9c6ff;top:-12vmax;left:-14vmax;right:auto}.kiosk[data-theme=v2] .bg:after{background:#bff3dc;bottom:-14vmax;left:auto;right:-12vmax}.kiosk[data-theme=v2] .topbar{border:var(--bw) solid #1f1430;box-shadow:var(--shadow);background:#fff;border-radius:999px;margin:.7rem clamp(.7rem,2.5vw,2.4rem) 0;padding:.45rem .55rem .45rem .9rem;top:.7rem}.kiosk[data-theme=v2] .icon-btn{border:var(--bw) solid #1f1430;color:#1f1430;background:#fff}.kiosk[data-theme=v2] .icon-btn:hover{color:#1f1430;background:#ffd23f;transform:rotate(-8deg)}.kiosk[data-theme=v2] .btn{--bg:#7b3fe4;border:var(--bw) solid #1f1430;box-shadow:var(--shadow);border-radius:999px;transition:transform .12s,box-shadow .12s}.kiosk[data-theme=v2] .btn:hover{transform:translate(-.08rem,-.08rem);box-shadow:.42rem .42rem #1f1430}.kiosk[data-theme=v2] .btn:active{transform:translate(.32rem,.32rem);box-shadow:0 0 #1f1430}.kiosk[data-theme=v2] .btn-gold{--bg:#ffd23f;--fg:#1f1430}.kiosk[data-theme=v2] .btn-ghost{--bg:#fff;--fg:#1f1430}.kiosk[data-theme=v2] .card{border:var(--bw) solid #1f1430;box-shadow:var(--shadow-l)}.kiosk[data-theme=v2] .chip{color:#1f1430;background:#efe6ff;border:.12rem solid #1f1430}.kiosk[data-theme=v2] .chip-gold{background:#ffd23f}.kiosk[data-theme=v2] .chip-green{background:#2fd39a}.kiosk[data-theme=v2] .rules .chip:nth-child(odd){transform:rotate(-2deg)}.kiosk[data-theme=v2] .rules .chip:nth-child(2n){transform:rotate(1.5deg)}.kiosk[data-theme=v2] .score-pill{color:#1f1430;border:var(--bw) solid #1f1430;box-shadow:var(--shadow-s);background:#ffd23f}.kiosk[data-theme=v2] .score-pill b{color:#1f1430}.kiosk[data-theme=v2] .dots i{background:#fff;border:.12rem solid #1f1430;width:1.5rem;height:.9rem}.kiosk[data-theme=v2] .dots i.now{background:#ffd23f;width:2.4rem}.kiosk[data-theme=v2] .dots i.ok{background:#2fd39a}.kiosk[data-theme=v2] .dots i.bad{background:#ff5c6c}.kiosk[data-theme=v2] .timer{border:var(--bw) solid #1f1430;box-shadow:var(--shadow-s)}.kiosk[data-theme=v2] .start-mascot{filter:drop-shadow(.4rem .4rem #1f1430e6)}.kiosk[data-theme=v2] .start h1 span{color:#7b3fe4}.kiosk[data-theme=v2] .bubble{color:#1f1430;border:var(--bw) solid #1f1430;box-shadow:var(--shadow-s);background:#fff}.kiosk[data-theme=v2] .bubble:after{border-right:var(--bw) solid #1f1430;border-bottom:var(--bw) solid #1f1430;background:#fff}.kiosk[data-theme=v2] :is(.opt,.ans,.dcard,.pad button,.genders button){border:var(--bw) solid #1f1430;box-shadow:var(--shadow);background:#fff}.kiosk[data-theme=v2] :is(.opt,.ans,.dcard):hover:not(:disabled){background:#efe6ff;border-color:#1f1430;box-shadow:.42rem .42rem #1f1430}.kiosk[data-theme=v2] .opt .mark{border:var(--bw) solid #1f1430}.kiosk[data-theme=v2] :is(.opt,.ans).ok{background:#2fd39a;border-color:#1f1430}.kiosk[data-theme=v2] :is(.opt,.ans).bad{color:#fff;background:#ff5c6c;border-color:#1f1430}.kiosk[data-theme=v2] :is(.opt,.ans).dim{box-shadow:none}.kiosk[data-theme=v2] .ans b{color:#1f1430;border:var(--bw) solid #1f1430;background:#ffd23f}.kiosk[data-theme=v2] .rebus{border:var(--bw) solid #1f1430;background:radial-gradient(#7b3fe42e 1.4px,#0000 1.6px) 0 0/1.1rem 1.1rem,#efe6ff}.kiosk[data-theme=v2] .tile{border:var(--bw) solid #1f1430;box-shadow:var(--shadow)}.kiosk[data-theme=v2] .op{border:var(--bw) solid #1f1430;color:#1f1430;background:#ffd23f;border-radius:50%;place-items:center;width:3rem;height:3rem;font-size:1.8rem;display:grid}.kiosk[data-theme=v2] :is(.hintbar,.hintbox){border:var(--bw) solid #1f1430;color:#1f1430;background:#fff3c4}.kiosk[data-theme=v2] .reveal .word{color:#7b3fe4;text-shadow:.16rem .16rem #ffd23f}.kiosk[data-theme=v2] .feedback{border:var(--bw) solid #1f1430;box-shadow:var(--shadow)}.kiosk[data-theme=v2] .feedback.ok{background:#d9fbee}.kiosk[data-theme=v2] .feedback.bad{background:#ffe1e4}.kiosk[data-theme=v2] .stage{border:var(--bw) solid #1f1430}.kiosk[data-theme=v2] .badge{background:#ff5c6c;border:.12rem solid #1f1430;transform:rotate(-3deg)}.kiosk[data-theme=v2] .stage.solved .badge{color:#1f1430;background:#2fd39a}.kiosk[data-theme=v2] .caption{border:.12rem solid #1f1430}.kiosk[data-theme=v2] .dcard .ic{box-shadow:none;border:.12rem solid #1f1430}.kiosk[data-theme=v2] .dcard.selected{background:#ffd23f}.kiosk[data-theme=v2] .result:before{border-bottom:var(--bw) solid #1f1430;background:#ffd23f}.kiosk[data-theme=v2] .result .big{color:#7b3fe4;text-shadow:.22rem .22rem #ffd23f}.kiosk[data-theme=v2] .display{border:var(--bw) solid #1f1430;background:#fff}.kiosk[data-theme=v2] .genders button.on{background:#ffd23f}.kiosk[data-theme=v2] .genders button.on i{background:#1f1430}html:has(.kiosk[data-theme=v3]){background:#0d0822}.kiosk[data-theme=v3]{--teal-900:#fff;--teal-700:#c3a6ff;--teal-600:#9a6cff;--teal-500:#3ee6a8;--mint-300:#c3a6ff;--mint-100:#ffffff1f;--mint-50:#ffffff0f;--gold:#f7c548;--gold-lt:#f7c5481f;--gold-700:#ffe19a;--green-100:#3ee6a826;--green-700:#3ee6a8;--red:#ff6b81;--red-100:#ff6b8126;--ink:#f6f2ff;--ink-soft:#b8afd8;--line:#ffffff29;--cream:#0d0822;--glass:linear-gradient(160deg, #ffffff1c, #ffffff09);--shadow-s:0 .4rem 1.2rem #0000004d;--shadow:0 .8rem 2.4rem #0006;--shadow-l:0 1.4rem 3.6rem #00000080;--font:"Bai Jamjuree", "Kanit", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.kiosk[data-theme=v3] :is(h1,h2,h3,h4,.btn,.chip,.score-pill,.timer span,.bubble){font-family:Kanit,Bai Jamjuree,sans-serif;font-weight:500}.kiosk[data-theme=v3] .bg{background:radial-gradient(120% 90% at 50% 0,#2b1567 0%,#1a0f45 38%,#0d0822 78%)}.kiosk[data-theme=v3] .bg:before{opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23f7c548' stroke-width='1.2'%3E%3Cpath d='M32 14c5 6 5 12 0 18c-5-6-5-12 0-18zM32 50c5-6 5-12 0-18c-5 6-5 12 0 18zM14 32c6-5 12-5 18 0c-6 5-12 5-18 0zM50 32c-6-5-12-5-18 0c6 5 12 5 18 0z'/%3E%3Ccircle cx='32' cy='32' r='2.2'/%3E%3C/g%3E%3C/svg%3E") 0 0/4.4rem 4.4rem;width:auto;height:auto;inset:0;transform:none}.kiosk[data-theme=v3] .bg:after{opacity:1;filter:blur(10px);background:radial-gradient(35% 30% at 18% 22%,#9a6cff6b,#0000 70%),radial-gradient(30% 28% at 85% 18%,#63d3ff38,#0000 70%),radial-gradient(38% 30% at 70% 88%,#3ee6a82e,#0000 70%),radial-gradient(30% 26% at 12% 90%,#f7c54829,#0000 70%);width:auto;height:auto;inset:-20%}.kiosk[data-theme=v3] .topbar{background:#0d08228c;border-bottom:1px solid #ffffff29}.kiosk[data-theme=v3] .brand-text small{color:#ffe19a}.kiosk[data-theme=v3] .icon-btn{color:#fff;background:#ffffff12;border-color:#ffffff4d}.kiosk[data-theme=v3] .icon-btn:hover{background:#fff3;box-shadow:0 0 2rem #9a6cff73}.kiosk[data-theme=v3] .btn{--bg:linear-gradient(135deg, #b48cff, #7a45f0);border:1px solid #ffffff47;border-radius:999px;box-shadow:0 .6rem 1.8rem -.4rem #9a6cff8c,inset 0 1px #ffffff59}.kiosk[data-theme=v3] .btn-gold{--bg:linear-gradient(135deg, #ffe29a, #f2b52c);--fg:#1b1236;box-shadow:0 .6rem 1.8rem -.4rem #f7c54899}.kiosk[data-theme=v3] .btn-ghost{--bg:#ffffff14;--fg:#f6f2ff;box-shadow:none;border-color:#ffffff4d}.kiosk[data-theme=v3] :is(.card,.feedback){background:var(--glass);box-shadow:var(--shadow), inset 0 1px 0 #ffffff1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffff29}.kiosk[data-theme=v3] .overlay .card{background:#1a0f45f2}.kiosk[data-theme=v3] .chip{color:#f6f2ff;background:#ffffff1f;border:1px solid #ffffff4d}.kiosk[data-theme=v3] .chip-gold{color:#ffe19a;background:#f7c54829;border-color:#f7c54880}.kiosk[data-theme=v3] .chip-green{color:#3ee6a8;background:#3ee6a824;border-color:#3ee6a880}.kiosk[data-theme=v3] .score-pill{color:#ffe19a;background:#f7c5481a;border:1px solid #f7c54873}.kiosk[data-theme=v3] .score-pill b{color:#fff;text-shadow:0 0 1rem #f7c54899}.kiosk[data-theme=v3] .dots i{background:#fff3;height:.45rem}.kiosk[data-theme=v3] .dots i.now{box-shadow:0 0 1rem #f7c54899}.kiosk[data-theme=v3] .timer{box-shadow:none;background:0 0}.kiosk[data-theme=v3] .timer span{color:#fff}.kiosk[data-theme=v3] .start-mascot{filter:drop-shadow(0 0 2.2rem #f7c54859)drop-shadow(0 1.2rem 1.2rem #00000073)}.kiosk[data-theme=v3] :is(.start h1 span,.result .big,.reveal .word){background:linear-gradient(#fff3cc 0%,#f7c548 55%,#d9962b 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.kiosk[data-theme=v3] .result .big small{-webkit-text-fill-color:#b8afd8}.kiosk[data-theme=v3] .bubble{color:#1b1236;background:#ffffffeb}.kiosk[data-theme=v3] .bubble:after{background:#ffffffeb}.kiosk[data-theme=v3] :is(.opt,.ans,.dcard,.pad button,.genders button){color:#f6f2ff;box-shadow:none;background:#ffffff0f;border:1px solid #ffffff29}.kiosk[data-theme=v3] :is(.opt,.ans,.dcard):hover:not(:disabled){background:#9a6cff29;border-color:#c3a6ff;box-shadow:0 0 2.4rem #9a6cff73}.kiosk[data-theme=v3] .opt .mark{background:0 0;border:2px solid #ffffff4d}.kiosk[data-theme=v3] :is(.opt,.ans).ok{background:linear-gradient(120deg,#3ee6a847,#3ee6a814);border-color:#3ee6a8;box-shadow:0 0 1.6rem #3ee6a859}.kiosk[data-theme=v3] :is(.opt,.ans).bad{background:linear-gradient(120deg,#ff6b8147,#ff6b8114);border-color:#ff6b81}.kiosk[data-theme=v3] .ans b{color:#1b1236;background:linear-gradient(135deg,#ffe29a,#f2b52c)}.kiosk[data-theme=v3] .rebus{background:radial-gradient(60% 80% at 50% 100%,#f7c54824,#0000 70%),#ffffff0a;border:1px solid #ffffff29}.kiosk[data-theme=v3] .tile{border:2px solid #fff9;box-shadow:0 1rem 2rem #00000073,0 0 1.4rem #9a6cff40}.kiosk[data-theme=v3] .op{color:#f7c548;text-shadow:0 0 1rem #f7c54899}.kiosk[data-theme=v3] :is(.hintbar,.hintbox){color:#ffe19a;border:1px solid #f7c54859}.kiosk[data-theme=v3] .hintbar .hint{color:#fff}.kiosk[data-theme=v3] .stage{border:1px solid #ffffff4d;box-shadow:0 1.4rem 3.6rem #0000008c,0 0 2.4rem #9a6cff40}.kiosk[data-theme=v3] .caption{color:#fff;background:#0d0822b8;border:1px solid #ffffff29}.kiosk[data-theme=v3] .drop{box-shadow:0 0 1.6rem #9a6cff59}.kiosk[data-theme=v3] .dcard .ic{border:2px solid #ffffff8c}.kiosk[data-theme=v3] .dcard.selected{background:#f7c5482e;border-color:#f7c548}.kiosk[data-theme=v3] .ghost{background:#2b1567f2;border-color:#f7c548}.kiosk[data-theme=v3] .result:before{background:repeating-conic-gradient(#f7c54833 0 12deg, transparent 12deg 30deg);opacity:.8}.kiosk[data-theme=v3] .stars span{color:#fff3}.kiosk[data-theme=v3] .stars span.on{color:#f7c548;filter:drop-shadow(0 0 .8rem #f7c548b3)}.kiosk[data-theme=v3] .display{background:#ffffff0f;border-color:#9a6cff}.kiosk[data-theme=v3] .display.empty b{color:#ffffff40}.kiosk[data-theme=v3] .genders button.on{background:#9a6cff33;border-color:#9a6cff}.kiosk[data-theme=v3] .genders button.on i{background:#9a6cff}