:root{--ink:#623836;--ink-soft:#94706a;--pink:#f07f73;--pink-deep:#d9594e;--cream:#fff8e6;--butter:#ffd978;--paper:#fff;--gold:#ffcf3f;--gold-dark:#e3a21a;--brown:#7b4a2a;--line:#f1e1cc;--radius:18px;--shadow:0 6px 0 #a06e3224, 0 12px 28px #6238361f;--head-h:56px;--font-display:"Mali", system-ui;--font-body:"Kanit", system-ui}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-padding-top:var(--head-h)}body{font-family:var(--font-body), "Noto Sans Thai", "Leelawadee UI", Tahoma, system-ui, sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;font-weight:400;line-height:1.65;overflow-x:hidden}body.menu-open{overflow:hidden}img{max-width:100%;height:auto}a{color:var(--pink-deep)}main{min-height:60vh;overflow-x:clip}h1,h2,h3{line-height:1.3}.mockbar{color:#7a5a00;text-align:center;background:#fff3cd;padding:4px 12px;font-size:13px}.header{z-index:40;background:#fff;position:sticky;top:0;box-shadow:0 1px #eee2d6,0 2px 10px #6238360f}.header-inner{max-width:1200px;height:var(--head-h);align-items:center;gap:20px;margin:0 auto;padding:0 20px;display:flex}.brand{flex-shrink:0;align-items:center;min-height:44px;text-decoration:none;display:flex}.nav{align-items:stretch;gap:4px;height:100%;margin-left:-14px;display:flex}.home-link{min-height:44px;color:var(--ink);align-items:center;font-weight:600;text-decoration:none;display:none}.home-link.active{color:var(--pink-deep)}.nav a{color:var(--ink);align-items:center;padding:0 14px;font-size:15px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav a:after{content:"";background:var(--pink);border-radius:3px 3px 0 0;height:3px;transition:transform .2s;position:absolute;bottom:0;left:10px;right:10px;transform:scaleX(0)}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}.nav a.active{color:var(--pink-deep)}.login-link{color:var(--ink);align-items:center;min-height:44px;margin-left:auto;padding:8px 4px;font-weight:600;text-decoration:none;display:flex}.login-link:hover,.login-link.active{color:var(--pink-deep)}.burger{cursor:pointer;background:0 0;border:0;border-radius:12px;width:44px;height:44px;margin-left:auto;padding:10px;display:none}.burger span{background:var(--ink);border-radius:2px;height:3px;margin:4px 0;transition:transform .2s,opacity .2s;display:block}.burger.x span:first-child{transform:translateY(7px)rotate(45deg)}.burger.x span:nth-child(2){opacity:0}.burger.x span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mnav,.mnav-shade{display:none}.logo{align-items:center;line-height:0;text-decoration:none;display:inline-flex}.logo-img{height:auto;display:block}.logo-sm .logo-img{width:auto;height:48px}.logo-lg .logo-img{filter:drop-shadow(0 10px 18px #62383647);width:min(520px,86vw)}.btn{cursor:pointer;min-height:44px;font:inherit;border:0;border-radius:999px;justify-content:center;align-items:center;padding:10px 22px;font-weight:600;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active{transform:translateY(2px)}.btn-gold{background:linear-gradient(#ffe68a, var(--gold));color:#5a2f12;border:2px solid #8a5418;box-shadow:0 4px #b9761b}.btn-gold:active{box-shadow:0 2px #b9761b}.btn-pink{background:linear-gradient(#ffb5ae, var(--pink));color:#fff;border:2px solid #9c3a32;box-shadow:0 4px #b9473e}.btn-ghost{background:var(--paper);color:var(--ink);border:2px solid var(--line)}.btn-big{padding:14px 32px;font-size:20px}.btn[disabled]{opacity:.6;cursor:wait}.linklike{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.btn-game{min-width:220px;min-height:64px;font-family:var(--font-display), var(--font-body), sans-serif;color:#fff;-webkit-text-stroke:4px #8a4a12;paint-order:stroke fill;letter-spacing:.5px;cursor:pointer;background:linear-gradient(#ffe979 0%,#ffcf3f 48%,#f7b21b 52%,#ffc93a 100%);border:4px solid #6a3a20;border-radius:22px;justify-content:center;align-items:center;padding:10px 34px;font-size:clamp(20px,2.4vw,28px);font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s,filter .15s;display:inline-flex;position:relative;box-shadow:inset 0 3px #ffffffa6,inset 0 -4px #b0661259,0 6px #6a3a20,0 12px 18px #62383640}.btn-game:before{content:"";background:#ffffff8c;border-radius:8px;height:8px;position:absolute;top:7px;left:14px;right:40%}.btn-game:hover{filter:brightness(1.05);transform:translateY(-2px)}.btn-game:active{transform:translateY(5px);box-shadow:inset 0 3px #ffffff80,inset 0 -2px #b066124d,0 1px #6a3a20,0 3px 6px #62383633}.btn-game.pink{-webkit-text-stroke-color:#8e2f28;background:linear-gradient(#ffc2bb 0%,#ff8f84 50%,#f2766b 52%,#ff8d82 100%)}.btn-game.ghost{color:var(--ink);-webkit-text-stroke:0;background:linear-gradient(#fff,#fff4dd)}.btn-game:focus-visible,.btn:focus-visible,.thumb:focus-visible,.npc-dot:focus-visible,.arrow:focus-visible{outline-offset:3px;outline:3px solid #2f8fe0}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(36px)}.reveal.from-left{transform:translate(-60px)}.reveal.from-right{transform:translate(60px)}.reveal.in{opacity:1;transform:none}@keyframes pop{0%{opacity:0;transform:scale(.6)translateY(20px)}70%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:none}}@keyframes scene{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}@keyframes floaty{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-16px)rotate(3deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pop{opacity:0;animation:.7s cubic-bezier(.2,.9,.3,1.2) forwards pop}.pop.d1{animation-delay:.45s}.pop.d2{animation-delay:.75s}.pop.d3{animation-delay:1s}.hero{align-items:center;min-height:clamp(520px,52vw,820px);display:flex;position:relative;overflow:hidden}.hero-bg{animation:1s ease-out both scene;position:absolute;inset:0}.hero-bg img{object-fit:cover;object-position:60% 40%;width:100%;height:100%;display:block}.hero-inner{z-index:2;justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:40px 24px 140px;display:flex;position:relative}.hero-left{flex-direction:column;align-items:flex-start;gap:22px;max-width:560px;display:flex}.hero h1{margin:0}.hero-cta{flex-wrap:wrap;gap:16px;display:flex}.store-row{flex-wrap:wrap;gap:10px;display:flex}.store-badge{color:#fff;background:#222;border-radius:12px;align-items:center;min-height:44px;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-flex}.hero-play{align-self:center;margin-right:18%}.play-bubble{cursor:pointer;background:radial-gradient(circle at 32% 28%,#fffffff2,#ffffff73 45%,#bee6ff59 70%,#ffffffb3);border:0;border-radius:50%;width:112px;height:112px;transition:transform .15s;animation:3s ease-in-out infinite bob;position:relative;box-shadow:inset 0 0 0 3px #fffc,0 10px 24px #285a8c40}.play-bubble:hover{transform:scale(1.08)}.play-bubble:after{content:"";z-index:-1;background:#ffffff8c;border-radius:0 0 6px;width:22px;height:22px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)rotate(45deg)}.play-tri{clip-path:polygon(8% 0,100% 50%,8% 100%,0 50%);filter:drop-shadow(0 3px #b8640e);background:linear-gradient(#ffd46a,#f59b1c);border-radius:8px;width:46px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-36%,-50%)}.bubble{z-index:1;background:radial-gradient(circle at 30% 28%,#fff,#ffffff8c 55%,#ffffffd9);border-radius:50%;place-items:center;width:92px;height:92px;animation:6s ease-in-out infinite floaty;display:grid;position:absolute;box-shadow:inset 0 0 0 3px #fff,0 8px 20px #6238362e}.bubble img{width:62%}.bubble.b1{width:120px;height:120px;animation-delay:-1s;bottom:110px;right:3%}.bubble.b2{width:70px;height:70px;animation-delay:-3s;top:12%;left:44%}.bubble.b3{width:84px;height:84px;animation-delay:-2s;bottom:120px;left:2%}.hero-wave{z-index:2;width:100%;height:clamp(60px,9vw,130px);position:absolute;bottom:-1px;left:0;right:0}.title-pink{font-family:var(--font-display), var(--font-body), sans-serif;text-align:center;color:var(--pink);-webkit-text-stroke:6px #fff;paint-order:stroke fill;text-shadow:0 4px 10px #f07f7340;margin:0 0 24px;font-size:clamp(28px,4.2vw,48px);font-weight:700}.title-pink.small{margin:0;font-size:clamp(24px,3vw,34px)}.title-pink.left{text-align:left}.title-pink{text-wrap:balance}.sys-text .title-pink{font-size:clamp(28px,3.2vw,40px)}.intro{max-width:1060px;margin:0 auto;padding:24px 20px 56px}.frame{background:#fff;border-radius:6px;padding:10px;box-shadow:0 2px #eadccb,0 18px 40px #6238362e}.frame img{border-radius:2px;width:100%;display:block}.intro-text{text-align:center;max-width:680px;color:var(--ink-soft);margin:24px auto 0;font-size:clamp(16px,1.8vw,19px)}.news-strip{max-width:1200px;margin:0 auto;padding:8px 20px 48px}.news-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.news-head .more{align-items:center;min-height:44px;font-weight:600;text-decoration:none;display:flex}.news-head .news-links{flex-wrap:wrap;justify-content:flex-end;gap:16px;display:flex}.news-scroll{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.news-card{border:2px solid var(--line);border-radius:var(--radius);color:var(--ink);background:#fff;flex-direction:column;gap:4px;padding:16px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.news-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.news-card h3{margin:6px 0 0;font-size:18px}.news-card p{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;display:-webkit-box;overflow:hidden}.pig-gallery{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='104' viewBox='0 0 120 104'%3E%3Cg fill='none' stroke='%23f4c9c2' stroke-width='3' opacity='.55'%3E%3Cpath d='M34 30 L28 12 L46 24'/%3E%3Cpath d='M86 30 L92 12 L74 24'/%3E%3Cellipse cx='60' cy='52' rx='32' ry='28'/%3E%3Cellipse cx='60' cy='60' rx='13' ry='9'/%3E%3C/g%3E%3Cg fill='%23f4c9c2' opacity='.55'%3E%3Ccircle cx='56' cy='60' r='2.4'/%3E%3Ccircle cx='64' cy='60' r='2.4'/%3E%3Ccircle cx='47' cy='45' r='2.6'/%3E%3Ccircle cx='73' cy='45' r='2.6'/%3E%3C/g%3E%3C/svg%3E");background-size:120px 104px;padding:64px 0 72px;position:relative}.pigc{max-width:1100px;margin:0 auto;padding:0 20px}.pigc-viewport{touch-action:pan-y pinch-zoom;overflow:hidden}.pigc-track{display:flex}.pigc-slide{flex:0 0 100%;min-width:0}.pigc-stage{grid-template-columns:1.1fr 1fr;align-items:center;gap:32px;padding:12px 8px;display:grid}.island{aspect-ratio:1/.9;width:min(440px,100%);margin:0 auto;position:relative}.island:before{content:"";z-index:1;background:radial-gradient(at 50% 42%,#f6e3b0 0 44%,#e6cf8d 45% 54%,#8fce5b 55% 66%,#63b245 67%);border-radius:50%;height:50%;position:absolute;top:34%;left:4%;right:4%;box-shadow:inset 0 -6px #0000000f}.island:after{content:"";z-index:0;background:linear-gradient(#a8693a,#7d4a26);border-radius:0 0 50% 50%/0 0 100% 100%;height:32%;position:absolute;top:62%;left:10%;right:10%}.island-glow{background:radial-gradient(circle, var(--tint) 0, transparent 70%);z-index:0;border-radius:50%;position:absolute;inset:0 10% 30%}.island-shadow{z-index:2;background:radial-gradient(#463c1459,#0000 70%);border-radius:50%;width:46%;height:9%;position:absolute;top:62%;left:50%;transform:translate(-50%,-55%)}.island-pig{object-fit:contain;object-position:50% 100%;z-index:3;filter:drop-shadow(0 6px 6px #3c28142e);transform-origin:50% 100%;width:74%;height:56%;transition:transform .6s cubic-bezier(.2,.9,.3,1.2),opacity .4s;position:absolute;top:6%;left:13%}.pigc-slide:not(.is-sel) .island-pig{opacity:.4;transform:scale(.8)}.pigc-slide.is-sel .island-pig{animation:3.2s ease-in-out .6s infinite hop}@keyframes hop{0%,70%,to{transform:none}78%{transform:translateY(-4%)scaleY(1.03)}86%{transform:scaleY(.97)}}.pigc-info{transition:opacity .5s .1s,transform .5s .1s}.pigc-slide:not(.is-sel) .pigc-info{opacity:0;transform:translate(30px)}.pig-name{font-family:var(--font-display), sans-serif;color:var(--pink);-webkit-text-stroke:5px #fff;paint-order:stroke fill;margin:0 0 8px;font-size:clamp(28px,3.4vw,42px);font-weight:700}.pigc-info p{margin:0 0 14px;font-size:17px}.traits{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.traits li{color:#8a5418;background:#fff4d6;border:2px solid #f3d38a;border-radius:999px;padding:2px 14px;font-size:15px;font-weight:500}.pigc-nav{justify-content:center;align-items:center;gap:16px;margin-top:28px;display:flex}.arrow{cursor:pointer;color:#6a3a20;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;transition:transform .15s;display:grid}.arrow:hover{transform:scale(1.12)}.arrow svg{fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(2px 2px #fff);width:40px;height:40px}.thumbs{scrollbar-width:none;scroll-snap-type:x mandatory;gap:14px;padding:10px 6px 14px;display:flex;overflow-x:auto}.thumbs::-webkit-scrollbar{display:none}.thumb{cursor:pointer;scroll-snap-align:center;opacity:.6;background:radial-gradient(circle,#fffbe8,#f0f3c4);border:4px solid #fff;border-radius:50%;flex:none;width:84px;height:84px;padding:6px;transition:transform .2s,opacity .2s,background .2s;box-shadow:0 4px 10px #6238362e}.thumb img{object-fit:contain;width:100%;height:100%}.thumb:hover{opacity:.9}.thumb.on{opacity:1;background:radial-gradient(circle,#f9f1a0,#c9e27a);transform:scale(1.12)}.systems{gap:64px;max-width:1180px;margin:0 auto;padding:56px 20px 40px;display:grid;position:relative}.sys{grid-template-columns:1.25fr 1fr;align-items:center;gap:48px;display:grid}.sys.rev .sys-img{order:2}.sys-img img{width:100%;box-shadow:var(--shadow);border:6px solid #fff;border-radius:22px;display:block}.sys-text p{color:var(--ink-soft);margin:0;font-size:18px}.float-deco{width:70px;animation:5s ease-in-out infinite floaty;position:absolute}.float-deco.d-left{top:46%;left:-70px}@media (max-width:1340px){.float-deco{display:none}}.npc-sec{background:linear-gradient(#cdeefa,#eaf8ff 60%,#fff);margin-top:60px;padding:40px 20px 72px;position:relative}.sec-wave.top{width:100%;height:60px;position:absolute;top:-59px;left:0;right:0}.npcs{max-width:1100px;margin:0 auto}.npc-stage{grid-template-columns:1fr 1fr;align-items:center;gap:24px;min-height:460px;display:grid}.npc-copy{animation:.5s both npcIn}@keyframes npcIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.npc-role{color:var(--pink-deep);background:#fff;border-radius:999px;padding:2px 14px;font-weight:600;display:inline-block;box-shadow:0 2px #f2d6cf}.npc-name{font-family:var(--font-display), sans-serif;color:var(--pink);-webkit-text-stroke:7px #fff;paint-order:stroke fill;margin:10px 0 6px;font-size:clamp(40px,5vw,64px);font-weight:700}.npc-copy p{max-width:460px;font-size:18px}.npc-art-wrap{height:480px;position:relative}.npc-art{opacity:0;filter:drop-shadow(0 14px 18px #1e507833);pointer-events:none;width:auto;max-width:100%;max-height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .45s;position:absolute;bottom:0;left:50%;transform:translate(-10%)scale(.92)}.npc-art.left{transform:translate(-90%)scale(.92)}.npc-art.on{opacity:1;transform:translate(-50%)}.npc-pick{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:18px;display:flex}.npc-dot{cursor:pointer;opacity:.65;background:#ffe9c7;border:4px solid #fff;border-radius:50%;width:88px;height:88px;padding:0;transition:transform .2s,opacity .2s,border-color .2s;overflow:hidden;box-shadow:0 4px 12px #1e507833}.npc-dot img{object-fit:cover;width:100%;height:100%}.npc-dot.on{opacity:1;border-color:var(--gold);transform:scale(1.12)}.npc-dot:hover{opacity:1}.decorate{max-width:1180px;margin:0 auto;padding:64px 20px 80px}.deco-copy{text-align:center;max-width:640px;margin:0 auto 28px}.deco-copy p{color:var(--ink-soft);margin:0;font-size:18px}.deco-layers{padding:40px 6% 60px;position:relative}.deco-back img{width:100%;box-shadow:var(--shadow);border:6px solid #fff;border-radius:28px;display:block}.deco-layers>img{will-change:transform;filter:drop-shadow(0 10px 10px #3c281438);pointer-events:none;position:absolute}.deco-l1{width:30%;bottom:-4%;left:-2%}.deco-l2{width:26%;top:-6%;right:-3%}.deco-l3{width:18%;bottom:-8%;right:8%}.deco-l4{width:11%;top:-4%;left:6%}.friends{align-items:center;min-height:520px;display:flex;position:relative;overflow:hidden}.friends-bg{object-fit:cover;object-position:50% 70%;width:100%;height:100%;position:absolute;inset:0}.friends:before{content:"";z-index:1;background:linear-gradient(90deg,#ffffff8c,#0000 60%);position:absolute;inset:0}.friends-inner{z-index:2;justify-content:space-between;align-items:flex-end;gap:24px;width:100%;max-width:1180px;margin:0 auto;padding:56px 20px;display:flex;position:relative}.friends-card{max-width:520px;box-shadow:var(--shadow);background:#ffffffeb;border-radius:28px;padding:28px 32px}.friends-card .title-pink{text-align:left;margin-bottom:8px}.friends-card p{margin:0 0 20px;font-size:18px}.friends-card .btn-game{min-width:0}.friends-char{filter:drop-shadow(0 12px 14px #0003);width:min(340px,34vw)}.to-top{right:20px;bottom:calc(20px + var(--lift,0px));z-index:35;background:linear-gradient(#ffe27a, var(--gold));color:#6a3a20;cursor:pointer;opacity:0;pointer-events:none;border:3px solid #8a5418;border-radius:14px;place-items:center;width:52px;height:52px;transition:opacity .25s,transform .25s;display:grid;position:fixed;transform:translateY(20px);box-shadow:0 4px #8a5418}.to-top.show{opacity:1;pointer-events:auto;transform:none}.to-top:active{transform:translateY(3px);box-shadow:0 1px #8a5418}.trailer{z-index:60;background:#1e120cbf;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.trailer-box{aspect-ratio:20/9;background:#000;border:4px solid #fff;border-radius:18px;width:min(960px,100%);position:relative;overflow:hidden}.trailer-box img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s,transform 3s linear;position:absolute;inset:0;transform:scale(1.04)}.trailer-box img.on{opacity:1;transform:scale(1)}.trailer-dots{justify-content:center;gap:4px;display:flex;position:absolute;bottom:8px;left:0;right:0}.trailer-dots button{cursor:pointer;background:0 0;border:0;width:28px;height:28px;position:relative}.trailer-dots button:after{content:"";background:#ffffff80;border-radius:50%;position:absolute;inset:10px}.trailer-dots button.on:after{background:#fff}.trailer-x{color:#fff;cursor:pointer;background:#00000080;border:0;border-radius:50%;width:44px;height:44px;font-size:28px;line-height:1;position:absolute;top:8px;right:8px}.section{max-width:1180px;margin:0 auto;padding:48px 16px}.section-title{text-align:center;font-family:var(--font-display), sans-serif;color:var(--pink);margin:0 0 24px;font-size:clamp(26px,4vw,38px)}.card{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);border:2px solid var(--line);color:var(--ink);padding:20px;text-decoration:none;display:block}.tag{background:#ffe9b8;border-radius:999px;width:fit-content;margin-right:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.tag-event{background:#ffd6de}.tag-update{background:#d6f0ff}.tag-maintenance{background:#e8e1d6}time,.muted{color:var(--ink-soft);font-size:14px}.center{text-align:center}.page{max-width:1000px;margin:0 auto;padding:36px 16px 64px}.page-title{font-family:var(--font-display), sans-serif;color:var(--pink);-webkit-text-stroke:5px #fff;paint-order:stroke fill;margin:0 0 16px;font-size:clamp(28px,4vw,40px)}.doc{max-width:860px}.empty{color:var(--ink-soft)}.empty-card{align-items:center;gap:16px;display:flex}.news-list{gap:14px;display:grid}.news-row{gap:16px;display:flex}.news-row img{object-fit:cover;border-radius:12px;width:200px}.news-row h2{margin:6px 0;font-size:22px}.news-cover{border-radius:var(--radius);margin:16px 0}.dl-grid,.help-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.dl-card{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.dl-card .btn{margin-top:8px}.help-card h2{margin:0 0 6px;font-size:20px}.draft-note{background:#fff3cd;border:2px dashed #e0b84a;border-radius:10px;padding:8px 12px;font-weight:600}.policy-details{margin-top:24px}.policy-details summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.prose{overflow-wrap:anywhere}.prose h2{color:var(--pink-deep);margin-top:28px}.prose h3{margin-top:20px}.prose blockquote{border-left:5px solid var(--gold-dark);background:#fff3cd;border-radius:8px;margin:12px 0;padding:8px 16px}.prose blockquote p{margin:4px 0}.table-wrap{overflow-x:auto}.prose table{border-collapse:collapse;background:#fff;width:100%;margin:12px 0;font-size:15px}.prose th,.prose td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:6px 10px}.prose th{background:#fff1d6}.prose code{background:#f6ecdc;border-radius:4px;padding:1px 5px}.form{gap:12px;display:grid}.form label{gap:4px;font-weight:500;display:grid}.form input,.form textarea,.form select{font:inherit;border:2px solid var(--line);min-height:44px;color:var(--ink);background:#fffdf8;border-radius:12px;max-width:100%;padding:10px 12px;font-size:16px}.form .captcha{border:2px solid var(--line);border-radius:12px;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:10px 12px;display:flex}.hp{width:1px;height:1px;position:absolute;left:-10000px}.err{color:#c0392b;font-weight:600}.ok{color:#2e7d32;font-weight:600}.footer{color:#d9d9d9;background:#141414}.footer-inner{max-width:1440px;margin:0 auto;padding:32px 24px 24px}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.footer-brand{color:#fff;align-items:center;gap:12px;display:flex}.footer-sub{color:#9a9a9a;font-size:14px}.studio-mark{color:#fff;width:48px;height:48px;font-family:var(--font-display), sans-serif;background:linear-gradient(135deg,#ffb347,#f07f73);border-radius:12px;place-items:center;font-size:26px;font-weight:700;display:grid}.footer-community{flex-wrap:wrap;gap:10px;display:flex}.social-ic{color:#fff;background:#262626;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .2s;display:grid}.social-ic:hover{background:var(--pink-deep)}.social-txt{color:#fff;background:#262626;border-radius:999px;align-items:center;min-height:44px;padding:0 14px;text-decoration:none;display:inline-flex}.footer-stores{flex-wrap:wrap;gap:10px;display:flex}.store-pill{color:#fff;border:1px solid #555;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:500;text-decoration:none;display:inline-flex}.store-pill:hover{border-color:#fff}.footer-bar{background:#0a0a0a;border-top:1px solid #262626}.footer-bar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 16px;max-width:1440px;margin:0 auto;padding:6px 24px;display:flex}.footer-links{flex-wrap:wrap;align-items:center;gap:0 2px;margin:0;display:flex}.footer-links a,.footer-links .linklike{color:#d9d9d9;white-space:nowrap;align-items:center;min-height:40px;padding:8px 6px;font-size:13px;text-decoration:none;display:inline-flex}.footer-links a:first-child{padding-left:0}.footer-links a:hover,.footer-links .linklike:hover{color:#fff;text-decoration:underline}.copyright{color:#a8a8a8;white-space:nowrap;margin:0;padding:8px 0;font-size:13px}@media (max-width:1365px){.footer-bar-inner{flex-direction:column;justify-content:center;padding:6px 24px 12px}.footer-links{justify-content:center}.footer-links a:first-child{padding-left:6px}}@media (max-width:760px){.footer-top{text-align:center;flex-direction:column}.footer-brand{flex-direction:column;gap:8px}.footer-actions{justify-content:center}.footer-bar-inner{text-align:center;flex-direction:column;justify-content:center;padding:12px 16px 16px}.footer-links{justify-content:center;gap:0 4px}.footer-links a,.footer-links a:first-child{min-height:44px;padding:10px}.copyright{white-space:normal}}.cookie{z-index:50;padding:12px 16px;position:fixed;bottom:0;left:0;right:0}.cookie-inner{border:3px solid var(--gold);border-radius:var(--radius);max-width:920px;box-shadow:var(--shadow);background:#fff;margin:0 auto;padding:16px 20px}.cookie-inner p{margin:0 0 10px}.cookie-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.prereg-count{text-align:center}.count-num{color:#e8833a;font-size:48px;font-weight:600;line-height:1.1}.prereg-bar{background:#00000014;border-radius:7px;height:14px;margin-top:12px;overflow:hidden}.prereg-bar>div{background:linear-gradient(90deg,#ffd25e,#ff8fb1);height:100%}.tiers{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;padding:0;list-style:none;display:grid}.tier{opacity:.8;background:#fff;border:2px dashed #e8c27a;border-radius:14px;flex-direction:column;gap:6px;padding:12px;display:flex}.tier.unlocked{opacity:1;border-style:solid;border-color:#2fa36b}.form .check{flex-direction:row;align-items:flex-start;gap:8px;display:flex}.form .check input{flex-shrink:0;width:22px;height:22px;min-height:0;margin-top:3px}.social{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.account{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.account>*{min-width:0}.account h2{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.status b{font-size:22px}.status-normal{border-left:6px solid #2fa36b}.status-scheduled{border-left:6px solid #e8b13a}.status-maintenance{border-left:6px solid #d6434a}.small{font-size:13px}.maint-bar{background:#d6434a}.maint-bar a{color:#fff}@media (max-width:1100px){.news-scroll{grid-template-columns:repeat(2,1fr)}.hero-play{margin-right:6%}}@media (max-width:900px){.nav,.login-link{display:none}.home-link{display:flex}.burger{display:block}.mnav{opacity:0;visibility:hidden;z-index:2;background:#fff;flex-direction:column;padding:8px 20px 20px;transition:transform .25s,opacity .25s,visibility .25s;display:flex;position:absolute;top:100%;left:0;right:0;transform:translateY(-12px);box-shadow:0 12px 24px #62383626}.mnav.open{opacity:1;visibility:visible;transform:none}.mnav a{color:var(--ink);border-bottom:1px solid #f3ebe2;align-items:center;min-height:48px;padding:12px 4px;font-size:17px;font-weight:500;text-decoration:none;display:flex}.mnav a.active{color:var(--pink-deep)}.mnav .mnav-login{color:#5a2f12;border-bottom:2px solid #8a5418;justify-content:center;margin:8px 0 6px}.mnav-shade{opacity:0;pointer-events:none;background:#28140a4d;height:100vh;transition:opacity .25s;display:block;position:absolute;top:100%;left:0;right:0}.mnav-shade.open{opacity:1;pointer-events:auto}.hero{background:linear-gradient(#a9dcff,#dff3ff 70%);min-height:0;display:block}.hero-bg{height:min(64vw,470px);top:auto;bottom:0}.hero-bg img{object-position:62% 60%}.hero-bg:before{content:"";z-index:1;background:linear-gradient(#dff3ff,#0000);height:30%;position:absolute;inset:0 0 auto}.hero-inner{text-align:center;flex-direction:column;align-items:center;padding:24px 16px calc(min(64vw,470px) - 10px)}.hero-left{align-items:center;gap:16px}.hero-cta{justify-content:center}.hero-play{z-index:3;margin:0;position:absolute;bottom:min(36vw,280px);right:5%}.play-bubble{width:76px;height:76px}.play-tri{width:30px;height:34px}.bubble.b2,.bubble.b3{display:none}.bubble.b1{z-index:3;width:64px;height:64px;bottom:min(30vw,240px);left:4%;right:auto}.pigc-stage{text-align:center;grid-template-columns:1fr;gap:8px}.traits{justify-content:center}.sys{grid-template-columns:1fr;gap:18px}.sys.rev .sys-img{order:0}.title-pink.left,.sys-text{text-align:center}.reveal.from-left,.reveal.from-right{transform:translateY(36px)}.reveal.in{transform:none}.npc-stage{text-align:center;grid-template-columns:1fr;min-height:0}.npc-copy p{margin:0 auto}.npc-art-wrap{order:-1;height:360px}.friends-inner{flex-direction:column;align-items:center}.friends-card,.friends-card .title-pink{text-align:center}.friends-card .hero-cta{justify-content:center}.friends-char{width:200px}}@media (max-width:600px){:root{--head-h:56px}.header-inner{padding:0 12px}.logo-sm .logo-img{height:40px}.btn-game{width:100%;min-width:0;max-width:320px;min-height:58px;font-size:22px}.hero-cta{flex-direction:column;align-items:center;width:100%}.news-scroll{scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:4px 16px 12px;display:flex;overflow-x:auto}.news-card{scroll-snap-align:start;flex:0 0 78%}.intro{padding:12px 16px 40px}.systems{gap:44px;padding:40px 16px}.pigc{padding:0 8px}.pigc-nav{gap:4px}.arrow{width:44px;height:44px}.arrow svg{width:30px;height:30px}.thumb{border-width:3px;width:64px;height:64px;padding:4px}.thumbs{gap:10px}.npc-dot{width:68px;height:68px}.npc-pick{gap:12px}.npc-art-wrap{height:300px}.deco-layers{padding:24px 0 36px}.friends-card{padding:22px 18px}.news-row{flex-direction:column}.news-row img{width:100%}.empty-card{text-align:center;flex-direction:column}.cookie-actions .btn{flex:auto}.to-top{right:14px;bottom:calc(14px + var(--lift,0px))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.pop{opacity:1;transform:none}}.studio-logo{width:auto;height:32px;display:block}.ticket-thread{gap:10px;margin:16px 0;padding:0;list-style:none;display:grid}.ticket-thread li{overflow-wrap:anywhere;background:#fff;border-radius:16px;max-width:92%;padding:12px 16px;box-shadow:0 1px 3px #0000000f}.ticket-thread li.staff{background:#fff3f7;margin-left:auto}.ticket-thread p{white-space:pre-wrap;margin:4px 0 0}.form .hp{opacity:0;border:0;width:1px;min-width:0;height:1px;padding:0;position:absolute;left:-10000px}.shop{gap:16px;display:grid}.shop-sandbox{background:var(--butter);border:2px dashed var(--gold-dark);border-radius:var(--radius);color:var(--brown);margin:0;padding:10px 14px;font-weight:600}.shop-role{gap:6px;max-width:360px;font-weight:600;display:grid}.shop-role select{border:2px solid var(--line);min-height:44px;font:inherit;background:#fff;border-radius:12px;padding:0 12px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.shop-card{background:var(--paper);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:8px;padding:16px;display:flex}.shop-card h3{font-family:var(--font-display);color:var(--brown);margin:0}.shop-card ul{overflow-wrap:anywhere;flex:1;margin:0;padding-left:18px}.shop-card .btn{width:100%;min-height:44px}.shop-card.off{opacity:.6}.shop-topup{border:2px solid var(--gold-dark);border-radius:var(--radius);color:var(--brown);text-wrap:pretty;background:#fff;border-left-width:6px;margin:0;padding:10px 14px;line-height:1.6}.shop-topup strong{color:var(--pink-deep)}.page>.shop-topup{margin-bottom:16px}.pack-pic{border-radius:calc(var(--radius) - 4px);background:radial-gradient(circle at 50% 60%, #fff6dc 0, var(--butter) 70%);justify-content:center;align-items:center;gap:6px;height:96px;display:flex}.pack-pic>img{object-fit:contain;max-width:90%;max-height:84px}.pack-pic-pigs>img{object-fit:contain;width:80px;height:80px}.pack-pic-none{color:var(--gold-dark);opacity:.55;font-size:40px}.product-head .pack-pic{width:180px;margin-bottom:8px}.product-key{width:200px;margin-bottom:8px}.product-pigs .pig-portrait{object-fit:contain;width:72px;height:72px}.item-icon,.pack-pic-item{flex-shrink:0;display:block;position:relative}.item-icon{background:var(--butter);border-radius:10px;width:40px;height:40px}.pack-pic-item{width:84px;height:84px}.item-icon>img,.pack-pic-item>img{object-fit:contain;width:100%;height:100%;display:block}.item-icon>img.item-icon-pig,.pack-pic-item>img.item-icon-pig{width:44.6%;height:44.6%;position:absolute;top:48.7%;left:53.5%;transform:translate(-50%,-50%)}.item-icon-none{border:2px dashed var(--line)}.shop-card ul.pack-items,.product ul.pack-items,ul.pack-items{flex:1;align-content:start;gap:6px;margin:0;padding:0;list-style:none;display:grid}.pack-items li{overflow-wrap:anywhere;grid-template-columns:40px 1fr auto;align-items:center;gap:8px;min-height:40px;display:grid}.pack-item-name{font-size:.95rem;line-height:1.3}.pack-item-count{color:var(--brown);white-space:nowrap;font-weight:700}.shop-card-topup{color:var(--gold-dark);margin:0;font-size:.85rem;font-weight:600}.shop-tag{background:var(--pink);color:#fff;border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:.85rem;font-weight:700}.product{gap:16px;display:grid}.product h2{font-family:var(--font-display);color:var(--brown);margin:12px 0 6px;font-size:1.15rem}.product h2:first-child{margin-top:0}.product ul{overflow-wrap:anywhere;gap:4px;margin:0;padding-left:20px;display:grid}.product-head{grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid}.product-head .page-title{text-wrap:balance;margin:8px 0 4px}.product-price{font-family:var(--font-display);color:var(--pink-deep);margin:0;font-size:2rem;font-weight:700}.product-status{color:var(--brown);margin:4px 0 0;font-weight:600}.product ul.product-pigs{grid-auto-flow:column;gap:12px;padding:0;list-style:none}.product-pigs li{border-radius:var(--radius);background:var(--butter);border:2px solid var(--line);justify-items:center;gap:2px;min-width:110px;padding:14px 12px;display:grid}.product-pending{background:#fffaf0;border-style:dashed}.shop-tag.pending{background:var(--gold-dark)}.product-buy{justify-items:start;gap:12px;display:grid}.product-buy .btn{min-width:200px;min-height:48px}.product-agree{align-items:flex-start;gap:10px;min-height:44px;display:flex}.product-agree input{flex-shrink:0;width:22px;height:22px;margin-top:2px}.product-teasers{margin-bottom:16px}a.product-teaser{color:inherit;border-color:var(--pink);text-decoration:none}.product-teaser .product-price{font-size:1.5rem}@media (max-width:600px){.product-head{grid-template-columns:1fr}.product ul.product-pigs{grid-template-columns:1fr 1fr;grid-auto-flow:row}.product-pigs li{min-width:0}.product-buy .btn{width:100%}}.patch-section{margin-top:36px}.patch-heading{font-family:var(--font-display), sans-serif;margin:0 0 4px;font-size:clamp(22px,3vw,30px)}.patch-lead{color:var(--ink-soft);margin:0 0 14px}.patch-list{gap:12px;display:grid}.patch-row{color:inherit;align-items:center;gap:16px;min-height:44px;text-decoration:none;display:flex}.patch-version{text-align:center;color:#8a4b12;background:#fff3d6;border-radius:12px;flex:none;min-width:76px;padding:8px 12px;font-size:18px;font-weight:700}.patch-body{gap:4px;min-width:0;display:grid}.patch-body b{overflow-wrap:anywhere;font-size:18px}.patch-meta{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0;font-size:14px;display:flex}.patch-title{text-wrap:balance;overflow-wrap:anywhere}.ubb{overflow-wrap:anywhere;margin-top:16px;font-size:16px;line-height:1.8}.ubb a{color:var(--pink);text-decoration:underline}.ubb img{border-radius:12px;max-width:100%;height:auto}.ubb .ubb-img{color:var(--ink-soft);font-style:italic}@media (max-width:480px){.patch-row{gap:12px}.patch-version{min-width:60px;padding:6px 8px;font-size:16px}.patch-body b{font-size:16px}}.acct{align-items:center;margin-left:auto;display:flex;position:relative}.acct .login-link{margin-left:0}.acct-btn{cursor:pointer;font:inherit;background:0 0;border:0;gap:8px;max-width:240px;font-weight:600}.acct-avatar{background:var(--pink);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.acct-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.acct-caret{border-top:6px solid;border-left:5px solid #0000;border-right:5px solid #0000;flex:none;width:0;height:0}.acct-menu{z-index:60;background:#fff;border-radius:14px;min-width:180px;padding:6px;display:grid;position:absolute;top:calc(100% - 4px);right:0;box-shadow:0 10px 30px #3c1e0a2e}.acct-menu a,.acct-menu button{min-height:44px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;padding:0 14px;text-decoration:none;display:flex}.acct-menu a:hover,.acct-menu button:hover{background:#fff3d6}.mnav .mnav-logout{font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0}@media (max-width:900px){.acct{display:none}}.mnav .mnav-logout{border-bottom:1px solid #f3ebe2;align-items:center;min-height:48px;padding:12px 4px;font-size:17px;font-weight:500;display:flex}.product-nobreed{color:#a12323;background:#ffe3e3;border-radius:999px;margin:0 0 12px;padding:6px 14px;font-weight:700;display:inline-block}.product-ability-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:12px;display:grid}.product-ability{border:1px solid #f0e2cf;border-radius:14px;min-width:0;padding:12px 14px}.product-ability h3{margin:0 0 8px;font-size:18px}.product-ability ul{gap:8px;margin:0 0 8px;padding:0;list-style:none;display:grid}.product-ability li{gap:2px;display:grid}.product-ability li span{color:var(--ink-soft);overflow-wrap:anywhere;font-size:15px}.product-drop{margin:0;font-size:15px}.product-drop.pending{color:var(--ink-soft)}.providers{gap:12px;width:100%;max-width:360px;margin:12px 0;display:grid}.btn-provider{text-align:center;border-radius:10px;width:100%;min-height:48px;padding:0 16px 0 60px;font-weight:600;line-height:1.3;position:relative}.btn-provider .pv-slot{place-items:center;width:52px;display:grid;position:absolute;top:0;bottom:0;left:0}.btn-provider .pv-mark{object-fit:contain;flex:none;display:block}.btn-provider .pv-text{padding:8px 0}.btn-google{color:#1f1f1f;font-family:Roboto, var(--font-body), "Noto Sans Thai", sans-serif;background:#fff;border:1px solid #747775;font-weight:500}.btn-google:hover{background:#f8f9fa}.btn-apple{color:#fff;background:#000;border:1px solid #000}.btn-apple:hover{background:#1c1c1e}.btn-line{color:#fff;background:#06c755;border:0}.btn-line .pv-slot{border-right:1px solid #00000014}.btn-line:hover{background:#05b34c}.btn-line:active{background:#048b3b}.btn-provider:focus-visible{outline:3px solid var(--pink);outline-offset:2px}.btn-provider-off,.btn-provider-off[disabled]{color:#7a6f66;cursor:not-allowed;opacity:1;background:#f1ece4;border:1px dashed #b9ada0;padding:0 16px}.tag-wait{vertical-align:middle;background:#e8e1d6;margin:0 0 0 6px}.delete-account .loss-list{gap:6px;margin:0 0 12px;padding-left:20px;display:grid}.delete-account .loss-list ul{margin:4px 0 0;padding-left:18px}.delete-account .loss-list .warn{color:var(--err,#b3261e);font-weight:600}.delete-account .delete-type{gap:6px;max-width:360px;margin:12px 0;font-weight:600;display:grid}.delete-account .delete-type input{min-height:44px;font:inherit;border:1px solid #b9ada0;border-radius:10px;padding:8px 12px}.cbt-nav{flex-wrap:wrap;gap:8px;margin:0 0 20px;display:flex}.cbt-nav a{border:2px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);border-radius:999px;align-items:center;padding:8px 16px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.cbt-nav a.on{color:#5a2f12;background:#ffe9b8;border-color:#e0b84a}.cbt-h{font-family:var(--font-display), sans-serif;text-wrap:balance;margin:32px 0 12px;font-size:clamp(22px,3vw,30px)}.cbt-status{border-left:6px solid #e8b13a}.cbt-status.cbt-running{border-left-color:#2fa36b}.cbt-status.cbt-ended{border-left-color:#9a8f85}.cbt-status p{margin:8px 0 0}.cbt-dates{flex-wrap:wrap;align-items:baseline;gap:4px 16px;display:flex}.cbt-steps{counter-reset:cbt;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.cbt-steps li{counter-increment:cbt;align-content:start;gap:6px;padding-top:52px;display:grid;position:relative}.cbt-steps li:before{content:counter(cbt);background:var(--pink);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:grid;position:absolute;top:14px;left:18px}.cbt-steps b,.cbt-facts b{font-size:18px}.cbt-join{margin-top:24px}.cbt-join h2{margin:0 0 6px}.cbt-join .providers{margin:14px 0}.cbt-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.cbt-facts .card{align-content:start;gap:6px;display:grid}.cbt-links{flex-wrap:wrap;gap:10px;margin:28px 0 8px;display:flex}.cbt-rules ul{padding-left:22px}.cbt-rules li{margin:6px 0}.cbt .dl-card strong{font-size:18px}@media (max-width:760px){.cbt-steps,.cbt-facts{grid-template-columns:minmax(0,1fr)}.cbt-links .btn{flex:100%}}@media (max-width:600px){.providers{max-width:none}}.pack-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.pack-card{all:unset;box-sizing:border-box;cursor:pointer;background:var(--paper);border:2px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);color:var(--ink);flex-direction:column;gap:6px;padding:12px 12px 14px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.pack-card:hover{transform:translateY(-3px)}.pack-card:focus-visible{outline:3px solid var(--pink);outline-offset:2px}.pack-card-art{aspect-ratio:1;border-radius:16px;position:relative;overflow:hidden}.pack-key{aspect-ratio:1;border:4px solid var(--tone-edge,var(--gold-dark));background:radial-gradient(circle at 50% 42%, #fffdf4 0, var(--tone-bg,var(--butter)) 72%);box-sizing:border-box;border-radius:16px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.pack-card-art>.pack-key{height:100%}.pack-key-art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pack-key .pack-pic{background:0 0;width:78%;height:78%}.pack-key .pack-pic>img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}.pack-key .pack-pic-item{width:82%;height:82%}.pack-key .pack-pic-pigs{gap:2%}.pack-key .pack-pic-pigs>img{width:48%;height:auto;max-height:100%}.pack-key .pack-pic-none{font-size:64px}.tone-gem{--tone-edge:#4aa3df;--tone-bg:#bfe6ff}.tone-gift{--tone-edge:#e3a21a;--tone-bg:#ffe08a}.tone-level{--tone-edge:#7bb03b;--tone-bg:#d5f0a8}.tone-card{--tone-edge:#9a6bd6;--tone-bg:#e4d3ff}.tone-skin{--tone-edge:#e66fa0;--tone-bg:#ffd1e3}.tone-vip{--tone-edge:#d9594e;--tone-bg:#ffd2c4}.tone-new{--tone-edge:#2fb8a5;--tone-bg:#c3f2e8}.tone-web{--tone-edge:#f07f73;--tone-bg:#ffe0d6}.pack-ribbon{pointer-events:none;width:96px;height:96px;position:absolute;top:0;right:0;overflow:hidden}.pack-ribbon>span{background:var(--pink-deep);color:#fff;text-align:center;white-space:nowrap;width:140px;font-size:.85rem;font-weight:700;line-height:1.9;position:absolute;top:20px;right:-34px;transform:rotate(45deg);box-shadow:0 2px 4px #0003}.pack-soldout{color:#fff;font-family:var(--font-display);letter-spacing:.02em;background:#2316109e;border-radius:16px;place-items:center;font-size:1.25rem;font-weight:700;display:grid;position:absolute;inset:0}.pack-soldout:before{content:"";z-index:-1;background:#00000073;height:2.6em;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.pack-soldout{z-index:0}.pack-card.sold-out .pack-key{filter:grayscale(.85)}.pack-card-line{align-items:baseline;gap:8px;min-width:0;margin-top:6px;display:flex}.pack-card-name{min-width:0;font-family:var(--font-display);color:var(--brown);overflow-wrap:anywhere;flex:1;margin:0;font-size:1.05rem;font-weight:700;line-height:1.3}.pack-card-price{color:var(--pink-deep);white-space:nowrap;flex-shrink:0;font-weight:700}.pack-card-cat{color:var(--ink-soft);margin:0;font-size:.85rem}.pack-dialog-back{z-index:200;background:#1e120c99;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.pack-dialog{background:var(--paper);border-radius:var(--radius);width:min(100%,720px);box-shadow:var(--shadow);box-sizing:border-box;padding:20px;position:relative}.pack-dialog-close{background:var(--cream);width:44px;height:44px;color:var(--brown);cursor:pointer;z-index:1;border:0;border-radius:12px;font-size:1.6rem;position:absolute;top:8px;right:8px}.pack-detail{grid-template-columns:240px 1fr;align-items:start;gap:20px;display:grid}.pack-detail-body{gap:10px;min-width:0;display:grid}.pack-detail-name{font-family:var(--font-display);color:var(--brown);text-wrap:balance;margin:0;padding-right:40px;font-size:1.5rem}.pack-detail .btn{min-height:48px}@media (max-width:900px){.pack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pack-card{padding:8px 8px 10px}.pack-card-name{font-size:.95rem}.pack-card-price{font-size:.9rem}.pack-card-line{flex-direction:column;align-items:flex-start;gap:2px}.pack-ribbon{width:72px;height:72px}.pack-ribbon>span{font-size:.72rem;top:14px;right:-38px}.pack-soldout{font-size:1rem}.pack-detail{grid-template-columns:1fr}.pack-detail>.pack-key{justify-self:center;width:min(100%,220px)}.pack-dialog{padding:16px}}.prereg-live{gap:18px;margin-bottom:16px;display:grid}.prereg-live-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px 16px;display:flex}.prereg-live-head p{margin:0}.ms-track{background:#f3e6d2;border-radius:8px;height:16px;margin:14px 18px 18px 6px;position:relative}.ms-fill{background:linear-gradient(90deg,#ffd25e,#ff8fb1);border-radius:8px;transition:width .6s;position:absolute;top:0;bottom:0;left:0}.ms-dot{width:34px;height:34px;color:var(--brown);box-sizing:border-box;background:#fff;border:3px solid #e8c27a;border-radius:50%;place-items:center;font-size:.9rem;font-weight:700;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.ms-dot.on{color:#fff;background:#2fa36b;border-color:#23824f}.ms-list{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.ms-reward{flex-direction:column;gap:2px;display:flex}.ms-reward .ms-name{white-space:nowrap}.ms{background:#fff;border:2px dashed #e8c27a;border-radius:14px;flex-direction:column;gap:6px;padding:12px;display:flex}.ms.on{border-style:solid;border-color:#2fa36b}.ms .tag{color:var(--brown);background:#f3e6d2;border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:.8rem;font-weight:700}.ms.on .tag{color:#fff;background:#2fa36b}.prereg-way{grid-template-columns:1fr 1fr;gap:10px;display:grid}.prereg-way-btn{border:2px solid var(--line);min-height:56px;font:inherit;color:var(--brown);cursor:pointer;text-align:center;background:#fff;border-radius:14px;gap:2px;padding:8px 12px;font-weight:700;display:grid}.prereg-way-btn.on{border-color:var(--pink);box-shadow:inset 0 0 0 1px var(--pink);background:#fff1ee}.prereg-login{flex-wrap:wrap;align-items:center;gap:10px;margin:0;display:flex}.prereg-form .check{align-items:flex-start;gap:10px;display:flex}.prereg-form .check input{flex-shrink:0;width:22px;height:22px;margin-top:2px}.prereg-done{font-size:1.05rem;line-height:1.7}.captcha-box{min-height:78px}@media (max-width:640px){.ms-dot{width:28px;height:28px;font-size:.8rem}.prereg-way{grid-template-columns:1fr}}.lang-switch{white-space:nowrap;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.lang-switch a,.lang-switch .lang-on{border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 2px;text-decoration:none;display:inline-flex}.lang-switch a{color:var(--ink-soft)}.lang-switch a:hover,.lang-switch .lang-on{color:var(--pink-deep)}.lang-sep{color:var(--line);padding:0 1px}.head-lang{margin-left:auto}.head-lang+.login-link,.head-lang+.acct{margin-left:10px}@media (max-width:900px){.head-lang+.login-link+.burger,.head-lang+.acct+.burger{margin-left:2px}}@media (max-width:1100px){.nav a{padding:0 10px}}.launch-date{background:var(--paper);color:var(--pink-deep);font-family:var(--font-display);border:2px solid var(--butter);border-radius:999px;margin:12px 0 0;padding:6px 16px;font-size:1.05rem;font-weight:700;display:inline-block;box-shadow:0 3px #a06e3229}.launch-date.center{margin:-4px auto 16px;display:table}.cbt-status .launch-date{margin-top:8px}.rw-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.rw-bubble{background:radial-gradient(circle at 35% 30%,#fff 0 55%,#fff6e3 100%);border:3px solid #f5d9a8;border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative;box-shadow:0 0 0 3px #ffffffd9,0 3px 8px #7b4a2a29}.rw-md{width:68px;height:68px}.rw-sm{border-width:2px;width:54px;height:54px}.rw-bubble img{object-fit:contain;width:76%;height:76%}.rw-bubble.rw-k-title{border-radius:999px}.rw-md.rw-k-title{width:150px}.rw-sm.rw-k-title{width:118px}.rw-k-title img{width:90%;height:80%}.rw-k-pig img{width:88%;height:88%}.rw-bubble.rw-wide{border-radius:999px;width:164px}.rw-wide img{width:90%;height:86%}.rw-title-text{color:#fff;text-align:center;background:#6cbf4a;border:2px solid #3f8f2c;border-radius:6px;max-width:92%;padding:3px 4px;font-size:.78rem;font-weight:800;line-height:1.05}.rw-count{color:var(--brown);white-space:nowrap;background:#fff;border:2px solid #f5d9a8;border-radius:999px;padding:2px 6px;font-size:.7rem;line-height:1;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.rw-sm .rw-count{padding:2px 5px;font-size:.64rem}.ms .rw-row{margin:2px 0 6px}.ms.on .rw-bubble{border-color:#8fd3ad}.prereg-home{text-align:center;max-width:1100px;margin:0 auto;padding:48px 16px 24px}.ph-head{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 16px;margin:6px 0 14px;display:flex}.ph-count b{color:var(--pink-deep);font-size:2rem}.ph-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;max-width:100%;padding:6px 4px 10px;overflow:auto hidden}.ph-rail{--ph-tag:24px;--ph-bub:74px;--ph-dot:30px;min-width:calc(var(--ph-cols) * 184px);position:relative}.ph-cols{grid-template-columns:repeat(var(--ph-cols), 1fr);z-index:1;margin:0;padding:0;list-style:none;display:grid;position:relative}.ph-col{grid-template-rows:var(--ph-tag) var(--ph-bub) var(--ph-dot) auto;place-items:end center;gap:6px;display:grid}.ph-next-tag{color:#fff;background:var(--pink);border-radius:999px;grid-row:1;padding:2px 10px;font-size:.72rem;font-weight:800}.ph-bubbles{flex-wrap:nowrap;grid-row:2;justify-content:center;gap:6px;padding-bottom:8px}.ph-dot{width:var(--ph-dot);height:var(--ph-dot);color:#fff;background:#fff;border:3px solid #e8c27a;border-radius:50%;grid-row:3;align-self:center;place-items:center;font-size:.85rem;font-weight:800;display:grid}.ph-th{color:var(--brown);grid-row:4;font-weight:800}.ph-col.on .ph-dot{background:#2fa36b;border-color:#2fa36b}.ph-col.on .rw-bubble{border-color:#8fd3ad}.ph-col.next .ph-dot{border-color:var(--pink);box-shadow:0 0 0 4px #f07f7340}.ph-col.next .rw-bubble{border-color:var(--pink);animation:1.8s ease-in-out infinite ph-pulse}.ph-col.next .ph-th{color:var(--pink-deep)}.ph-col:not(.on):not(.next) .rw-bubble{filter:saturate(.75)}.ph-track{left:0;right:0;top:calc(var(--ph-tag) + var(--ph-bub) + 12px + var(--ph-dot) / 2 - 5px);z-index:0;background:#f3e6d2;border-radius:999px;height:10px;position:absolute}.ph-fill{background:linear-gradient(90deg,#ffcf3f,#f07f73);border-radius:999px;height:100%;transition:width .6s}.ph-cta{margin-top:18px}@keyframes ph-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@media (prefers-reduced-motion:reduce){.ph-col.next .rw-bubble{animation:none}}.cbt-join-btn{min-width:260px}.cbt-form{gap:12px;margin-top:12px;display:grid}.cbt-fs{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.cbt-fs legend{margin-bottom:6px;padding:0;font-weight:700}.prereg-way.cbt-pf{grid-template-columns:repeat(4,minmax(0,1fr))}.cbt-result,.cbt-next{gap:8px;display:grid}.cbt-next h3{margin:8px 0 0}.cbt-group{gap:10px;margin:0;padding-left:22px;display:grid}.cbt-group .btn{margin-top:6px}.cbt-continue{border:2px solid var(--pink);justify-items:start;gap:10px;margin-top:14px;display:grid}@media (max-width:640px){.prereg-way.cbt-pf{grid-template-columns:1fr 1fr}.cbt-join-btn{width:100%;min-width:0}}.ref-banner{background:#fff4d6;border:1px solid #f2c94c;border-radius:12px;margin:0 0 12px;padding:10px 14px;font-weight:600}.ref-panel h2{margin-top:0}.ref-link-label{margin:10px 0 6px;font-weight:600;display:block}.ref-link{margin-top:6px;display:flex}.ref-link input{width:100%;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem}.ref-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.ref-code{letter-spacing:.05em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ref-progress{margin:14px 0}.ref-progress-head{justify-content:space-between;gap:8px;display:flex}.ref-count{color:#d6457a;font-weight:700}.ref-bar{background:#f1e6ea;border-radius:99px;height:12px;margin-top:6px;overflow:hidden}.ref-bar span{background:linear-gradient(90deg,#ff8fb1,#d6457a);border-radius:99px;height:100%;display:block}.ref-steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0;display:grid}.ref-step{background:#fffafc;border:1px solid #f0dbe3;border-radius:14px;padding:12px}.ref-step.on{background:#f3fbf4;border-color:#7cc48a}.ref-step-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.chip-ok{color:#fff;background:#2e7d32;border-radius:99px;padding:2px 8px;font-size:.78rem}.ref-items{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.ref-items li{text-align:center;flex-direction:column;align-items:center;gap:4px;font-size:.85rem;display:flex}.ref-items li img{object-fit:contain;width:56px;height:56px}.ref-items li.big{grid-column:1/-1}.ref-items li.big img{width:auto;max-width:100%;height:72px}.ref-rules ul{padding-left:1.2rem}@media (max-width:480px){.ref-items li img{width:48px;height:48px}.ref-items li.big img{height:60px}}
@font-face{font-family:display;src:url(../media/Mali_Bold-s.p.3-1j_7tepjnpp.ttf)format("truetype");font-display:swap;font-weight:700}@font-face{font-family:display Fallback;src:local(Arial);ascent-override:91.14%;descent-override:21.7%;line-gap-override:0.0%;size-adjust:115.21%}.display_fe40c1f5-module__zLqmwG__className{font-family:display,display Fallback;font-weight:700}.display_fe40c1f5-module__zLqmwG__variable{--font-display:"display", "display Fallback"}
@font-face{font-family:body;src:url(../media/Kanit_Regular-s.p.0l119_7dygshq.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:body;src:url(../media/Kanit_Medium-s.p.1cw7_iul44m3l.ttf)format("truetype");font-display:swap;font-weight:500}@font-face{font-family:body;src:url(../media/Kanit_SemiBold-s.p.3_ma758lj27pn.ttf)format("truetype");font-display:swap;font-weight:600}@font-face{font-family:body Fallback;src:local(Arial);ascent-override:106.73%;descent-override:38.32%;line-gap-override:0.0%;size-adjust:103.07%}.body_18fc3c0c-module__mVkvZa__className{font-family:body,body Fallback}.body_18fc3c0c-module__mVkvZa__variable{--font-body:"body", "body Fallback"}