/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.w-100{width:calc(var(--spacing) * 100)}}body,button,input{font-family:Kanit,sans-serif!important}.actions .btn,.join-panel>.btn,.players-panel>.btn,.result-wrap>.btn,.winner>.btn{letter-spacing:.01em;min-height:68px;position:relative;overflow:hidden;border:2px solid #fff6!important;border-radius:22px!important;padding:18px 36px!important;font-size:clamp(19px,2.2vw,25px)!important;font-weight:800!important;transition:transform .18s,box-shadow .18s,filter .18s!important;box-shadow:0 10px #124c3c,0 18px 34px #087a5b42!important}.actions .primary,.join-panel>.primary,.players-panel>.primary,.result-wrap>.primary{text-shadow:0 2px 2px #003d2b55;color:#fff!important;background:linear-gradient(135deg,#0aa879 0%,#057153 58%,#064e3b 100%)!important}.actions .secondary,.winner>.secondary{color:#22483d!important;background:linear-gradient(135deg,#fff35f 0%,#ffd33f 55%,#f5a900 100%)!important;border-color:#fff6aa!important;box-shadow:0 10px #b87c00,0 18px 34px #d69a3045!important}.actions .btn:before,.join-panel>.btn:before,.players-panel>.btn:before,.result-wrap>.btn:before,.winner>.btn:before{content:"";background:#ffffff60;width:25%;transition:left .45s;position:absolute;inset:-40% auto -40% -35%;transform:skew(-20deg)}.actions .btn:hover:before,.join-panel>.btn:hover:before,.players-panel>.btn:hover:before,.result-wrap>.btn:hover:before,.winner>.btn:hover:before{left:120%}.actions .btn:hover,.join-panel>.btn:hover,.players-panel>.btn:hover,.result-wrap>.btn:hover,.winner>.btn:hover{filter:saturate(1.12);transform:translateY(-4px)scale(1.025)!important;box-shadow:0 13px #124c3c,0 24px 42px #087a5b52!important}.actions .secondary:hover,.winner>.secondary:hover{box-shadow:0 13px #b87c00,0 24px 42px #d69a3055!important}.actions .btn:active,.join-panel>.btn:active,.players-panel>.btn:active,.result-wrap>.btn:active,.winner>.btn:active{transform:translateY(7px)scale(.99)!important;box-shadow:0 3px #124c3c,0 8px 15px #087a5b35!important}.actions{margin-top:34px;gap:22px!important}.actions .btn{min-width:245px}.players-panel>.btn,.join-panel>.btn{width:100%}.btn i,.btn .bi{vertical-align:-.08em;font-size:1.2em}.ancient-palace .bi{filter:drop-shadow(0 3px 2px #003c2b55);font-size:1.18em}.logo-line b .bi{color:#fff;font-size:22px}.hero-card h1{word-spacing:.08em;text-shadow:0 3px #fff8;letter-spacing:.035em!important;line-height:.98!important}.hero-card h1 span{letter-spacing:.08em!important}@media (width<=600px){.hero-card h1{letter-spacing:.02em!important;line-height:1!important}.hero-card h1 span{letter-spacing:.055em!important}.actions{width:100%;gap:16px!important}.actions .btn{width:100%;min-width:0}.actions .btn,.join-panel>.btn,.players-panel>.btn,.result-wrap>.btn,.winner>.btn{min-height:64px;border-radius:19px!important;padding:16px 24px!important;font-size:20px!important}}.game-shell,.phone-shell,.host-question,.player-question,.lobby-grid,header{z-index:2;position:relative}.animated-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.animated-bg i{background:linear-gradient(135deg,#b6e86d55,#0c8a6540);border-radius:38% 62% 48% 52%;width:130px;height:130px;animation:14s ease-in-out infinite floatShape;display:block;position:absolute}.animated-bg i:first-child{animation-delay:-2s;top:12%;left:4%}.animated-bg i:nth-child(2){width:210px;height:210px;animation-delay:-7s;top:18%;right:8%}.animated-bg i:nth-child(3){width:85px;height:85px;animation-delay:-4s;bottom:3%;left:22%}.animated-bg i:nth-child(4){width:150px;height:150px;animation-delay:-10s;bottom:10%;right:28%}.animated-bg i:nth-child(5){width:190px;height:190px;animation-delay:-5s;top:-70px;left:48%}@keyframes floatShape{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(25px,-35px)rotate(130deg)}}.header-tools,.host-controls{justify-content:center;align-items:center;gap:12px;display:flex}.sound-btn{width:44px;height:44px;color:var(--green);background:#fff;border:0;border-radius:14px;font-size:21px;box-shadow:0 7px 18px #173f3520}.speed-box{background:#f0f7e9;border-radius:18px;margin-top:20px;padding:16px}.speed-box label{text-align:center;margin-bottom:10px;font-weight:800;display:block}.speed-btn{color:var(--green)!important;box-shadow:none!important;background:#fff!important;border:1px solid #bcd6c2!important}.speed-btn.active{background:var(--green)!important;color:#fff!important}.timer{background:var(--lime);min-width:76px;color:var(--ink);border-radius:999px;padding:8px 14px;font-size:22px;font-weight:900;box-shadow:0 0 0 7px #cbef7038}.timer.danger{color:#fff;background:#ef4d59;animation:.65s infinite timerPulse}.time-track{background:#d5e5d2;border-radius:20px;height:9px;margin:15px 0 0;overflow:hidden}.time-track i{background:linear-gradient(90deg, var(--green), var(--lime));height:100%;transition:width .25s linear;display:block}.host-controls{flex-wrap:wrap}.host-controls .btn,.question-meta p{margin:0}.bi{line-height:1}@keyframes timerPulse{50%{transform:scale(1.1);box-shadow:0 0 0 12px #ef4d5930}}@media (prefers-reduced-motion:reduce){.animated-bg i,.timer.danger{animation:none}}@media (width<=600px){.header-tools{gap:6px}.sound-btn{width:40px;height:40px}.question-meta{align-items:center;gap:8px}.timer{min-width:65px;font-size:18px}.host-controls{flex-direction:column}.host-controls .btn{width:100%}}:root{--ink:#173f35;--green:#087a5b;--lime:#cbef70;--cream:#f6f5e9;--mint:#dff4dc;--yellow:#ffd34e}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:Noto Sans Thai,Tahoma,sans-serif}.shell{min-height:100vh;position:relative;overflow:hidden}.center{place-items:center;padding:24px;display:grid}.home{background:radial-gradient(circle at 50% 5%,#faffc8 0,#0000 35%),linear-gradient(150deg,#eff8d7,#d9f2d3);place-items:center;padding:48px 24px;display:grid}.hero-card{text-align:center;z-index:1;max-width:760px}.brand-mark,.mini-logo{background:var(--green);color:#fff;border-radius:28px 28px 28px 8px;place-items:center;width:86px;height:86px;margin:auto;font-size:42px;font-weight:900;display:grid;box-shadow:0 12px 30px #087a5b44}.mini-logo{border-radius:20px 20px 20px 6px;width:58px;height:58px;font-size:28px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--green);margin:20px 0 8px;font-size:13px;font-weight:900}.hero-card h1{letter-spacing:-.07em;margin:20px 0;font-size:clamp(52px,10vw,102px);font-weight:1000;line-height:.82}.hero-card h1 span{color:var(--green)}.lead{color:#45665e;max-width:570px;margin:30px auto;font-size:19px;line-height:1.7}.actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.btn{font:inherit;cursor:pointer;border:0;border-radius:18px;padding:16px 24px;font-size:17px;font-weight:900;transition:all .2s;box-shadow:0 7px #173f3522}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--green);color:#fff}.secondary{color:var(--ink);background:#fff;border:2px solid #c8ddc9}.dark{background:var(--ink);color:#fff;margin:auto;display:block}.wide{width:100%;margin-top:18px}.feature-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;display:flex}.feature-row span,.room-pill{background:#fffa;border:1px solid #cfe2c9;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:800}.sun{background:#b9e868;border-radius:50%;position:absolute}.sun-a{width:300px;height:300px;top:-80px;left:-130px}.sun-b{background:#81cfa3;width:220px;height:220px;bottom:-70px;right:-80px}.panel{background:#fff;border:1px solid #d7e5d4;border-radius:30px;padding:32px;box-shadow:0 20px 60px #173f3517}.join-panel{text-align:center;width:min(460px,100%);position:relative}.join-panel h2{margin:18px 0 4px;font-size:34px}.join-panel p{color:#648078}.join-panel label{text-align:left;margin:18px 0 0;font-weight:800;display:block}.join-panel input{width:100%;font:inherit;border:2px solid #dce8d9;border-radius:14px;outline:none;margin-top:7px;padding:16px;font-size:20px}.join-panel input:focus{border-color:var(--green)}.back{color:var(--green);cursor:pointer;background:0 0;border:0;position:absolute;top:22px;left:22px}.error{color:#b52f2f;text-align:center;background:#fff0ed;border-radius:12px;padding:10px 14px}.game-shell,.phone-shell{background:linear-gradient(#e6f2c9,#f7f6ea 50%);min-height:100vh;padding:20px 5vw 50px}header{justify-content:space-between;align-items:center;max-width:1280px;margin:auto;display:flex}.logo-line{align-items:center;gap:10px;font-weight:900;display:flex}.logo-line b{background:var(--green);color:#fff;border-radius:14px 14px 14px 4px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.lobby-grid{grid-template-columns:minmax(310px,.8fr) 1.5fr;gap:24px;max-width:1180px;margin:45px auto;display:grid}.qr-panel{text-align:center}.qr{border:3px solid var(--mint);background:#fff;border-radius:22px;margin:10px;padding:16px;display:inline-flex}.room-code{letter-spacing:.12em;color:var(--green);font-size:50px;font-weight:1000}.qr-panel p{color:#698077}.section-head{justify-content:space-between;align-items:center;display:flex}.section-head h2{font-size:30px}.section-head b{background:var(--lime);border-radius:12px;padding:8px 12px}.player-cloud{flex-wrap:wrap;align-content:flex-start;gap:10px;min-height:210px;display:flex}.player-cloud span{background:#edf6e5;border:1px solid #cadec3;border-radius:14px;padding:11px 16px;font-weight:800;animation:.35s both pop}.empty{color:#769087;place-items:center;height:210px;display:grid}.host-question,.player-question,.result-wrap,.winner{text-align:center;max-width:1050px;margin:55px auto}.question-meta{color:var(--green);justify-content:space-between;font-weight:900;display:flex}.host-question h2,.player-question h2,.result-wrap h2,.winner h2{max-width:900px;margin:35px auto;font-size:clamp(30px,5vw,56px);line-height:1.25}.answers-grid{grid-template-columns:1fr 1fr;gap:14px;margin:30px 0;display:grid}.choice{text-align:left;min-height:105px;font:inherit;color:#fff;border:0;border-radius:22px;align-items:center;gap:15px;padding:18px;font-size:clamp(17px,2.2vw,24px);font-weight:900;display:flex;box-shadow:0 8px #173f3530}.choice b{font-size:30px}.c0{background:#df454d}.c1{background:#2974c7}.c2{background:#dda416}.c3{background:#178565}.choice.picked{outline:6px solid var(--ink);transform:scale(.98)}button.choice{cursor:pointer}.scoreboard{max-width:700px;margin:25px auto}.scoreboard>div{text-align:left;background:#fff;border:1px solid #dce7d9;border-radius:16px;grid-template-columns:46px 1fr auto;align-items:center;gap:14px;margin:8px;padding:13px 18px;display:grid}.scoreboard>div>b{background:var(--lime);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.scoreboard span{font-weight:900}.scoreboard small{color:#769087;font-weight:500;display:block}.scoreboard strong{font-size:20px}.explain{color:#60766f;font-size:18px}.phone-shell{max-width:720px;margin:auto}.score{background:var(--yellow);border-radius:12px;padding:9px 13px;font-weight:1000}.wait-card{text-align:center;background:#fff;border:1px solid #dbe8d8;border-radius:30px;margin:18vh auto;padding:45px 25px}.pulse,.gain{background:var(--lime);border-radius:50%;place-items:center;width:100px;height:100px;margin:auto;font-size:46px;font-weight:1000;display:grid}.wait-card h2{margin-bottom:4px;font-size:38px}.wait-card p{color:#698077;font-size:18px}.wait-card span{font-weight:900}.progress{background:#d8e8d4;border-radius:10px;height:10px;margin-top:40px;overflow:hidden}.progress i{background:var(--green);height:100%;display:block}.locked{color:var(--green);font-weight:800}.winner{max-width:900px}.podium{justify-content:center;align-items:flex-end;gap:12px;height:360px;margin:30px auto;display:flex}.pod{flex-direction:column;align-items:center;width:28%;min-width:120px;display:flex}.pod .avatar{font-size:45px}.pod b{font-size:20px}.pod span{margin:6px}.pod i{background:#a9d88c;border-radius:18px 18px 0 0;width:100%;height:140px;padding-top:28px;font-size:50px;font-style:normal;font-weight:1000}.pod.p1 i{background:var(--yellow);height:210px}.pod.p2 i{background:#d7a87c;height:100px}@keyframes pop{0%{opacity:0;transform:scale(.6)}}@media (width<=760px){.lobby-grid{grid-template-columns:1fr;margin-top:25px}.game-shell{padding:15px}.answers-grid{grid-template-columns:1fr}.host-question,.player-question{margin-top:35px}.choice{min-height:78px}.hero-card h1{letter-spacing:-.04em}.podium{height:300px}.room-pill{font-size:11px}}.designer-credit{z-index:3;color:#426c60;letter-spacing:.08em;white-space:nowrap;opacity:.78;font-size:12px;font-weight:500;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.emoji-picker{text-align:left;border:0;margin:18px 0 0;padding:0}.emoji-picker legend{color:var(--ink);margin-bottom:9px;font-size:15px;font-weight:800}.emoji-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.emoji-grid button{aspect-ratio:1;cursor:pointer;background:#f7fbf3;border:2px solid #d9e7d5;border-radius:13px;font-size:25px;transition:all .18s;box-shadow:0 3px #c9dbc7}.emoji-grid button:hover{background:#effadc;transform:translateY(-2px)}.emoji-grid button.selected{border-color:var(--green);background:var(--lime);transform:scale(1.08);box-shadow:0 4px #087a5b55,0 0 0 3px #087a5b20}.player-emoji{vertical-align:-.08em;font-size:1.35em}@media (height<=760px){.designer-credit{margin-top:28px;padding-bottom:12px;display:block;position:relative;bottom:auto}}.player-award{isolation:isolate;text-align:center;background:linear-gradient(155deg,#fffdf0,#fff 55%,#eef8df);border:3px solid #f2c94c;border-radius:38px;max-width:580px;min-height:590px;margin:7vh auto 0;padding:52px 28px 38px;animation:.8s cubic-bezier(.2,.9,.25,1.25) both awardEnter;position:relative;overflow:hidden;box-shadow:0 24px 80px #173f3540}.player-award.silver{background:linear-gradient(155deg,#f4f8fa,#fff 55%,#e8f2f1);border-color:#aebbc5}.player-award.bronze{background:linear-gradient(155deg,#fff2e8,#fff 55%,#edf5e5);border-color:#c57a43}.award-icon{z-index:2;color:#fff;background:linear-gradient(145deg,#ffe88a,#f5a900);border-radius:50%;place-items:center;width:108px;height:108px;margin:auto;font-size:54px;animation:1.5s ease-in-out infinite trophyBounce;display:grid;position:relative;box-shadow:0 12px #b77c00,0 20px 40px #c9904055}.silver .award-icon{background:linear-gradient(145deg,#e8f0f4,#8798a5);box-shadow:0 12px #62717b,0 20px 40px #65778344}.bronze .award-icon{background:linear-gradient(145deg,#eba66e,#a9552c);box-shadow:0 12px #7d3c21,0 20px 40px #944b3044}.award-medal{z-index:3;filter:drop-shadow(0 6px 5px #173f3530);margin-top:-20px;font-size:72px;line-height:1;position:relative}.award-kicker{z-index:2;letter-spacing:.18em;color:var(--green);margin:14px 0 5px;font-weight:800;position:relative}.player-award h2{z-index:2;color:var(--ink);margin:5px 0;font-size:clamp(32px,7vw,49px);position:relative}.award-name{z-index:2;margin:13px 0;font-size:27px;font-weight:800;position:relative}.award-rank{z-index:2;background:var(--yellow);border-radius:999px;padding:8px 22px;font-size:21px;font-weight:900;display:inline-block;position:relative}.silver .award-rank{background:#dbe4e9}.bronze .award-rank{background:#e6b086}.award-score{z-index:2;color:#5d766f;margin-top:17px;font-size:18px;position:relative}.award-rays{z-index:0;background:repeating-conic-gradient(#ffd84a44 0 10deg, transparent 10deg 22deg);border-radius:50%;width:430px;height:430px;animation:20s linear infinite raySpin;position:absolute;top:-105px;left:50%;transform:translate(-50%)}.paper-shower{z-index:4;pointer-events:none;position:absolute;inset:0}.paper-shower i{--colors:#ff4d67, #ffd43b, #09a879, #4389e8, #a85ee7, #ff8f3d;left:var(--x);width:10px;height:18px;animation:3.1s linear infinite paperFall;animation-delay:var(--d);transform:rotate(var(--r));background:#ff4d67;border-radius:2px;position:absolute;top:-25px}.paper-shower i:nth-child(6n+2){background:#ffd43b}.paper-shower i:nth-child(6n+3){background:#09a879}.paper-shower i:nth-child(6n+4){background:#4389e8}.paper-shower i:nth-child(6n+5){background:#a85ee7}.paper-shower i:nth-child(6n){background:#ff8f3d}@keyframes paperFall{0%{transform:translate3d(-30px, -40px, 0) rotate(var(--r));opacity:0}10%{opacity:1}55%{transform:translate(35px,310px)rotate(420deg)}to{opacity:.8;transform:translate(-15px,650px)rotate(760deg)}}@keyframes trophyBounce{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes awardEnter{0%{opacity:0;transform:scale(.65)translateY(45px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes raySpin{to{transform:translate(-50%)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.paper-shower i,.award-icon,.award-rays,.player-award{animation:none}}body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none;user-drag:none}.home-btn{color:var(--green);font:inherit;cursor:pointer;background:#fff;border:1px solid #c9ddca;border-radius:13px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:800;transition:all .18s;display:flex;box-shadow:0 5px 14px #173f3518}.home-btn:hover{background:#eff9e8;transform:translateY(-2px)}.back{align-items:center;gap:6px;font-weight:700;display:flex}@media (width<=600px){.home-btn span{display:none}.home-btn{justify-content:center;width:40px;height:40px;padding:0}.header-tools{gap:5px}.room-pill{padding:8px 9px}}