@font-face{font-family:Kanit;src:url(/assets/Kanit-Black-DeqpwD7d.woff2)format("woff2"),url(/assets/Kanit-Black-DL6dZX83.woff)format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-BlackItalic-MivAI47U.woff2)format("woff2"),url(/assets/Kanit-BlackItalic-DSQan0qI.woff)format("woff");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-Bold-Cld6EbNc.woff2)format("woff2"),url(/assets/Kanit-Bold-CFohGhQw.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-BoldItalic-ikcsa3Dk.woff2)format("woff2"),url(/assets/Kanit-BoldItalic-DEREDlYo.woff)format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-ExtraBold-CM2o9N0i.woff2)format("woff2"),url(/assets/Kanit-ExtraBold-B363V2rW.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-ExtraBoldItalic-B1X4CXNn.woff2)format("woff2"),url(/assets/Kanit-ExtraBoldItalic-VoCIXMO5.woff)format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-ExtraLight-DiV-dMUN.woff2)format("woff2"),url(/assets/Kanit-ExtraLight-DBsGpTFi.woff)format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-ExtraLightItalic-DglLsPWX.woff2)format("woff2"),url(/assets/Kanit-ExtraLightItalic-D-73V1KB.woff)format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-Italic-CmO1av8L.woff2)format("woff2"),url(/assets/Kanit-Italic-Dc0lD3EC.woff)format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-Light-xmgfbwf4.woff2)format("woff2"),url(/assets/Kanit-Light-DXG_GPA0.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-LightItalic-CJjShuln.woff2)format("woff2"),url(/assets/Kanit-LightItalic-QRTmn_yy.woff)format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-Medium-BOdC_t2v.woff2)format("woff2"),url(/assets/Kanit-Medium-Dri0tqmN.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-MediumItalic-B-KjGN1b.woff2)format("woff2"),url(/assets/Kanit-MediumItalic-B48jy7i6.woff)format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-Regular-DORm5CqL.woff2)format("woff2"),url(/assets/Kanit-Regular-PjdnkJ4x.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-SemiBold-9NXb2K0M.woff2)format("woff2"),url(/assets/Kanit-SemiBold-bVS4Cy6L.woff)format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-SemiBoldItalic-C8bYvjDZ.woff2)format("woff2"),url(/assets/Kanit-SemiBoldItalic-Ci5UcHbD.woff)format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-Thin-DHLxhNVH.woff2)format("woff2"),url(/assets/Kanit-Thin-DdgfWowq.woff)format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-ThinItalic-DRWxpk55.woff2)format("woff2"),url(/assets/Kanit-ThinItalic-C-uBD7Go.woff)format("woff");font-weight:100;font-style:italic;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#6b3a2a;font-family:Kanit,system-ui,sans-serif}#root{flex-direction:column;min-height:100svh;display:flex}.app{background-position:top;background-repeat:no-repeat;background-size:cover;flex-direction:column;min-height:100svh;display:flex}.app-header{justify-content:center;margin-top:3vh;padding:clamp(16px,5vw,28px) 24px 16px;display:flex}.app-logo{width:80%;max-width:340px;height:auto;display:block}.app-main{opacity:1;flex:1;justify-content:center;align-items:center;padding:0 clamp(16px,5vw,28px) clamp(40px,18vh,140px);transition:opacity .28s;display:flex}.app-main.fading{opacity:0}.screen{flex-direction:column;align-items:center;gap:clamp(14px,4vw,20px);width:100%;display:flex}.screen-heading{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:-.3px;text-shadow:0 1px 1px #602f19e0;letter-spacing:1px;margin-bottom:1.5vh;font-family:Kanit,system-ui,sans-serif;font-size:clamp(18px,7.8vw,32px);font-weight:700;line-height:1.1}.screen-heading.nowrap{white-space:nowrap}.screen-subtitle{color:#fff;text-align:center;font-size:clamp(12px,3.5vw,14px);font-weight:400;line-height:1.4}.passkey-row{flex-wrap:nowrap;align-items:center;gap:clamp(5px,2vw,8px);display:flex}.passkey-prefix{color:#fff;white-space:nowrap;margin-right:2px;font-size:clamp(14px,7.5vw,28px);font-weight:500}.passkey-box{color:#ffdaba;text-align:center;caret-color:#0000;-webkit-tap-highlight-color:transparent;background:#a57f67;border:2px solid #ffdaba;border-radius:10px;outline:none;width:clamp(32px,9.5vw,40px);height:clamp(32px,9.5vw,40px);font-family:Kanit,system-ui,sans-serif;font-size:clamp(14px,7.5vw,28px);font-weight:400}.passkey-error{color:#ffdaba;text-align:center;font-size:13px;font-weight:400}.passkey-box:focus{box-shadow:none;background:#a57f67}.form-fields{flex-direction:column;gap:clamp(10px,3vw,14px);width:77%;display:flex}.form-input{color:#7b230e;-webkit-tap-highlight-color:transparent;background:#ffd9ba;border:none;border-radius:50px;outline:none;width:100%;padding:clamp(6px,1vw,7px) 16px;font-family:Kanit,system-ui,sans-serif;font-size:16px;font-weight:500}.form-input::placeholder{color:#6e3214a6;font-weight:400}.form-input:focus{background:#ffd9ba}.counter-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.counter-label{color:#fff;font-size:clamp(12px,3.5vw,14px);font-weight:400}.counter-controls{align-items:center;gap:0;display:flex}.counter-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#f0cda04d;border:1.5px solid #f0cda0a6;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;font-weight:400;line-height:1;display:flex}.counter-btn:active{background:#f0cda080}.counter-value{color:#fff;text-align:center;min-width:40px;font-family:Kanit,system-ui,sans-serif;font-size:20px;font-weight:600}.action-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;justify-content:center;align-items:center;margin-top:clamp(16px,4vh,35px);padding:0;transition:opacity .3s;display:inline-flex}.action-btn img{width:clamp(120px,27vw,150px);height:auto;display:block}.action-btn:active img{opacity:.85;transform:scale(.97)}.thankyou-screen{gap:24px}.thankyou-text{color:#fff;text-align:center;max-width:300px;font-size:clamp(12px,3.5vw,14px);font-weight:400;line-height:1.65}.loader-overlay{z-index:998;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-spinner{border:4px solid #ffdaba40;border-top-color:#ffdaba;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.landscape-overlay{z-index:999;background:#1a0a04;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:none;position:fixed;inset:0}.landscape-message{color:#ffdaba;text-align:center;max-width:260px;font-family:Kanit,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.5}@media (orientation:landscape){.landscape-overlay{display:flex}}@media (height<=500px){.screen{gap:10px}.action-btn{margin-top:10px}.form-fields{gap:8px}.thankyou-screen{gap:12px}}