:root{--gold1: #ffdf96;--gold2: #e8a33d;--gold3: #c9801f;--ink: #f6e7c4;--teal: #9fe8d0;--fx: .5}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#04060f;color:var(--ink);font-family:Kanit,system-ui,sans-serif;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}.hero{position:relative;width:100%;height:100vh;height:100svh;min-height:520px;overflow:hidden}.stage{--w: max(100vw, calc(100svh * 2048 / 1144));--fx-pos: .62;position:absolute;top:50%;width:var(--w);aspect-ratio:2048 / 1144;left:calc((100vw - var(--w)) * var(--fx-pos));transform:translateY(-50%)}.stage>*{position:absolute}.l-bg{inset:0;width:100%;height:100%;display:block}.l-moon{left:4%;top:12%;width:52%;height:70%;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(191,245,224,.34),rgba(159,232,208,.12) 45%,transparent 70%);animation:moonPulse 6s ease-in-out infinite}@keyframes moonPulse{0%,to{opacity:.35}50%{opacity:1}}.l-wolf{left:70.46%;top:54.28%;width:17.38%;height:31.73%;transform-origin:50% 96%;animation:wolfBreath 5.5s ease-in-out infinite;will-change:transform}.l-wolf img{position:absolute;inset:0;width:100%;height:100%;display:block}.w-head{transform-origin:22% 37.5%;animation:wolfHowl 11s ease-in-out infinite;will-change:transform}.w-tail{transform-origin:73% 66%;animation:wolfTail 4.2s ease-in-out infinite;will-change:transform}@keyframes wolfBreath{0%,to{transform:scale(1)}45%{transform:scale(1.003,1.014)}}@keyframes wolfHowl{0%,to{transform:rotate(0) translateY(0)}18%{transform:rotate(-3.2deg) translateY(-1.5px)}58%{transform:rotate(-4deg) translateY(-2px)}78%{transform:rotate(.8deg) translateY(.4px)}}@keyframes wolfTail{0%,to{transform:rotate(-2deg)}50%{transform:rotate(3.2deg)}}.l-wisps{inset:0;pointer-events:none}.wisp{position:absolute;transform-origin:50% 92%;animation:wispSway var(--d, 3.6s) ease-in-out var(--dl, 0s) infinite;will-change:transform,filter}@keyframes wispSway{0%,to{transform:translateY(0) rotate(-3deg) scale(1);filter:brightness(1) saturate(1)}30%{transform:translateY(-4%) rotate(2.5deg) scale(.96,1.1);filter:brightness(1.45) saturate(1.2)}55%{transform:translateY(-1%) rotate(4deg) scale(1.04,.94);filter:brightness(.9)}80%{transform:translateY(-3%) rotate(-2deg) scale(.98,1.07);filter:brightness(1.3) saturate(1.15)}}.l-bolt{inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:0}.l-bolt.on{animation:boltFlash .5s steps(1,end) forwards}@keyframes boltFlash{0%{opacity:1}12%{opacity:.15}22%{opacity:1}40%{opacity:.55}60%{opacity:.9}to{opacity:0}}.l-flash{inset:0;background:radial-gradient(ellipse at var(--fxx, 50%) 18%,rgba(205,255,245,.55),rgba(120,220,210,.18) 55%,transparent 80%);mix-blend-mode:screen;opacity:0;pointer-events:none}.l-flash.on{animation:flash .55s ease-out forwards}@keyframes flash{0%{opacity:0}8%{opacity:1}20%{opacity:.25}32%{opacity:.8}to{opacity:0}}.l-fog{left:0;width:200%;background-repeat:repeat-x;background-size:50% 100%;pointer-events:none;will-change:transform}.l-fog.f1{bottom:0;height:30%;background-image:url(img/fog1.webp);opacity:.75;animation:fogMove 80s linear infinite}.l-fog.f2{bottom:14%;height:24%;background-image:url(img/fog2.webp);opacity:.55;animation:fogMove 130s linear infinite reverse}@keyframes fogMove{to{transform:translate(-50%)}}.l-wisp{inset:0;width:100%;height:100%;pointer-events:none}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 55% 45%,transparent 55%,rgba(4,6,15,.55) 100%),linear-gradient(rgba(4,6,15,.55),transparent 22%,transparent 70%,rgba(4,6,15,.65))}.top{position:absolute;left:0;right:0;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:max(14px,env(safe-area-inset-top)) clamp(16px,4vw,56px) 0}.brand{display:block;width:clamp(210px,29vw,440px)}.logo-float{position:relative;display:block;animation:logoFloat 7s ease-in-out infinite;will-change:transform}.logo-img{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 16px rgba(0,0,0,.75)) drop-shadow(0 0 22px rgba(95,182,168,.22))}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(.35deg)}}.logo-fx{position:absolute;inset:0;pointer-events:none;-webkit-mask:url(img/logo.webp) center / 100% 100% no-repeat;mask:url(img/logo.webp) center / 100% 100% no-repeat}.logo-moon{mix-blend-mode:screen;background:radial-gradient(ellipse 24% 34% at 51% 33%,rgba(205,255,240,.55),rgba(140,230,205,.18) 55%,transparent 75%);animation:moonPulse 5s ease-in-out infinite}.logo-sheen{background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,0) 42%,rgba(235,255,250,.7) 50%,rgba(255,255,255,0) 58%,transparent 62%) 130% 0 / 260% 100% no-repeat;mix-blend-mode:screen;animation:logoSheen 9s ease-in-out infinite}@keyframes logoSheen{0%{background-position:130% 0}28%,to{background-position:-30% 0}}.lg-flame{position:absolute;top:33%;width:9%;height:15%;border-radius:50%;background:radial-gradient(ellipse,rgba(150,255,210,.7),rgba(90,230,170,.25) 50%,transparent 72%);mix-blend-mode:screen;pointer-events:none;animation:flameFlick 2.6s ease-in-out infinite}.lg-flame.a{left:29%}.lg-flame.b{left:62%;animation-delay:-1.3s}@keyframes flameFlick{0%,to{opacity:.55;transform:scaleX(.9) translateY(0)}25%{opacity:1;transform:scale(1.08,1.12) translateY(-3%)}55%{opacity:.65;transform:scale(.95)}80%{opacity:.95;transform:scale(1.04,1.08) translateY(-2%)}}.lg-star{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;pointer-events:none;opacity:0;background:radial-gradient(circle,#fff 0 14%,rgba(190,255,235,.9) 20%,transparent 62%);clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);animation:twinkle 4.5s ease-in-out infinite}.lg-star.s1{left:22%;top:49%;animation-delay:0s}.lg-star.s2{left:78%;top:52%;animation-delay:-1.1s}.lg-star.s3{left:50%;top:4%;animation-delay:-2.2s}.lg-star.s4{left:36%;top:68%;animation-delay:-3.3s}.lg-star.s5{left:66%;top:66%;animation-delay:-.6s}@keyframes twinkle{0%,55%,to{opacity:0;transform:scale(.3) rotate(0)}70%{opacity:1;transform:scale(1) rotate(25deg)}85%{opacity:0;transform:scale(.4) rotate(45deg)}}.nav{display:flex;gap:clamp(10px,2vw,26px);padding-top:14px;font-size:clamp(14px,1.2vw,17px);text-shadow:0 2px 8px #000}.nav a{padding:8px 4px;border-bottom:2px solid transparent;opacity:.9}.nav a:hover,.nav a:focus-visible{border-color:var(--gold2);opacity:1;outline:none}.cta{position:absolute;left:clamp(16px,4vw,56px);bottom:max(22px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;max-width:min(560px,92vw)}.tag{margin:0;font-size:clamp(16px,1.7vw,24px);color:#e8dcc0;text-shadow:0 2px 10px #000,0 0 26px rgba(0,0,0,.8)}.btns{display:flex;flex-wrap:wrap;gap:12px}.btn{min-height:52px;padding:0 clamp(22px,3vw,40px);display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font:600 clamp(17px,1.5vw,21px) "Kanit",sans-serif;cursor:pointer;transition:transform .15s ease,filter .15s ease,background .15s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.btn.gold{color:#2a1a05;background:linear-gradient(var(--gold1),var(--gold2) 55%,var(--gold3));box-shadow:inset 0 1px #ffffff8c,0 4px #7a4a0f,0 12px 26px #e8a33d59}.btn.gold:hover{filter:brightness(1.08)}.btn.ghost{color:#ffe7a8;background:#060c189e;border:1px solid rgba(233,201,138,.7);backdrop-filter:blur(6px)}.btn.ghost:hover{background:#e9c98a2e}.srv{margin:0;display:flex;align-items:center;gap:8px;font-size:14px;color:#d6e0ee;text-shadow:0 1px 6px #000}.dot{width:9px;height:9px;border-radius:50%;background:#6be08a;box-shadow:0 0 8px #6be08a}.events{position:absolute;right:clamp(16px,4vw,56px);top:clamp(86px,17vh,150px);display:flex;flex-direction:column;gap:10px;width:min(250px,42vw)}.ev{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:12px;background:linear-gradient(90deg,#060c18c7,#060c1880);border:1px solid rgba(233,201,138,.5);border-left:4px solid var(--gold2);backdrop-filter:blur(6px);transition:transform .15s ease,border-color .15s ease}.ev b{font-weight:600;font-size:17px;color:#ffe7a8}.ev small{font-size:13px;color:#bfb7a2}.ev:hover,.ev:focus-visible{transform:translate(-4px);border-color:#ffd86b;outline:none}@media(max-width:760px){.brand{width:min(62vw,280px)}.stage{--w: 150vw;--fx-pos: .54;top:40%;-webkit-mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent)}.nav{display:none}.events{top:auto;right:16px;left:16px;bottom:calc(max(22px,env(safe-area-inset-bottom)) + 170px);flex-direction:row;width:auto;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.events::-webkit-scrollbar{display:none}.ev{flex:none;min-width:150px;padding:9px 12px}.ev b{font-size:15px}.cta{right:16px;max-width:none}.btns .btn{flex:1 1 140px}}@media(max-height:560px)and (orientation:landscape){.events,.tag{display:none}}@media(prefers-reduced-motion:reduce){.logo-float,.logo-moon,.logo-sheen,.lg-flame,.lg-star,.l-moon,.l-wolf,.w-head,.w-tail,.wisp,.l-fog,.l-bolt.on,.l-flash.on{animation:none!important}.l-bolt,.l-flash,.l-wisp{display:none}.btn,.ev{transition:none}}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px}.modal[hidden]{display:none}.m-back{position:absolute;inset:0;background:#02080eb8;backdrop-filter:blur(5px)}.m-box{position:relative;width:min(400px,100%);padding:26px 26px 22px;border-radius:16px;display:flex;flex-direction:column;gap:13px;color:#e6efe9;background:linear-gradient(180deg,#0e1a22f5,#070d14f7);border:1px solid rgba(233,201,138,.55);box-shadow:0 0 0 1px #0009,0 24px 70px #000000b3,0 0 40px #5fb6a82e;animation:mIn .25s ease}@keyframes mIn{0%{opacity:0;transform:translateY(12px) scale(.97)}}.m-box h2{margin:0;text-align:center;font:600 28px Cinzel,serif;letter-spacing:.12em;color:#d7f5ea;text-shadow:0 0 14px rgba(95,182,168,.6)}.m-x{position:absolute;top:8px;right:12px;background:none;border:0;color:#bfb7a2;font-size:28px;cursor:pointer;line-height:1}.m-x:hover{color:#fff}.m-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(233,201,138,.3)}.m-tabs button{background:none;border:0;padding:10px 0;color:#9aa7a2;font:500 17px Kanit,sans-serif;cursor:pointer;border-bottom:2px solid transparent}.m-tabs button[aria-selected=true]{color:#ffe7a8;border-bottom-color:var(--gold2)}.m-box label{display:flex;flex-direction:column;gap:5px;font:400 14px Kanit,sans-serif;color:#bcd0c8}.m-box label[hidden]{display:none}.m-box input{height:44px;padding:0 12px;border-radius:10px;border:1px solid rgba(233,201,138,.35);background:#03090ecc;color:#fff;font:400 16px Kanit,sans-serif}.m-box input:focus{outline:2px solid #5fb6a8;border-color:transparent}.m-hint{margin:0;font-size:12.5px;line-height:1.5;color:#aeb6d0}.m-msg{margin:0;min-height:18px;font-size:13px;color:#ff9a8a}.m-go{width:100%}.m-or{display:flex;align-items:center;gap:10px;color:#7f8d88;font-size:13px}.m-or:before,.m-or:after{content:"";flex:1;height:1px;background:#e9c98a40}.m-soc{display:grid;grid-template-columns:1fr 1fr;gap:10px}.m-g{grid-column:1 / -1;min-height:44px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px}.m-g:empty{display:none}.m-soc .btn{min-height:44px;font-size:16px}.m-soc .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.m-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.m-box{animation:none}}.brand{--vw: clamp(340px, 42vw, 660px);width:auto;position:relative}.logo-vid{display:block;width:var(--vw);height:auto;margin:calc(var(--vw) * -.13) 0 calc(var(--vw) * -.25) calc(var(--vw) * -.13);mix-blend-mode:screen;pointer-events:none;-webkit-mask:radial-gradient(ellipse 50% 50% at 50% 50%,#000 62%,transparent 100%);mask:radial-gradient(ellipse 50% 50% at 50% 50%,#000 62%,transparent 100%);filter:brightness(1.05) contrast(1.12)}.brand .logo-float,.novid .logo-vid,.calm .logo-vid{display:none}.novid .brand .logo-float,.calm .brand .logo-float{display:block;width:clamp(210px,29vw,440px)}@media(max-width:760px){.brand{--vw: min(104vw, 520px)}.novid .brand .logo-float,.calm .brand .logo-float{width:min(62vw,280px)}}@media(prefers-reduced-motion:reduce){.logo-vid{display:none}.brand .logo-float{display:block;width:clamp(210px,29vw,440px)}}.top{justify-content:flex-end}.logo-vid{margin:calc(var(--vw) * .1) calc(var(--vw) * -.13) calc(var(--vw) * -.25) 0}@media(max-width:760px){.top{justify-content:center}.logo-vid{margin:calc(var(--vw) * .08) 0 calc(var(--vw) * -.25)}}@media(min-width:761px){.cta{left:auto;right:clamp(16px,4vw,56px);align-items:flex-end}.btns{justify-content:flex-end}}.ch-box{width:min(760px,100%)}.ch-acc{margin:-4px 0 0;text-align:center;font-size:14px;color:#9fb4ab}.ch-acc b{color:#ffe7a8;font-weight:500}.linkbtn{background:none;border:0;color:#7fd6c6;cursor:pointer;font:inherit;text-decoration:underline}.ch-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ch-slot{position:relative;height:270px;border-radius:14px;border:1px solid rgba(233,201,138,.28);background:radial-gradient(ellipse at 50% 85%,#5fb6a829,#03090eb3 70%);color:#e6efe9;font:400 14px Kanit,sans-serif;cursor:pointer;padding:0;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}.ch-slot:hover,.ch-slot:focus-visible{border-color:#e9c98acc;transform:translateY(-3px);outline:none}.ch-slot[aria-pressed=true]{border-color:#ffd86b;box-shadow:0 0 0 1px #ffd86b,0 0 28px #5fb6a866}.ch-spr{position:absolute;left:50%;bottom:66px;height:150px;width:auto;transform:translate(-50%);image-rendering:auto;filter:drop-shadow(0 6px 8px rgba(0,0,0,.7));transition:transform .25s}.ch-slot:hover .ch-spr,.ch-slot[aria-pressed=true] .ch-spr{transform:translate(-50%) translateY(-6px)}.ch-plate{position:absolute;left:6px;right:6px;bottom:6px;padding:6px 4px;border-radius:9px;background:#03090ed1;border:1px solid rgba(233,201,138,.25);text-align:center;line-height:1.25}.ch-plate b{display:block;font-weight:600;font-size:16px;color:#ffe7a8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-plate small{color:#9fb4ab;font-size:12.5px}.ch-empty{display:grid;place-items:center;color:#7f8d88;border-style:dashed}.ch-empty .plus{font-size:44px;line-height:1;color:#5fb6a8;display:block;margin-bottom:6px}.ch-new{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;border:1px solid rgba(233,201,138,.3);background:#03090e80}.ch-new[hidden]{display:none}.ch-newbtns{display:flex;gap:10px;justify-content:flex-end}.ch-newbtns .btn{min-height:42px;font-size:16px}.ch-note{margin:0;text-align:center;font-size:12px;color:#6f7d78}.m-go:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}@media(max-width:640px){.ch-list{grid-template-columns:repeat(2,1fr)}.ch-slot{height:240px}.ch-box{max-height:94svh;overflow-y:auto}}@media(prefers-reduced-motion:reduce){.ch-slot,.ch-spr{transition:none}}.ch-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s;pointer-events:none}.ch-vid.ok{opacity:.95}.ch-shadow{position:absolute;left:50%;bottom:60px;width:62%;height:16px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.65),transparent 70%);pointer-events:none}.ch-slot:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#03090e8c);pointer-events:none}.ch-spr,.ch-plate,.ch-shadow{z-index:1}.ch-slot:after{z-index:0}.m-logo{margin:-6px 0 -2px;line-height:0;text-align:center}.m-logo img{width:min(250px,72%);height:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.7));animation:logoGlow 5s ease-in-out infinite}.m-logo-s{display:block;width:120px;height:auto;margin:-8px auto -6px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.7))}.ch-box h2{font:600 22px Kanit,sans-serif;letter-spacing:.04em}@keyframes logoGlow{0%,to{filter:drop-shadow(0 4px 10px rgba(0,0,0,.7)) drop-shadow(0 0 6px rgba(150,230,215,.25))}50%{filter:drop-shadow(0 4px 10px rgba(0,0,0,.7)) drop-shadow(0 0 18px rgba(150,230,215,.6))}}@media(prefers-reduced-motion:reduce){.m-logo img{animation:none}}.ch-trash{position:absolute;top:6px;right:6px;z-index:2;width:32px;height:32px;border-radius:8px;border:1px solid rgba(233,201,138,.3);background:#03090eb3;color:#cbb;font-size:15px;cursor:pointer;opacity:0;transition:opacity .15s,background .15s}.ch-slot:hover .ch-trash,.ch-slot:focus-within .ch-trash{opacity:1}.ch-trash:hover{background:#a02828b3}@media(hover:none){.ch-trash{opacity:.85}}.ch-slot.pending .ch-spr{filter:grayscale(1) brightness(.55)}.ch-slot.pending .ch-vid{opacity:.25!important}.ch-del{position:absolute;z-index:2;left:6px;right:6px;bottom:6px;padding:8px 6px;border-radius:9px;background:#140608e6;border:1px solid rgba(220,90,90,.55);text-align:center;display:flex;flex-direction:column;gap:6px}.ch-delt{font-size:12.5px;color:#ffb3a8}.dbtn{min-height:34px;border-radius:8px;border:1px solid rgba(233,201,138,.45);background:#060c18b3;color:#ffe7a8;font:500 14px Kanit,sans-serif;cursor:pointer}.dbtn:hover{background:#e9c98a2e}.dbtn.danger{background:#a02828;border-color:#e07070;color:#fff}.dbtn.danger:hover{background:#c03232}.del-box{width:min(380px,100%);text-align:center}.del-t{font:600 22px Kanit,sans-serif!important;letter-spacing:0!important;color:#ffb3a8!important;text-shadow:none!important}.del-p{margin:0;font-size:15px;line-height:1.6;color:#cfdad5}.del-p b{color:#ffe7a8}#delIn{text-align:center}.del-ok{background:linear-gradient(#d05a5a,#a02828 60%,#7a1818);color:#fff;box-shadow:0 3px #4a0e0e;min-height:42px;font-size:16px}.ch-empty{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}.ch-empty .plus{display:block;margin:0;font-size:46px;line-height:1}.ch-empty .plt{display:block}.req-box{width:min(320px,100%);text-align:center;padding:20px 20px 18px;gap:10px}.req-btns{display:flex;gap:10px;margin-top:4px}.req-btns .btn{flex:1;min-height:42px;font-size:16px;padding:0 10px}.lgw{position:relative;display:inline-block;line-height:0}.m-logo .lgw img{width:min(250px,72vw)}.m-logo-s.lgw{display:block;width:120px;margin:-8px auto -6px}.m-logo-s img{width:100%;height:auto;display:block}.sst{position:absolute;left:22%;top:-4%;width:74px;height:2px;border-radius:2px;pointer-events:none;opacity:0;transform-origin:100% 50%;background:linear-gradient(90deg,transparent,rgba(160,255,235,.35) 55%,#fff);filter:drop-shadow(0 0 4px rgba(170,255,240,.95));animation:sstFall 7s linear infinite}.sst:after{content:"";position:absolute;right:-3px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:radial-gradient(circle,#fff 0 35%,rgba(190,255,240,.8) 55%,transparent 72%)}.sst.b{left:40%;top:-10%;width:54px;animation-delay:-2.6s;animation-duration:8.5s}.sst.c{left:6%;top:18%;width:60px;animation-delay:-5.1s;animation-duration:10s}@keyframes sstFall{0%,78%{opacity:0;transform:rotate(28deg) translate(0)}80%{opacity:1}92%{opacity:.9}to{opacity:0;transform:rotate(28deg) translate(150px)}}.m-logo-s .sst{transform-origin:100% 50%}.m-logo-s .sst{width:40px}@media(prefers-reduced-motion:reduce){.sst{display:none}}.m-rem{flex-direction:row!important;align-items:center;gap:8px!important;font-size:14px!important;color:#9fb4ab!important;cursor:pointer}.m-rem input{width:16px;height:16px;accent-color:#5fb6a8}#chMsg.bad{color:#ff9a8a}#chMsg:not(.bad){color:#9fd9c9}@media(max-width:640px){.ch-slot{height:220px}.ch-slot.ch-empty{height:96px}}.snd{position:absolute;left:clamp(16px,4vw,56px);bottom:max(22px,env(safe-area-inset-bottom));z-index:5;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(233,201,138,.5);background:#060c189e;backdrop-filter:blur(6px);color:#ffe7a8;font:500 14px Kanit,sans-serif;cursor:pointer}.snd:hover{background:#e9c98a2e}.snd:focus-visible{outline:3px solid #fff;outline-offset:3px}.snd[aria-pressed=true]{border-color:#7fd6c6;color:#bff5ea}.novid .snd{display:none}@media(prefers-reduced-motion:reduce){.snd{display:none}}@media(max-width:760px){.snd{bottom:calc(max(22px,env(safe-area-inset-bottom)) + 120px);left:16px}}.ch-new label{display:flex;flex-direction:column;gap:6px;color:#cfe0d8;font-size:14px}.cn-h{text-align:center;font-size:13px;color:#9fb4ab;margin-top:2px}.cn-hair{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.cn-sw{width:30px;height:30px;border-radius:8px;border:2px solid rgba(255,255,255,.15);cursor:pointer;padding:0}.cn-sw[aria-pressed=true]{border-color:#ffe7a8;box-shadow:0 0 10px #e9c98a80}.ch-box.creating .ch-list,.ch-box.creating #chPlay{display:none}.ch-box{max-height:96svh;overflow-y:auto}.cn-jobs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cn-job{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:10px;border:1px solid rgba(233,201,138,.22);background:#03090e8c;color:#cfe0d8;font:inherit;font-size:14px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.cn-job:hover{border-color:#e9c98a8c}.cn-job img{width:44px;height:44px;object-fit:contain}.cn-sex{display:flex;gap:8px;justify-content:center}.cn-sex button{flex:1;max-width:140px;padding:8px 4px;border-radius:10px;border:1px solid rgba(233,201,138,.22);background:#03090e8c;color:#cfe0d8;font:inherit;font-size:14px;cursor:pointer}.cn-sex button[aria-pressed=true]{border-color:#e9c98a;box-shadow:0 0 0 1px #e9c98a inset,0 0 14px #e9c98a40;color:#ffe7a8}.cn-sex button:disabled{opacity:.45;cursor:default}.cn-sex small{display:block;font-size:11px;opacity:.8}.cn-job[aria-pressed=true]{border-color:#e9c98a;box-shadow:0 0 0 1px #e9c98a inset,0 0 14px #e9c98a40;color:#ffe7a8}.ch-box.creating{width:min(900px,100%)}.cn-wrap{display:grid;grid-template-columns:minmax(250px,340px) 1fr;gap:16px;align-items:stretch}.cn-stage{position:relative;border-radius:14px;border:1px solid rgba(233,201,138,.3);overflow:hidden;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:radial-gradient(ellipse 60% 38% at 50% 82%,rgba(95,182,168,.34),transparent 70%),radial-gradient(ellipse at 50% 30%,#28404e8c,#03090ed9 75%)}.cn-stage:before{content:"";position:absolute;left:50%;bottom:62px;width:56%;height:18px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.7),transparent 72%)}.cn-stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55))}.cn-jobname{position:relative;z-index:1;font:600 20px Kanit,sans-serif;color:#ffe7a8;letter-spacing:.04em;text-shadow:0 2px 6px rgba(0,0,0,.8);margin-bottom:8px}.cn-turn{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#9fb4ab;font-size:12.5px}.cn-turn button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(233,201,138,.4);background:#03090eb3;color:#ffe7a8;font-size:20px;line-height:1;cursor:pointer}.cn-turn button:hover,.cn-turn button:focus-visible{border-color:#ffe7a8;outline:none}.cn-panel{display:flex;flex-direction:column;gap:10px;min-width:0}.cn-job{font-size:13px;padding:8px 2px}.cn-job img{width:38px;height:38px}.cn-sw{position:relative;width:32px;height:32px}.cn-sw.custom{background:conic-gradient(#e0443a,#e8c25a,#55b04f,#4a7fd8,#b45ad8,#e0443a);overflow:hidden}.cn-sw.custom input{position:absolute;inset:-6px;width:44px;height:44px;opacity:0;cursor:pointer}@media(max-width:720px){.cn-wrap{grid-template-columns:1fr}.cn-stage{min-height:250px}.cn-jobs{grid-template-columns:repeat(4,1fr)}}@media(max-width:420px){.cn-jobs{grid-template-columns:repeat(2,1fr)}}.mnt-box{width:min(360px,100%)}.mnt-ic{font-size:34px;line-height:1}#mntT{color:#ffe7a8!important}.mnt-when{margin:0;padding:8px 10px;border-radius:10px;border:1px solid rgba(233,201,138,.4);background:#e9c98a1a;color:#ffe7a8;font-size:15px}.mnt-when[hidden]{display:none}.srv.closed .dot{background:#ff5b5b;box-shadow:0 0 8px #ff5b5b}.srv.closed{color:#ffc4bc}.srv.off .dot{background:#8a96a6;box-shadow:none}