:root{--bg0:3 6 13;--bg1:10 20 36;--bg2:15 28 49;--bg3:22 38 63;--t1:232 238 248;--t2:168 181 203;--t3:133 147 171;--brand:31 99 224;--brand-press:26 85 194;--brand-text:110 168 255;--accent:56 211 240;--ok:61 214 140;--warn:245 185 71;--bad:255 122 122;--bad-solid:217 54 54;--focus:125 180 255;--sans:"Sukhumvit Set", "Noto Sans Thai", "Thonburi", system-ui, sans-serif;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--s1:14px;--s2:17px;--s3:24px;--s4:clamp(28px, 1.2rem + 2.6vw, 40px);--s5:clamp(40px, 1.4rem + 5.4vw, 72px);--c1:rgb(var(--t1));--c2:rgb(var(--t2));--c3:rgb(var(--brand-text));--r:14px;--ease:cubic-bezier(.22, 1, .36, 1);--pad:clamp(20px, 4vw, 56px);--max:1200px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:rgb(var(--bg0));color:var(--c1);font:400 var(--s2)/1.65 var(--sans);margin:0}img,svg,video{max-width:100%;display:block}a{color:var(--c3);text-underline-offset:3px}a:hover{color:var(--c1)}:focus-visible{outline:2px solid rgb(var(--focus));outline-offset:3px;border-radius:6px}h1,h2,h3{letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:600;line-height:1.2}h1{font-size:var(--s5);line-height:1.08}h2{font-size:var(--s4)}h3{font-size:var(--s3)}p{margin:0}.wrap{width:100%;max-width:calc(var(--max) + 2 * var(--pad));padding:0 var(--pad);margin:0 auto}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.nw{white-space:nowrap}.muted{color:var(--c2)}.small{font-size:var(--s1)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.skip{z-index:50;background:rgb(var(--bg1));color:var(--c1);border-radius:10px;padding:10px 14px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.top{z-index:10;position:absolute;inset:0 0 auto}.top .wrap{justify-content:space-between;align-items:center;gap:16px;height:72px;display:flex}.mark{color:var(--c1);align-items:center;gap:10px;font-size:18px;font-weight:600;text-decoration:none;display:inline-flex}.mark i{background:rgb(var(--accent));width:10px;height:10px;box-shadow:0 0 0 4px rgb(var(--accent) / .16);border-radius:3px}.mark span.ev{color:var(--c2);white-space:nowrap;font-weight:400}.top .btn{white-space:nowrap}@media (max-width:479px){.mark span.ev{display:none}}.top.solid{background:rgb(var(--bg0) / .88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgb(var(--t1) / .07);position:sticky;top:0}.hud{font:500 12px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--c2);flex-wrap:wrap;gap:4px 14px;margin:0 0 18px;display:flex}.hud b{color:var(--c1);font-weight:500}.hud .th{font-family:var(--sans);letter-spacing:0;text-transform:none;font-size:13px}.btn{--h:48px;min-height:var(--h);font:600 16px/1.2 var(--sans);cursor:pointer;transition:background-color .16s, border-color .16s, color .16s, transform .16s var(--ease);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 22px;text-decoration:none;display:inline-flex}.btn svg{flex:none;width:20px;height:20px}.btn-lg{--h:56px;border-radius:14px;padding:0 28px;font-size:17px}.btn-primary{color:#fff;background:rgb(var(--brand));border-color:rgb(var(--brand))}.btn-primary:hover{background:rgb(var(--brand-press));color:#fff}.btn-primary:active{transform:translateY(1px)}.btn-secondary{color:var(--c1);background:rgb(var(--bg2) / .7);border-color:rgb(var(--t1) / .18)}.btn-secondary:hover{border-color:rgb(var(--t1) / .36);color:var(--c1)}.btn-ghost{color:var(--c3);background:0 0;padding:0 12px}.btn-ghost:hover{color:var(--c1)}.btn-ok{color:#04140b;background:rgb(var(--ok));border-color:rgb(var(--ok))}.btn-ok:hover{color:#04140b;background:#3dd68cdb}.btn-bad{color:rgb(var(--bad));background:rgb(var(--bad) / .08);border-color:rgb(var(--bad) / .4)}.btn-bad:hover{background:rgb(var(--bad) / .16);color:rgb(var(--bad))}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn.is-loading{pointer-events:none}.btn.is-loading .lbl{opacity:.7}.spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card{background:rgb(var(--bg1) / .72);border:1px solid rgb(var(--t1) / .09);border-radius:var(--r);padding:24px;position:relative}.card-solid{background:rgb(var(--bg1))}@media (max-width:699px){.card{padding:20px}}.ph{border-bottom:1px dashed rgb(var(--warn) / .7)}.proto-note{font:12px/1.4 var(--mono);color:#f5b947;background:#000c;border:1px dashed #f5b94799;border-radius:6px;padding:4px 8px;display:inline-block}.proto-bar{z-index:60;max-width:calc(100vw - 24px);font:12px/1.3 var(--mono);color:#f5b947;background:#000d;border:1px dashed #f5b94799;border-radius:10px;flex-wrap:wrap;gap:6px;padding:8px;display:flex;position:fixed;bottom:12px;right:12px}.proto-bar a,.proto-bar button{color:#f5b947;font:inherit;cursor:pointer;background:0 0;border:1px solid #f5b94766;border-radius:6px;padding:4px 8px;text-decoration:none}.chip{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:500;line-height:1.5;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.chip-pending{color:rgb(var(--warn));background:rgb(var(--warn) / .12)}.chip-ok{color:rgb(var(--ok));background:rgb(var(--ok) / .12)}.chip-bad{color:rgb(var(--bad));background:rgb(var(--bad) / .12)}.scene{z-index:-1;background:rgb(var(--bg0));height:max(100svh,760px);position:absolute;inset:0 0 auto;overflow:hidden}.scene img,.scene video{object-fit:cover;object-position:50% 50%;width:100%;height:100%;position:absolute;inset:0}.scene video{opacity:0;transition:opacity 1.2s var(--ease)}.scene video.is-on{opacity:1}.scene:after{content:"";background:linear-gradient(90deg, rgb(var(--bg0) / .94) 0%, rgb(var(--bg0) / .86) 38%, rgb(var(--bg0) / .5) 70%, rgb(var(--bg0) / .62) 100%), linear-gradient(180deg, rgb(var(--bg0) / .72) 0%, rgb(var(--bg0) / 0) 18%, rgb(var(--bg0) / 0) 70%, rgb(var(--bg0)) 100%), radial-gradient(1200px 700px at 78% 40%, rgb(var(--brand) / .1), rgb(var(--brand) / 0) 70%);position:absolute;inset:0}.hero{align-items:center;min-height:max(100svh,760px);padding:112px 0 72px;display:grid}.hero .wrap{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:56px;display:grid}.hero h1 .no{color:var(--c3)}.hero .lede{max-width:34em;color:var(--c2);margin-top:20px;font-size:19px}.facts{grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 32px;margin:32px 0 0;padding:0;list-style:none;display:grid}.facts li{gap:2px;display:grid}.facts .k{color:var(--c2);align-items:center;gap:8px;font-size:13px;display:flex}.facts .k svg{width:16px;height:16px;color:var(--c3)}.facts .v{font-weight:500}.cta{flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:36px;display:flex}.cta .price{line-height:1.3;display:grid}.cta .price b{font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.cta .price>span{font-size:var(--s1);color:var(--c2)}.poster{aspect-ratio:4/5;border:1px solid rgb(var(--t1) / .14);background:linear-gradient(160deg, rgb(var(--bg3)) 0%, rgb(var(--bg1)) 55%, rgb(var(--bg0)) 100%);border-radius:16px;justify-self:end;width:100%;max-width:440px;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #000c,0 0 0 1px #0006}.poster svg.grid{width:100%;height:100%;color:rgb(var(--t1) / .06);position:absolute;inset:0}.poster .in{align-content:space-between;padding:28px;display:grid;position:absolute;inset:0}.poster .pk{font:500 12px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--c2)}.poster .pt{font-size:clamp(30px,2.6vw,40px);font-weight:600;line-height:1.12}.poster .pt em{color:rgb(var(--accent));font-style:normal}.poster .slot{position:absolute;bottom:12px;right:12px}.poster .pk.th{font-family:var(--sans);letter-spacing:0;text-transform:none;font-size:14px}.sec{padding:72px 0}.sec h2{margin-bottom:28px}.steps{counter-reset:s;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s}.steps .n{font:500 13px/1 var(--mono);color:var(--c3);margin-bottom:12px;display:block}.steps .n:before{content:"0" counter(s)}.steps h3{margin-bottom:6px;font-size:19px}.steps p{color:var(--c2);font-size:15px}.end{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.foot{border-top:1px solid rgb(var(--t1) / .07);color:var(--c2);padding:32px 0 48px;font-size:13px}.foot .wrap{flex-wrap:wrap;justify-content:space-between;gap:8px 24px;display:flex}@media (max-width:959px){.hero .wrap{grid-template-columns:minmax(0,1fr);gap:40px}.poster{justify-self:start;max-width:360px}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:699px){.scene{height:max(100svh,640px)}.scene img,.scene video{object-position:42% 50%}.scene:after{background:linear-gradient(180deg, rgb(var(--bg0) / .8) 0%, rgb(var(--bg0) / .66) 30%, rgb(var(--bg0) / .82) 62%, rgb(var(--bg0)) 100%)}.hero{min-height:0;padding:104px 0 48px}.hero .lede{font-size:17px}.facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 20px}.facts li.wide{grid-column:1/-1}.cta .btn{width:100%}.poster{justify-self:stretch;max-width:none}.steps{grid-template-columns:minmax(0,1fr)}.sec{padding:56px 0}}.rise{animation:rise .7s var(--ease) both;animation-delay:calc(var(--i,0) * 70ms)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.band{z-index:-1;height:520px;position:absolute;inset:0 0 auto;overflow:hidden}.band img{object-fit:cover;object-position:50% 40%;width:100%;height:100%}.band:after{content:"";background:linear-gradient(180deg, rgb(var(--bg0) / .78) 0%, rgb(var(--bg0) / .74) 40%, rgb(var(--bg0) / .9) 75%, rgb(var(--bg0)) 100%), linear-gradient(90deg, rgb(var(--bg0) / .5), rgb(var(--bg0) / 0) 60%);position:absolute;inset:0}.page{padding:112px 0 96px}.page-head{max-width:760px;margin-bottom:40px}.page-head h1{font-size:clamp(34px,1.2rem + 3.4vw,56px)}.page-head p{color:var(--c2);margin-top:14px}.reg{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:32px;display:grid}.reg form{gap:24px;min-width:0;display:grid}.aside{gap:16px;display:grid;position:sticky;top:24px}.aside dl{grid-template-columns:auto minmax(0,1fr);gap:10px 16px;margin:16px 0 0;font-size:15px;display:grid}.aside dt{color:var(--c2)}.aside dd{text-align:right;margin:0}.aside .total{border-top:1px solid rgb(var(--t1) / .09);justify-content:space-between;align-items:baseline;margin-top:16px;padding-top:16px;display:flex}.aside .total b{font-variant-numeric:tabular-nums;font-size:28px;font-weight:600}.fs{min-width:0;margin:0}.fs:not(.card){border:0;padding:0}.fs-h{align-items:baseline;gap:14px;margin-bottom:20px;display:flex}.fs-h .n{font:500 13px/1 var(--mono);color:var(--c3)}.fs-h h2{font-size:var(--s3)}.fs-h p{color:var(--c2);margin-left:auto;font-size:13px}.grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.grid2 .full{grid-column:1/-1}.field{align-content:start;gap:8px;min-width:0;display:grid}.field label,.field .lab{font-size:15px;font-weight:500}.field .req{color:rgb(var(--bad));margin-left:2px}.field .opt{color:var(--c2);margin-left:6px;font-size:13px;font-weight:400}.field .hint{color:var(--c2);font-size:13px;line-height:1.5}.field .hint.strong{color:var(--c1)}.field .hint svg{vertical-align:-3px;width:15px;height:15px;color:rgb(var(--warn));margin-right:4px;display:inline-block}.in{border:1px solid rgb(var(--t1) / .16);background:rgb(var(--bg0) / .6);width:100%;min-height:52px;color:var(--c1);font:400 17px/1.4 var(--sans);border-radius:12px;padding:12px 16px;transition:border-color .16s,box-shadow .16s}.in::placeholder{color:rgb(var(--t3))}.in:hover{border-color:rgb(var(--t1) / .3)}.in:focus{border-color:rgb(var(--focus));box-shadow:0 0 0 3px rgb(var(--focus) / .25);outline:none}textarea.in{resize:vertical;min-height:128px}.field.is-error .in,.drop.is-error{border-color:rgb(var(--bad))}.field.is-ok .in{border-color:rgb(var(--ok) / .6)}.err{color:rgb(var(--bad));align-items:flex-start;gap:6px;font-size:14px;line-height:1.45;display:none}.err svg{flex:none;width:16px;height:16px;margin-top:2px}.is-error>.err,.is-error .err{display:flex}.warnbox{background:rgb(var(--warn) / .1);border:1px solid rgb(var(--warn) / .35);border-radius:12px;gap:10px;padding:12px 14px;font-size:14px;line-height:1.5;display:none}.warnbox svg{width:18px;height:18px;color:rgb(var(--warn));flex:none;margin-top:1px}.warnbox.is-on{display:flex}.pay{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:24px;display:grid}.qr{justify-items:center;gap:12px;display:grid}.qr .q{aspect-ratio:1;background:#fff;border-radius:12px;width:200px;padding:12px;position:relative}.qr .q svg{width:100%;height:100%}.qr .q .proto-note{white-space:nowrap;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.paylist{gap:14px;margin:0;display:grid}.paylist div{gap:2px;display:grid}.paylist dt{color:var(--c2);font-size:13px}.paylist dd{margin:0;font-size:17px;font-weight:500}.paylist .amt{font-variant-numeric:tabular-nums;font-size:32px;font-weight:600;line-height:1.2}.copy{border:1px solid rgb(var(--t1) / .16);color:var(--c3);font:500 13px/1.6 var(--sans);cursor:pointer;vertical-align:2px;background:0 0;border-radius:8px;align-items:center;gap:6px;margin-left:8px;padding:2px 8px;display:inline-flex}.copy svg{width:14px;height:14px}.paysteps{color:var(--c2);gap:4px;margin:0;padding-left:20px;font-size:15px;display:grid}.drop{border:1.5px dashed rgb(var(--t1) / .22);background:rgb(var(--bg0) / .4);text-align:center;cursor:pointer;border-radius:14px;justify-items:center;gap:8px;padding:32px 20px;transition:border-color .16s,background-color .16s;display:grid;position:relative}.drop:hover,.drop.is-over{border-color:rgb(var(--brand-text));background:rgb(var(--brand) / .08)}.drop svg.ico{width:28px;height:28px;color:var(--c3)}.drop b{font-weight:600}.drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.drop:focus-within{outline:2px solid rgb(var(--focus));outline-offset:3px}.file{border:1px solid rgb(var(--ok) / .4);background:rgb(var(--ok) / .06);border-radius:14px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;display:none}.file.is-on{display:grid}.file .th{background:rgb(var(--bg2));border-radius:8px;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.file .th img{object-fit:cover;width:100%;height:100%}.file .th svg{width:24px;height:24px;color:var(--c2)}.file .nm{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.file .sz{color:var(--c2);font-size:13px}.terms{color:var(--c1);gap:18px;font-size:15px;line-height:1.75;display:grid}.terms .set{position:relative}.terms .tag{background:rgb(var(--brand) / .16);color:var(--c3);font:500 12px/1.6 var(--mono);letter-spacing:.04em;border-radius:6px;margin-bottom:8px;padding:2px 8px;display:inline-block}.terms .t{white-space:pre-line;margin:0}.ticks{border-top:1px solid rgb(var(--t1) / .09);gap:12px;margin-top:24px;padding-top:20px;display:grid}.tick{border:1px solid rgb(var(--t1) / .12);background:rgb(var(--bg0) / .5);cursor:pointer;border-radius:12px;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:14px;padding:14px 16px;font-size:15px;line-height:1.6;display:grid}.tick:hover{border-color:rgb(var(--t1) / .28)}.tick input{appearance:none;border:1.5px solid rgb(var(--t1) / .4);background:rgb(var(--bg0));cursor:pointer;border-radius:7px;place-items:center;width:24px;height:24px;margin:0;display:grid}.tick input:checked{background:rgb(var(--brand));border-color:rgb(var(--brand))}.tick input:checked:after{content:"";border-top:0;border-bottom:2.5px solid #fff;border-left:2.5px solid #fff;border-right:0;width:12px;height:7px;transform:translateY(-1px)rotate(-45deg)}.tick input:focus-visible{outline:2px solid rgb(var(--focus));outline-offset:2px}.tick:has(input:checked){border-color:rgb(var(--brand-text) / .5);background:rgb(var(--brand) / .08)}.tick .badge{vertical-align:1px;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:12px;font-weight:500;display:inline-block}.tick .badge.r{color:rgb(var(--bad));background:rgb(var(--bad) / .1)}.tick .badge.o{color:var(--c2);background:rgb(var(--t1) / .08)}.tick .ref{color:var(--c2);font-size:13px;display:block}.tick.is-error{border-color:rgb(var(--bad))}.submit{gap:14px;display:grid}.submit .btn{width:100%}.submit p{color:var(--c2);text-align:center;font-size:13px}.errsum{background:rgb(var(--bad) / .1);border:1px solid rgb(var(--bad) / .4);border-radius:12px;gap:10px;padding:14px 16px;font-size:15px;display:none}.errsum.is-on{display:flex}.errsum svg{width:18px;height:18px;color:rgb(var(--bad));flex:none;margin-top:3px}.errsum ul{margin:4px 0 0;padding-left:18px}.errsum a{color:var(--c1)}.closed{justify-items:start;gap:16px;max-width:640px;display:grid}@media (max-width:1023px){.reg{grid-template-columns:minmax(0,1fr)}.aside{order:-1;position:static}.aside .more{display:none}}@media (max-width:699px){.page{padding:96px 0 72px}.band{height:420px}.grid2,.pay{grid-template-columns:minmax(0,1fr)}.qr .q{width:min(240px,70vw)}.fs-h{flex-wrap:wrap;row-gap:4px}.fs-h p{width:100%;margin-left:0}}.done{max-width:720px}.done .ok-ic{background:rgb(var(--ok) / .14);width:56px;height:56px;color:rgb(var(--ok));border-radius:16px;place-items:center;margin-bottom:24px;display:grid}.done .ok-ic svg{width:28px;height:28px}.refno{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:32px;display:flex}.refno .k{color:var(--c2);font-size:13px}.refno .v{font:600 32px/1.2 var(--mono);letter-spacing:.04em}.next{gap:0;margin:0;padding:0;list-style:none;display:grid}.next li{border-top:1px solid rgb(var(--t1) / .08);grid-template-columns:28px minmax(0,1fr);gap:14px;padding:16px 0;display:grid}.next li:first-child{border-top:0;padding-top:4px}.next .dot{width:28px;height:28px;font:500 13px/1 var(--mono);border:1px solid rgb(var(--t1) / .2);color:var(--c2);border-radius:50%;place-items:center;display:grid}.next li.is-done .dot{background:rgb(var(--ok) / .14);color:rgb(var(--ok));border-color:#0000}.next li.is-now .dot{border-color:rgb(var(--warn));color:rgb(var(--warn))}.next b{font-weight:600;display:block}.next span{color:var(--c2);font-size:15px}.admin{background:radial-gradient(1100px 520px at 90% -10%, rgb(var(--brand) / .14), rgb(var(--brand) / 0) 65%), rgb(var(--bg0));min-height:100vh}.admin .top.solid .wrap{height:64px}.admin .who{color:var(--c2);align-items:center;gap:12px;font-size:14px;display:flex}.admin main{padding:32px 0 96px}.ahead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.ahead h1{font-size:var(--s4)}.seats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.seats .card{padding:18px 20px}.seats .k{color:var(--c2);font-size:13px}.seats .v{font-variant-numeric:tabular-nums;font-size:30px;font-weight:600;line-height:1.3}.seats .v small{color:var(--c2);font-size:15px;font-weight:400}.meter{background:rgb(var(--t1) / .1);border-radius:99px;height:6px;margin-top:10px;display:flex;position:relative;overflow:hidden}.meter i{height:100%;display:block}.meter .a{background:rgb(var(--ok))}.meter .p{background:rgb(var(--warn))}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.tabs{background:rgb(var(--bg1));border:1px solid rgb(var(--t1) / .08);border-radius:12px;gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.tabs button{min-height:40px;color:var(--c2);font:500 15px/1 var(--sans);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:0 14px}.tabs button .c{font:500 12px/1 var(--mono);color:var(--c2);margin-left:6px}.tabs button[aria-selected=true]{background:rgb(var(--bg3));color:var(--c1)}.search{flex:260px;max-width:360px;position:relative}.search svg{width:18px;height:18px;color:var(--c2);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search .in{min-height:44px;padding-left:42px;font-size:15px}.tbl{border-collapse:collapse;width:100%;font-size:15px}.tbl th{text-align:left;color:var(--c2);border-bottom:1px solid rgb(var(--t1) / .09);white-space:nowrap;padding:12px 16px;font-size:13px;font-weight:500}.tbl td{border-bottom:1px solid rgb(var(--t1) / .06);vertical-align:middle;padding:14px 16px}.tbl tr:last-child td{border-bottom:0}.tbl tbody tr{cursor:pointer;transition:background-color .12s}.tbl tbody tr:hover{background:rgb(var(--t1) / .03)}.tbl .nm a{color:var(--c1);font-weight:500;text-decoration:none}.tbl .nm a:hover{color:var(--c3)}.tbl .nm span{color:var(--c2);font-size:13px;display:block}.tbl .r{text-align:right}.card-flush{padding:0;overflow:hidden}.empty{text-align:center;color:var(--c2);padding:48px 24px}.list-m{margin:0;padding:0;list-style:none;display:none}.list-m li a{border-bottom:1px solid rgb(var(--t1) / .06);color:var(--c1);grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:16px 20px;text-decoration:none;display:grid}.list-m li:last-child a{border-bottom:0}.list-m .nm{font-weight:500}.list-m .meta{color:var(--c2);grid-column:1/-1;font-size:13px}@media (max-width:899px){.seats{grid-template-columns:repeat(2,minmax(0,1fr))}.tbl{display:none}.list-m{display:block}.search{max-width:none}}@media (max-width:699px){.admin main{padding-top:24px}.ahead .btn{width:100%}.seats{gap:12px}.seats .card{padding:14px 16px}.seats .v{font-size:24px}}.back{min-height:40px;color:var(--c2);align-items:center;gap:6px;margin-bottom:8px;font-size:15px;text-decoration:none;display:inline-flex}.back svg{width:18px;height:18px}.det{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.det .col{gap:24px;min-width:0;display:grid}.kv{grid-template-columns:160px minmax(0,1fr);gap:0;margin:0;font-size:15px;display:grid}.kv dt,.kv dd{border-top:1px solid rgb(var(--t1) / .07);margin:0;padding:12px 0}.kv dt:first-of-type,.kv dt:first-of-type+dd{border-top:0}.kv dt{color:var(--c2);padding-right:16px}.kv dd{overflow-wrap:anywhere}.kv dd.long{white-space:pre-line;line-height:1.7}.card h2{margin-bottom:12px;font-size:19px}.slipview{position:sticky;top:88px}.slipview .frame{background:rgb(var(--bg0));border:1px solid rgb(var(--t1) / .08);border-radius:10px;place-items:center;padding:16px;display:grid}.slipview .frame svg{width:100%;max-width:360px;height:auto}.slipview .tools{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.check{color:var(--c2);gap:8px;margin:12px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.check li{gap:8px;display:flex}.check svg{width:16px;height:16px;color:var(--c3);flex:none;margin-top:3px}.cons{gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.cons li{grid-template-columns:20px minmax(0,1fr);gap:10px;display:grid}.cons svg{width:18px;height:18px;margin-top:2px}.cons .y{color:rgb(var(--ok))}.cons .n{color:var(--c2)}.audit{color:var(--c2);gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.audit b{color:var(--c1);font-weight:500}.decide{z-index:5;background:linear-gradient(180deg, rgb(var(--bg0) / 0), rgb(var(--bg0) / .92) 30%);margin-top:24px;padding:16px 0;position:sticky;bottom:0}.decide .card{background:rgb(var(--bg1) / .96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.decide .acts{gap:12px;display:flex}.decide .msg{color:var(--c2);font-size:14px}@media (max-width:959px){.det{grid-template-columns:minmax(0,1fr)}.slipview{position:static}.kv{grid-template-columns:minmax(0,1fr)}.kv dt{padding-bottom:0}.kv dd{border-top:0;padding-top:2px}.decide .acts{width:100%}.decide .acts .btn{flex:1}}dialog{border:1px solid rgb(var(--t1) / .12);background:rgb(var(--bg1));width:min(520px,100vw - 32px);color:var(--c1);border-radius:16px;padding:0;box-shadow:0 40px 80px -20px #000}dialog::backdrop{background:#0009}dialog[open]{animation:pop .22s var(--ease)}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}dialog form{gap:18px;padding:24px;display:grid}dialog h2{font-size:21px}dialog .row{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.presets{flex-wrap:wrap;gap:8px;display:flex}.presets button{border:1px solid rgb(var(--t1) / .16);min-height:36px;color:var(--c1);font:400 14px/1 var(--sans);cursor:pointer;background:0 0;border-radius:999px;padding:0 12px}.presets button:hover{border-color:rgb(var(--t1) / .36)}.toast{z-index:70;opacity:0;background:rgb(var(--bg3));border:1px solid rgb(var(--t1) / .12);transition:opacity .2s, transform .2s var(--ease);pointer-events:none;border-radius:12px;padding:12px 18px;font-size:15px;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.is-on{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.rise{animation:none}.spin{opacity:.6;border-right-color:currentColor;animation:none}}@media (max-width:699px){.proto-bar{margin:0 12px 16px;position:static}}.admin .proto-bar{top:76px;bottom:auto}.slipview .frame svg{max-width:300px}@media (max-width:959px){.det>.col:last-child{order:-1}}.poster{aspect-ratio:2625/3375;background:#03121f}.poster img{object-fit:cover;width:100%;height:100%}.hero .quote{margin-top:20px;font-size:clamp(20px,.9rem + 1vw,26px);font-weight:500;line-height:1.45}.hero .quote+.lede{margin-top:8px}.points{flex-wrap:wrap;gap:8px 10px;margin:20px 0 0;padding:0;list-style:none;display:flex}.points li{background:rgb(var(--accent) / .1);border:1px solid rgb(var(--accent) / .25);border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 8px;font-size:15px;display:inline-flex}.points svg{width:16px;height:16px;color:rgb(var(--accent))}.inst{gap:4px;display:grid}.inst h2{font-size:var(--s3)}.submit .bot{min-height:65px}.submit .bot:empty{min-height:0}.warnbox>div{min-width:0}.cta p.btn{cursor:default}
@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/kanit-700-thai-40a2d6d9c7.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/kanit-700-latin-28a60ac96b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg0:2 10 17;--bg1:5 22 34;--bg2:9 33 48;--bg3:14 47 66;--t1:236 246 248;--t2:160 189 197;--t3:124 153 163;--brand:94 190 206;--brand-press:70 164 182;--brand-text:120 214 228;--ink:2 10 17;--accent:94 190 206;--teal:15 136 155;--deep:4 62 75;--focus:130 226 240;--display:"Kanit", var(--sans)}body{background:rgb(var(--bg0))}.hero h1,.page-head h1,.done h1,.sec h2,.inst h2,.gal h2{font-family:var(--display);letter-spacing:-.005em;font-weight:700}.hero h1{line-height:1.04}.hero h1 .no{color:rgb(var(--brand-text));text-shadow:0 0 24px rgb(var(--brand) / .45)}.mark i{background:rgb(var(--brand));box-shadow:0 0 0 4px rgb(var(--brand) / .18), 0 0 12px rgb(var(--brand) / .6)}.btn-primary{color:rgb(var(--ink));background:rgb(var(--brand));border-color:rgb(var(--brand));box-shadow:0 0 0 0 rgb(var(--brand) / 0);transition:background-color .16s, box-shadow .2s, transform .16s var(--ease)}.btn-primary:hover{color:rgb(var(--ink));background:rgb(var(--brand-text));box-shadow:0 0 24px -4px rgb(var(--brand) / .7)}.btn-primary:active{background:rgb(var(--brand-press))}.btn-secondary{background:rgb(var(--bg2) / .7)}.tick input:checked{background:rgb(var(--brand));border-color:rgb(var(--brand))}.tick input:checked:after{border-color:rgb(var(--ink))}.tick:has(input:checked){border-color:rgb(var(--brand) / .55);background:rgb(var(--brand) / .08)}.terms .tag{background:rgb(var(--brand) / .14)}.points li{background:rgb(var(--brand) / .08);border-color:rgb(var(--brand) / .3)}.card{border-color:rgb(var(--brand) / .12)}.top.solid{background:rgb(var(--bg0) / .9);border-bottom-color:rgb(var(--brand) / .12)}.scene:after{background:linear-gradient(90deg, rgb(var(--bg0) / .95) 0%, rgb(var(--bg0) / .86) 38%, rgb(var(--bg0) / .5) 70%, rgb(var(--bg0) / .66) 100%), linear-gradient(180deg, rgb(var(--bg0) / .72) 0%, rgb(var(--bg0) / 0) 18%, rgb(var(--bg0) / 0) 70%, rgb(var(--bg0)) 100%), radial-gradient(900px 620px at 76% 42%, rgb(var(--brand) / .12), rgb(var(--brand) / 0) 70%)}@media (max-width:699px){.scene:after{background:linear-gradient(180deg, rgb(var(--bg0) / .8) 0%, rgb(var(--bg0) / .66) 30%, rgb(var(--bg0) / .84) 62%, rgb(var(--bg0)) 100%)}}.poster-wrap{justify-self:end;width:100%;max-width:440px;position:relative}.poster-wrap .poster{z-index:1;max-width:none;box-shadow:0 40px 80px -30px #000c, 0 0 0 1px rgb(var(--brand) / .18);justify-self:auto;position:relative}.poster-wrap .tri{z-index:0;pointer-events:none;width:156%;height:auto;position:absolute;top:-12%;left:-30%;overflow:visible}.poster-wrap .tri path{fill:none;stroke:rgb(var(--brand));stroke-width:2.5px;filter:drop-shadow(0 0 6px rgb(var(--brand) / .8));opacity:.55}@media (max-width:959px){.poster-wrap{justify-self:start;max-width:360px}.poster-wrap .tri{display:none}}@media (max-width:699px){.poster-wrap{justify-self:stretch;max-width:none}}.mark.logo{gap:10px}.mark.logo .tile{flex:none;place-items:center;display:grid}.mark.logo .tile picture{display:contents}.mark.logo .tile img{width:34px;height:auto}.mark.logo:focus-visible{outline-offset:4px}.a2 .mark.logo .tile img{width:28px}.lplate{flex:none;display:inline-grid}.lplate img{display:block}.lplate picture{display:contents}.foot3 .wrap{justify-content:flex-start;align-items:center;gap:16px 28px}.foot3 .fmeta{gap:6px;display:grid}.lplate-lg{margin-bottom:24px}