.win-x-rail{position:sticky;top:0;height:0;width:100%;z-index:var(--z-win, 6);pointer-events:none}button.win-x[type=button]{pointer-events:auto;position:absolute;top:8px;right:8px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:50%;background:url(/ui/settings-frame/close-button.webp) center / 40px 40px no-repeat;color:transparent;font-size:0;cursor:pointer;z-index:var(--z-win, 6);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform 90ms,filter 90ms}button.win-x[type=button]:hover{filter:brightness(1.12)}button.win-x[type=button]:active{transform:scale(.92);filter:brightness(1.2)}button.win-x[type=button]:focus-visible{outline:3px solid #fff3d0;outline-offset:-2px}body.reduce-motion button.win-x[type=button]{transition:none}@media(pointer:fine){.win-x-rail{display:none}}@media(pointer:fine){#bag .win-x-rail{display:block}}#qb-track.qtk-qt{--w: 370px;--fs: 14px;--s: .1;--red-0: #2a0709;--red-1: #6e1417;--red-2: #a3231f;--red-3: #c9382c;--gold-0: #7a4d14;--gold-1: #c8932f;--gold-2: #e9bd55;--gold-3: #fbe6a0;--cream: #f8eed6;--cream-2: #e8d6b4;--main: #e9bd55;--daily: #ff7a5c;--train: #5fd0b0;position:fixed;z-index:4;width:var(--w);max-width:calc(100vw - 16px);font-size:var(--fs);display:flex;flex-direction:column;gap:0;font-family:Sarabun,system-ui,sans-serif;line-height:1.5;color:var(--cream);-webkit-tap-highlight-color:transparent}@media(max-height:520px)and (orientation:landscape){#qb-track.qtk-qt{--w: 250px;--fs: 12px;--s: .075}}@media(max-width:560px)and (orientation:portrait){#qb-track.qtk-qt{--w: min(86vw, 280px);--fs: 13px;--s: .085}}#qb-track.qtk-qt[hidden]{display:none}#qb-track.qtk-qt *{box-sizing:border-box}#qb-track.qtk-qt button{font:inherit}#qb-track.qtk-qt button:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}.qtk-qhead{position:relative;z-index:3;align-self:flex-start;margin-left:calc(300px * var(--s) * .35);height:auto;aspect-ratio:2094/443;width:calc(var(--w) * .62);min-width:150px;padding:0 15%;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;border:0;background:url(/ui/fps-warning/assets/title_plaque.png) center/100% 100% no-repeat;color:var(--gold-3);font-weight:800;font-size:calc(var(--fs) + 1px);text-shadow:0 1px 0 #000}.qtk-chev{width:14px;height:auto;transition:transform .25s}.qtk-qt.closed .qtk-chev{transform:rotate(-90deg)}.qtk-badge{display:grid;place-items:center;width:26px;height:26px;min-width:26px;padding:0;background:url(/ui/quest-tracker/qtk_badge.png) center/100% 100% no-repeat;color:#fff;font-size:12px;font-weight:800;text-shadow:0 1px 0 #3a0a0c;animation:qtk-bump 1.8s ease-in-out infinite}.qtk-badge[hidden]{display:none}@keyframes qtk-bump{0%,80%,to{transform:scale(1)}88%{transform:scale(1.18)}}.qtk-qframe{position:relative;border:solid transparent;border-width:calc(300px * var(--s));border-image:url(/ui/fps-warning/assets/frame_9slice.png) 150 round;margin-top:-6px}.qtk-qt.closed .qtk-qframe{display:none}.qtk-qbg{position:absolute;left:calc(-114px * var(--s));right:calc(-114px * var(--s));top:calc(-113px * var(--s));bottom:calc(-99px * var(--s));background:linear-gradient(180deg,#240608db,#240608b8);box-shadow:inset 0 0 18px #00000080}.qtk-qbg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.08;background:repeating-linear-gradient(135deg,#e9bd55 0 1px,transparent 1px 9px)}.qtk-list{position:relative;display:flex;flex-direction:column;gap:6px;margin:calc(-114px * var(--s) + 5px) calc(-114px * var(--s) + 5px) calc(-99px * var(--s) + 5px);padding-top:calc(var(--s) * 60px);max-height:min(var(--qtk-max, 2000px),var(--qb-room, 2000px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--gold-1) transparent}.qtk-row{--tc: var(--main);position:relative;flex:none;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 8px 8px 10px;cursor:pointer;text-align:left;width:100%;color:var(--cream);border:0;border-radius:2px;overflow:hidden;transition:transform .15s,background .2s;box-shadow:inset 0 0 0 1px #7a4d14e6,inset 0 0 0 2px #e9bd558c,inset 4px 0 0 var(--tc);background:linear-gradient(90deg,#460e10eb,#340a0cd9 70%,#340a0cb3)}.qtk-row:hover{transform:translate(3px);background:linear-gradient(90deg,#3c0c0ef2,#3c0c0eb3)}.qtk-row.is-ready{box-shadow:inset 0 0 0 1px var(--gold-0),inset 0 0 0 2px var(--gold-2),inset 4px 0 0 var(--tc),0 0 10px #e9bd5559;background:linear-gradient(90deg,#6e1417f2,#6e1417cc 70%,#6e1417a6)}.qtk-row.daily{--tc: var(--daily)}.qtk-row.train{--tc: var(--train)}.qtk-row.is-ready:after{content:"";position:absolute;top:0;bottom:0;width:30%;left:-40%;background:linear-gradient(100deg,transparent,rgba(255,236,170,.35),transparent);animation:qtk-sweep 2.6s ease-in-out infinite;pointer-events:none}@keyframes qtk-sweep{0%,50%{left:-40%}to{left:130%}}.qtk-row,.qtk-row.is-ready{border:0 solid transparent;background:none;box-shadow:none;border-radius:0;padding:11px 16px 11px 24px;border-image:url(/ui/quest-tracker/qtk_row_plate.png) 17 75 11 75 fill / 8px 34px 5px 34px stretch}.qtk-row.is-ready{border-image:url(/ui/quest-tracker/qtk_row_plate_ready.png) 28 80 26 80 fill / 13px 36px 12px 36px stretch;border-image-outset:6px 0}.qtk-row:hover{background:none;filter:brightness(1.08)}.qtk-row.is-ready:hover{background:none}.qtk-cn{display:none}.qtk-row.is-ready:after{top:4px;bottom:4px}#qb-track.qtk-qt .qtk-list{gap:10px;padding-bottom:6px}.qtk-cn{position:absolute;width:16px;height:16px;pointer-events:none;opacity:.95;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 15V6c0-3 2-5 5-5h9' fill='none' stroke='%23e9bd55' stroke-width='1.6'/%3E%3Cpath d='M4 12V7c0-1.7 1.3-3 3-3h5' fill='none' stroke='%237a4d14' stroke-width='1.2'/%3E%3Ccircle cx='4.5' cy='4.5' r='1.5' fill='%23fbe6a0'/%3E%3C/svg%3E") no-repeat}.qtk-cn.tl{left:2px;top:2px}.qtk-cn.br{right:2px;bottom:2px;transform:rotate(180deg)}.qtk-seal{width:36px;height:auto;display:block;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45))}.qtk-txt{min-width:0;display:flex;flex-direction:column;gap:2px}.qtk-kind{font-size:calc(var(--fs) - 3px);font-weight:800;color:var(--tc);letter-spacing:.02em}.qtk-tt{font-weight:800;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 #000}.qtk-obj{display:flex;align-items:center;gap:6px;font-size:calc(var(--fs) - 1px);color:var(--cream-2);font-weight:600;min-width:0}.qtk-obj span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qtk-row.is-ready .qtk-obj{color:var(--gold-3)}.qtk-cnt{margin-left:auto;font-weight:800;color:var(--gold-3);font-variant-numeric:tabular-nums;flex:none}.qtk-pips{display:flex;height:14px;align-items:center;gap:2px;margin-top:4px;padding:0;border:solid transparent;border-width:0 9.3px;border-image:url(/ui/quest-tracker/qtk_bar_track.png) 0 32 0 32 fill / 0 9.3px 0 9.3px stretch}.qtk-pip{flex:1;height:9px;background:url(/ui/quest-tracker/qtk_pip_off.png) center/100% 100% no-repeat}.qtk-pip.on{background-image:url(/ui/quest-tracker/qtk_pip_on.png);filter:drop-shadow(0 0 3px rgba(255,215,110,.7))}.qtk-pip.just{animation:qtk-pipin .5s ease-out}@keyframes qtk-pipin{0%{transform:scaleY(2.2);filter:brightness(2)}}img.qtk-go{width:34px;height:34px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45))}.qtk-claim{position:relative;height:34px;min-width:72px;padding:0 18px;cursor:pointer;font-weight:800;font-size:var(--fs);color:#5a1408;text-shadow:0 1px 0 rgba(255,240,190,.7);border:solid transparent;border-width:0 15.6px;border-image:url(/ui/quest-tracker/qtk_btn_claim.png) 0 44 0 44 fill / 0 15.6px 0 15.6px stretch;background:none;border-radius:0;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45));animation:qtk-nudge 2s ease-in-out infinite}@keyframes qtk-nudge{0%,75%,to{transform:translateY(0)}82%{transform:translateY(-3px)}90%{transform:translateY(0)}95%{transform:translateY(-1px)}}.qtk-claim:active{transform:translateY(2px)}.qtk-row.leaving{animation:qtk-leave .45s ease-in forwards;pointer-events:none}@keyframes qtk-leave{to{transform:translate(-110%);opacity:0;height:0;padding-block:0;margin-top:-6px}}.qtk-coin{position:fixed;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7d6,var(--gold-2, #e9bd55) 55%,var(--gold-0, #7a4d14));pointer-events:none;z-index:9999;animation:qtk-fly .7s cubic-bezier(.2,.8,.4,1) forwards}@keyframes qtk-fly{to{transform:translate(var(--dx),var(--dy)) scale(.5);opacity:0}}@media(max-height:520px)and (orientation:landscape){#qb-track.qtk-qt .qtk-list{gap:8px}.qtk-row,.qtk-row.is-ready{grid-template-columns:30px minmax(0,1fr) auto;padding:8px 12px 8px 18px;gap:8px;border-image-width:6px 26px 4px 26px}.qtk-row.is-ready{border-image-width:10px 28px 9px 28px;border-image-outset:5px 0}.qtk-seal{width:30px}img.qtk-go{width:28px;height:28px}.qtk-claim{height:28px;min-width:58px;padding:0 10px;border-width:0 12.8px;border-image-width:0 12.8px 0 12.8px}}@media(prefers-reduced-motion:reduce){#qb-track.qtk-qt *{animation:none!important;transition:none!important}}#login.pl-host{display:block;padding:0}.pl-root{--pl-ink: #3b1f14;--pl-ink2: #6a4630;--pl-cream: #f8eed6;position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;-webkit-user-select:text;user-select:text;font-family:Sarabun,Noto Sans Thai,system-ui,sans-serif;color:#fbecc8;background:#140a08}.pl-root *,.pl-ld *{box-sizing:border-box}:where(.pl-root,.pl-md) :where(button,input){margin:0;font:inherit;letter-spacing:normal;text-transform:none}.pl-root[hidden],.pl-root [hidden],.pl-md[hidden],.pl-md [hidden],.pl-ld[hidden]{display:none!important}.pl-scene{position:relative;min-height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);align-items:center;gap:32px;padding:calc(72px + env(safe-area-inset-top,0px)) max(28px,env(safe-area-inset-right,0px)) calc(40px + env(safe-area-inset-bottom,0px)) max(28px,env(safe-area-inset-left,0px));background:linear-gradient(90deg,#0e061826,#0e06181a 45%,#0e061859),linear-gradient(180deg,rgba(14,6,24,.25),transparent 30%,rgba(14,6,24,.45)),url(/ui/play/play_bg.jpg) left center / cover}.pl-dust{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.pl-dust i{position:absolute;bottom:-10px;border-radius:50%;background:radial-gradient(circle,#ffe7a0,#ffbe5000 70%);animation:pl-dust linear infinite}@keyframes pl-dust{0%{transform:translateY(0);opacity:0}15%{opacity:.9}to{transform:translateY(-105vh);opacity:0}}.pl-lang{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));right:max(20px,env(safe-area-inset-right,0px));z-index:5;display:flex;border-radius:999px;overflow:hidden;background:#1a0a06d9;box-shadow:0 0 0 1px #f6c44a99,0 6px 14px #00000073}.pl-lang button{font-weight:800;font-size:14px;border:0;background:none;color:#e2c896;padding:8px 14px;cursor:pointer;min-height:0;border-radius:0;box-shadow:none}.pl-lang button.on{background:linear-gradient(180deg,#ffe08a,#c8860a);color:#5a1606}.pl-back{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));left:max(20px,env(safe-area-inset-left,0px));z-index:5;font-weight:800;font-size:14px;color:#ffe2a0;text-decoration:none;padding:8px 14px;border-radius:999px;background:#1a0a06b3;box-shadow:0 0 0 1px #f6c44a73}.pl-left{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;min-width:0}.pl-logo{width:min(620px,96%);filter:drop-shadow(0 12px 24px rgba(0,0,0,.55))}.pl-tag{margin:-6px 0 0;font-size:clamp(17px,2vw,24px);font-weight:800;color:#ffe2a0;text-shadow:0 2px 0 #3a0c04,0 0 14px rgba(0,0,0,.7)}.pl-online{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 16px;border-radius:999px;font-weight:800;font-size:14.5px;color:#fbecc8;background:#1a0a06c7;box-shadow:0 0 0 1px #f6c44a80}.pl-online i{width:9px;height:9px;border-radius:50%;background:#5df07a;box-shadow:0 0 8px #5df07a;animation:pl-bl 1.4s infinite}@keyframes pl-bl{50%{opacity:.35}}.pl-dls{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.pl-dl{height:56px;display:flex;align-items:center;gap:12px;padding:0 20px;border-radius:12px;text-decoration:none;color:#fff;transition:transform .12s,filter .15s}.pl-dl:hover{filter:brightness(1.08);transform:translateY(-1px)}.pl-dl span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.pl-dl b{font-size:16px;white-space:nowrap}.pl-dl small{font-size:12px;white-space:nowrap}.pl-dl.and{background:linear-gradient(180deg,#5ef08f,#2fcf6a);box-shadow:inset 0 1px #ffffff73,0 5px #1d9a4c,0 10px 18px #00000059;color:#0b2414}.pl-dl.and small{color:#14532d}.pl-dl.and img{width:28px}.pl-dl.win{background:linear-gradient(180deg,#2a8cf0,#0a66d6);box-shadow:inset 0 1px #ffffff59,0 5px #0848a0,0 10px 18px #00000059}.pl-dl.win small{color:#d6e8ff}.pl-panel{position:relative;justify-self:end;width:100%;max-width:470px;border-radius:10px;box-shadow:0 0 0 2px #c8901c,0 0 0 6px #4a1208,0 0 0 8px #e9bd55,0 22px 44px #0009}.pl-ph{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px 12px;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#a3231f,#6e1417);border-bottom:3px solid #e9bd55}.pl-ph h1{margin:0;font-size:20px;color:#fff3c8;text-shadow:0 2px 0 #3a0603}.pl-ph .pl-srv{font-size:13px;font-weight:700;color:#ffd9a0;white-space:nowrap}.pl-ph:after{content:"";position:absolute;left:50%;bottom:-11px;width:18px;height:18px;transform:translate(-50%) rotate(45deg);background:linear-gradient(135deg,#ffe08a,#c8860a);box-shadow:0 0 0 2px #5a1606}.pl-pb{padding:22px 20px 16px;display:flex;flex-direction:column;gap:14px;border-radius:0 0 10px 10px;color:var(--pl-ink);background:linear-gradient(#f8eed69e,#f8eed69e),var(--pl-cream) url(/ui/play/kranok_cream_tile.jpg) 0 0 / 220px 220px}.pl-acct{display:flex;flex-direction:column;gap:14px}.pl-who{display:flex;gap:14px;align-items:center}.pl-avw{flex:none;display:flex;flex-direction:column;align-items:center;gap:8px}.pl-ava{position:relative;flex:none;width:72px;height:72px;border-radius:10px;display:grid;place-items:center;border:0;padding:0;cursor:pointer;overflow:visible;background:linear-gradient(180deg,#fffaf0,#f1e1bd);box-shadow:inset 0 0 0 2px #c9ab76,0 2px #b8975c}.pl-ava .pl-def svg{width:42px;display:block}.pl-ava img{position:absolute;top:4px;right:4px;bottom:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:cover;border-radius:7px;box-shadow:0 0 0 1.5px #c9ab76}.pl-ava:hover{box-shadow:inset 0 0 0 2px #c8901c,0 0 0 2px #e9bd55,0 2px #b8975c}.pl-ava .pl-cam{position:absolute;right:-9px;bottom:-9px;z-index:2;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#c9382c,#6e1417);box-shadow:0 0 0 2px #f6c44a,0 2px 4px #0006;transition:transform .15s}.pl-ava:hover .pl-cam{transform:scale(1.12)}.pl-ava .pl-cam svg{display:block;width:14px;height:14px}.pl-ava.drag{box-shadow:inset 0 0 0 3px #2f8f5b}.pl-ava.busy{opacity:.6;cursor:progress}.pl-avdel{border:0;background:none;font-size:11.5px;font-weight:700;color:#8a1408;cursor:pointer;text-decoration:underline;padding:0;min-height:0;box-shadow:none}.pl-who h2{margin:0;font-size:21px;color:var(--pl-ink);word-break:break-all}.pl-badge{display:inline-block;margin:3px 0 4px;padding:1px 10px;border-radius:999px;font-size:12.5px;font-weight:800}.pl-badge.guest{background:#f2dfa6;color:#7a4d14;box-shadow:inset 0 0 0 1px #c8932f}.pl-badge.g{background:#e8f4ea;color:#1f6a34;box-shadow:inset 0 0 0 1px #4fb86a}.pl-uid{font-size:12px;color:var(--pl-ink2);font-weight:600;word-break:break-all}.pl-start{position:relative;display:block;width:100%;aspect-ratio:1328 / 349;max-height:120px;border:0;padding:0;cursor:pointer;box-shadow:none;border-radius:0;background:url(/ui/landing/btn_hero.webp) center / 100% 100% no-repeat;filter:drop-shadow(0 8px 12px rgba(80,20,0,.4));animation:pl-glow 2.6s ease-in-out infinite;transition:transform .15s}.pl-start:hover{transform:scale(1.02)}.pl-start:active{transform:scale(.98)}.pl-start:disabled{animation:none;filter:grayscale(.6) brightness(.85);cursor:not-allowed;transform:none}@keyframes pl-glow{50%{filter:drop-shadow(0 8px 12px rgba(80,20,0,.4)) drop-shadow(0 0 16px rgba(255,190,60,.8))}}.pl-start .pl-pi{position:absolute;left:23.5%;top:63%;width:10%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center}.pl-start .pl-pi svg{width:52%}.pl-start b{position:absolute;left:33%;right:24%;top:63%;transform:translateY(-50%);font-size:clamp(20px,2.4vw,27px);font-weight:800;color:#fff;white-space:nowrap;text-shadow:0 2px 0 #7a2208,0 0 3px #5a1606;text-align:center}.pl-start.sm{max-height:96px;width:94%;align-self:center}.pl-start.sm b{font-size:clamp(16px,1.8vw,21px);right:20%}.pl-box{padding:12px 14px;border-radius:8px;background:#fffaecbf;box-shadow:inset 0 0 0 1px #d9bf8a;display:flex;flex-direction:column;gap:10px;text-align:center}.pl-box h3{margin:0;font-size:15px;color:#6a1a0e}.pl-gbtn{display:flex;align-items:center;gap:0;width:100%;height:46px;border:0;padding:0;border-radius:8px;overflow:hidden;cursor:pointer;background:#1f1f1f;color:#fff;font-weight:700;font-size:15px;box-shadow:0 3px #000}.pl-gbtn .pl-gi{width:46px;height:100%;display:grid;place-items:center;background:#fff;border:2px solid #1f1f1f;border-radius:8px 0 0 8px}.pl-gbtn span:last-child{flex:1}.pl-gbtn:hover{filter:brightness(1.15)}.pl-gbtn:disabled,.pl-sbtn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.pl-row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pl-row2.one{grid-template-columns:1fr}.pl-sbtn{height:42px;border:0;border-radius:8px;font-weight:800;font-size:14.5px;cursor:pointer;transition:filter .15s;padding:0 10px}.pl-sbtn:hover{filter:brightness(1.06)}.pl-sbtn.acc{background:linear-gradient(180deg,#fff4d0,#f0d48a);color:#5a1606;box-shadow:inset 0 0 0 1px #c8932f,0 2px #a37a2a}.pl-sbtn.out{background:#e9dcc2;color:#5a3a24;box-shadow:inset 0 0 0 1px #c9ab76,0 2px #b8975c}.pl-note{margin:0;font-size:13px;line-height:1.55;color:var(--pl-ink2);text-align:center}.pl-msg{margin:0;font-size:13.5px;font-weight:700;line-height:1.5;text-align:center;color:#b3261e}.pl-msg:empty{display:none}.pl-msg.ok{color:#1f6a34}.pl-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:13px;font-weight:700;padding-top:10px;border-top:1px dashed #c9ab76}.pl-foot a{color:#6a1a0e}.pl-ver{text-align:center;font-size:12px;color:var(--pl-ink2);margin-top:-6px}.pl-lh{margin:0;text-align:center;font-size:20px;color:#8a1408}.pl-login{display:flex;flex-direction:column;gap:12px}.pl-lf{display:flex;flex-direction:column;gap:10px}.pl-lf label,.pl-mb label{display:flex;flex-direction:column;gap:4px;font-size:13.5px;font-weight:800;color:#6a1a0e}.pl-lf input,.pl-mb input{width:100%;font-size:15px;height:42px;padding:0 12px;border-radius:8px;border:0;background:#fffaf0;color:var(--pl-ink, #3b1f14);box-shadow:inset 0 0 0 1.5px #c9ab76;outline:none;-webkit-user-select:text;user-select:text}.pl-lf input:focus,.pl-mb input:focus{box-shadow:inset 0 0 0 2px #c8901c,0 0 0 3px #f6c44a59}.pl-or{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;color:var(--pl-ink2)}.pl-or:before,.pl-or:after{content:"";flex:1;height:1px;background:#c9ab76}.pl-err{margin:0;font-size:13px;font-weight:700;color:#b3261e}.pl-ok{margin:0;font-size:13px;font-weight:700;color:#1f6a34}.pl-signup{align-self:center;border:0;background:none;padding:0;font-size:13px;font-weight:700;color:#6a1a0e;text-decoration:underline;cursor:pointer;min-height:0;box-shadow:none}.pl-md{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;display:grid;place-items:center;padding:16px;background:#0e060499;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:pl-fin .2s;font-family:Sarabun,Noto Sans Thai,system-ui,sans-serif;-webkit-user-select:text;user-select:text;touch-action:auto}@keyframes pl-fin{0%{opacity:0}}.pl-mbox{width:min(420px,100%);max-height:100%;overflow:auto;border-radius:10px;color:#3b1f14;background:linear-gradient(#f8eed6b3,#f8eed6b3),#f8eed6 url(/ui/play/kranok_cream_tile.jpg) 0 0 / 220px 220px;box-shadow:0 0 0 2px #c8901c,0 0 0 6px #4a1208,0 0 0 8px #e9bd55,0 22px 44px #0009;animation:pl-pop .25s cubic-bezier(.2,.8,.2,1)}@keyframes pl-pop{0%{transform:scale(.92);opacity:0}}.pl-mh{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(180deg,#a3231f,#6e1417);border-bottom:3px solid #e9bd55}.pl-mh h3{margin:0;font-size:17px;color:#fff3c8}.pl-mx{width:30px;height:30px;min-height:0;border-radius:50%;border:0;padding:0;cursor:pointer;font-weight:800;color:#5a1606;background:linear-gradient(180deg,#ffe08a,#c8860a);box-shadow:0 0 0 2px #5a1606}.pl-mb{padding:16px;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.6}.pl-mb p{margin:0}.pl-mb .pl-row2{margin-top:4px}.pl-ld{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:4vh 16px calc(4vh + env(safe-area-inset-bottom,0px));font-family:Sarabun,Noto Sans Thai,system-ui,sans-serif;background:linear-gradient(180deg,rgba(14,6,4,.35),transparent 30%,transparent 55%,rgba(14,6,4,.85)),#140a08 url(/ui/play/loading_bg.jpg) center 35% / cover;animation:pl-fin .4s;transition:opacity .5s}.pl-ld.out{opacity:0;pointer-events:none}.pl-ld .pl-llogo{width:min(440px,62%);filter:drop-shadow(0 10px 20px rgba(0,0,0,.6));animation:pl-floaty 5s ease-in-out infinite}@keyframes pl-floaty{50%{transform:translateY(-8px)}}.pl-lbot{width:min(720px,100%);display:flex;flex-direction:column;align-items:center;gap:10px}.pl-lbar{position:relative;width:100%;height:18px;border-radius:999px;background:#1a0a06d9;box-shadow:inset 0 0 0 1.5px #c8901c,0 0 0 3px #4a1208,0 6px 16px #00000080}.pl-lbar span{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:800;color:#fff3c8;text-shadow:0 1px 2px #000}.pl-lbar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#c8860a,#ffe08a,#c8860a);box-shadow:0 0 10px #ffc850b3;transition:width .25s}.pl-ld p{margin:0;font-weight:700;color:#ffe2a0;text-shadow:0 1px 3px #000}.pl-ld .pl-tip{font-weight:600;font-size:14px;color:#f3dfb4;text-align:center;min-height:1.5em;transition:opacity .3s}.pl-ld .pl-tip b{padding:1px 8px;border-radius:999px;background:#8f1a10;color:#ffe2a0;font-size:12px;margin-right:4px}@keyframes pl-upIn{0%{opacity:0;transform:translateY(22px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes pl-logoIn{0%{opacity:0;transform:scale(.85);filter:blur(10px) brightness(2)}to{opacity:1;transform:none;filter:drop-shadow(0 12px 24px rgba(0,0,0,.55))}}@keyframes pl-panelIn{0%{opacity:0;transform:translate(40px) scale(.97)}to{opacity:1;transform:none}}.pl-root:not(.ready) .pl-left>*,.pl-root:not(.ready) .pl-panel{opacity:0}.pl-root.ready .pl-logo{animation:pl-logoIn 1s cubic-bezier(.2,.8,.2,1) both}.pl-root.ready .pl-left>*:not(.pl-logo){animation:pl-upIn .7s cubic-bezier(.2,.8,.2,1) both}.pl-root.ready .pl-left>:nth-child(2){animation-delay:.35s}.pl-root.ready .pl-left>:nth-child(3){animation-delay:.5s}.pl-root.ready .pl-left>:nth-child(4){animation-delay:.65s}.pl-root.ready .pl-panel{animation:pl-panelIn .8s .25s cubic-bezier(.2,.8,.2,1) both}@media(max-width:900px){.pl-scene{grid-template-columns:minmax(0,1fr);gap:14px;padding-top:calc(70px + env(safe-area-inset-top,0px));align-content:start}.pl-panel{justify-self:center;order:3}.pl-left{display:contents}.pl-logo{width:min(420px,90%);order:1;justify-self:center}.pl-tag{order:2;text-align:center}.pl-online{order:4;justify-self:center}.pl-dls{order:5}}@media(max-width:480px){.pl-row2{grid-template-columns:1fr}.pl-dl,.pl-dls{width:100%}.pl-logo{width:min(300px,80%)}}@media(max-height:520px){.pl-scene{padding-top:calc(60px + env(safe-area-inset-top,0px));padding-bottom:20px;gap:10px}.pl-logo{width:auto;max-width:80%;max-height:30vh}.pl-tag{font-size:16px}}@media(max-height:520px)and (min-width:640px){.pl-scene{grid-template-columns:minmax(0,1fr) minmax(0,400px);align-items:start;gap:18px}.pl-left{display:flex;gap:8px}.pl-panel{justify-self:end;order:0}.pl-logo{max-height:34vh}.pl-dl{height:46px;padding:0 14px}.pl-dl b{font-size:14px}.pl-pb{padding:16px 16px 12px;gap:10px}.pl-acct{gap:10px}.pl-start{max-height:90px}}@media(prefers-reduced-motion:reduce){.pl-root *,.pl-root *:before,.pl-root *:after,.pl-ld *{animation:none!important;transition:none!important}.pl-root:not(.ready) .pl-left>*,.pl-root:not(.ready) .pl-panel{opacity:1}}@media(max-width:900px),(max-height:520px){#login.pl-host #pwa-install{bottom:max(8px,env(safe-area-inset-bottom))}.pl-scene{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}