:root{
  --bg:#f6e7d3; --card:#fffaf3; --ink:#5a3e2b; --muted:#9b7f69; --line:#ead7c0;
  --pink:#f4a6a6; --peach:#ffcf9f; --mint:#9fd8c3; --mintd:#5fb595; --blue:#8fc3ea;
  --shadow:0 6px 18px rgba(120,80,40,.14);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:'Mali',system-ui,sans-serif}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
.hide{display:none!important}

#app{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}

/* ---------- ฉาก ---------- */
/* ฉากแมวล็อกอยู่ด้านบน (เต้ขอ 6 ต.ค.) ส่วนล่างเลื่อนผ่านใต้ฉาก */
#scene{position:sticky;top:0;z-index:5;height:56vh;min-height:340px;max-height:560px;background:url(img/room.webp) center 60%/cover;border-radius:0 0 28px 28px;overflow:hidden;box-shadow:var(--shadow)}
#top{position:absolute;top:calc(10px + env(safe-area-inset-top));left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;z-index:3}
#nameTag{background:rgba(255,250,243,.9);padding:6px 14px;border-radius:999px;box-shadow:var(--shadow);display:flex;gap:8px;align-items:baseline}
#nameTag b{font-size:17px}
#stageLbl{font-size:12px;color:var(--muted)}
.pill{background:rgba(255,250,243,.9);padding:6px 12px;border-radius:999px;font-size:13px;box-shadow:var(--shadow)}
/* ป้ายอีเวนต์เทศกาล ใต้ป้ายชื่อแมวมุมซ้ายบน (data.js EVENTS) */
#evPill{position:absolute;top:calc(58px + env(safe-area-inset-top));left:12px;z-index:3;font-weight:600;color:#7a3e8c;background:linear-gradient(135deg,#ffe2c2,#ead6f5);animation:adBob 3s ease-in-out infinite}
/* ปุ่มลอยดูคลิปรับเหรียญ ใต้เหรียญมุมขวาบน (เต้ขอ 9 ต.ค. · วันละ 3 ครั้ง · × ซ่อนถึงพรุ่งนี้) */
#adFab{position:absolute;top:calc(58px + env(safe-area-inset-top));right:12px;z-index:3;animation:adBob 2.6s ease-in-out infinite}
#adGo{display:flex;align-items:center;gap:4px;padding:7px 12px 7px 11px;border-radius:999px;font-size:13px;color:#fff;background:linear-gradient(135deg,#f6b58a,#ee8fa0);box-shadow:0 4px 12px rgba(214,110,120,.35)}
#adGo b{font-size:14px}
#adGo small{margin-left:2px;font-size:11px;background:rgba(255,255,255,.3);border-radius:999px;padding:0 6px}
#adX{position:absolute;top:-12px;left:-12px;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--ink);border:2px solid #ee8fa0;font-size:18px;font-weight:700;line-height:24px;padding:0;box-shadow:0 2px 6px rgba(90,62,43,.3)}
#adX::before{content:'';position:absolute;inset:-8px}   /* เต้บอกปุ่มปิดเล็กไป (10 ต.ค.) → 28px + พื้นที่กด ~44px */
@keyframes adBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

#catWrap{position:absolute;left:50%;bottom:4%;--k:1;width:calc(min(62%,300px) * var(--k));transition:width .8s cubic-bezier(.3,1.4,.5,1);transform:translateX(-50%);z-index:2}
#catWrap[data-s=k]{--k:.8}
#catWrap[data-s=t]{--k:.9}
#catBody{position:relative;transform-origin:50% 92%;animation:breathe 3.2s ease-in-out infinite;cursor:pointer;filter:drop-shadow(0 8px 6px rgba(90,60,30,.18))}
#catBody.bounce{animation:bounce .55s ease}
#catBody.sleep{animation:sleepy 4s ease-in-out infinite}
#cat{width:100%;display:block;user-select:none;-webkit-user-select:none}
#hat{position:absolute;transform-origin:50% 100%;pointer-events:none;user-select:none}
@keyframes breathe{0%,100%{transform:scale(1,1)}50%{transform:scale(1.015,.985)}}
@keyframes sleepy{0%,100%{transform:scale(1,1)}50%{transform:scale(1.03,.97)}}
@keyframes bounce{0%{transform:scale(1)}30%{transform:scale(1.08,.9)}55%{transform:translateY(-14%) scale(.96,1.05)}80%{transform:scale(1.03,.97)}100%{transform:scale(1)}}

#fx{position:absolute;inset:0;pointer-events:none;overflow:visible}
#fx span{position:absolute;font-size:22px;animation:float 1.3s ease-out forwards}
@keyframes float{from{opacity:1;transform:translate(0,0) scale(.6)}to{opacity:0;transform:translate(var(--dx),-120px) scale(1.2)}}
#fx .z{font-size:18px;color:#7b9bc4;animation:zz 2.4s ease-out forwards}
@keyframes zz{from{opacity:.9;transform:translate(0,0)}to{opacity:0;transform:translate(30px,-70px)}}

#bubble{position:absolute;left:50%;top:15%;transform:translateX(-50%);max-width:82%;background:var(--card);padding:10px 16px;border-radius:18px;box-shadow:var(--shadow);font-size:15px;line-height:1.45;text-align:center;z-index:3;animation:pop .25s ease}
#bubble::after{content:'';position:absolute;left:50%;bottom:-8px;margin-left:-8px;border:8px solid transparent;border-bottom:0;border-top-color:var(--card)}
@keyframes pop{from{opacity:0;transform:translateX(-50%) scale(.85)}to{opacity:1;transform:translateX(-50%) scale(1)}}

#awayAd{display:block;margin:10px auto 0;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#f6b58a,#ee8fa0);box-shadow:0 3px 10px rgba(214,110,120,.3)}
#away{position:absolute;left:50%;bottom:22%;transform:translateX(-50%);background:var(--card);padding:12px 18px;border-radius:16px;box-shadow:var(--shadow);text-align:center;font-size:15px;width:78%;z-index:2}

/* ---------- แผงล่าง ---------- */
#panel{flex:1;padding:14px 16px calc(16px + env(safe-area-inset-bottom))}
#energyRow,#growRow{display:flex;align-items:center;gap:10px;font-size:14px}
#growRow{margin-top:6px;font-size:12px;color:var(--muted)}
#bar,#gbar{flex:1;height:14px;background:#fff;border-radius:99px;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.08)}
#gbar{height:8px}
#barFill,#gbarFill{display:block;height:100%;width:0;border-radius:99px;transition:width .5s cubic-bezier(.3,1.4,.5,1)}
#barFill{background:linear-gradient(90deg,var(--peach),var(--pink))}
#gbarFill{background:linear-gradient(90deg,var(--mint),var(--blue))}
#energyTxt{min-width:34px;text-align:right;font-weight:700}

h3{margin:16px 2px 8px;font-size:16px}
#goals{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
#goals li{display:flex;align-items:center;gap:12px;background:var(--card);padding:12px 14px;border-radius:16px;box-shadow:0 2px 6px rgba(120,80,40,.08);cursor:pointer;transition:transform .12s}
#goals li:active{transform:scale(.98)}
#goals .ge{font-size:22px;width:28px;text-align:center}
#goals .gt{flex:1;font-size:15px}
#goals .gc{width:28px;height:28px;border-radius:50%;border:2.5px solid var(--line);display:grid;place-items:center;font-size:15px;color:#fff;transition:.2s}
#goals li.on{background:#eef8f3}
#goals li.on .gt{color:var(--muted);text-decoration:line-through}
#goals li.on .gc{background:var(--mintd);border-color:var(--mintd)}
#goals .gdel{font-size:13px;color:var(--muted);padding:4px}

.ghost{display:block;width:100%;margin-top:10px;padding:11px;border:2px dashed var(--line);border-radius:14px;color:var(--muted);font-size:14px}
.btn{display:block;width:100%;padding:13px;border-radius:14px;background:linear-gradient(90deg,var(--peach),var(--pink));color:#fff;font-weight:700;font-size:16px;box-shadow:var(--shadow)}
.btn.sec{background:#fff;color:var(--ink)}
#tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
#tabs button{background:var(--card);padding:10px 2px;border-radius:14px;font-size:12.5px;box-shadow:0 2px 6px rgba(120,80,40,.08);display:flex;flex-direction:column;align-items:center;gap:2px}
#tabs button span{font-size:22px}
#goBtn{margin-top:12px;animation:wiggle 1.6s ease-in-out infinite}
@keyframes wiggle{0%,100%{transform:rotate(0)}10%{transform:rotate(-2deg)}20%{transform:rotate(2deg)}30%{transform:rotate(0)}}

/* ---------- หน้าต่าง ---------- */
#sheet{position:fixed;inset:0;background:rgba(70,45,25,.35);display:flex;align-items:flex-end;justify-content:center;z-index:10;animation:fade .2s}
@keyframes fade{from{opacity:0}}
#sheetBox{position:relative;width:100%;max-width:480px;max-height:88vh;overflow:auto;background:var(--card);border-radius:24px 24px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom));animation:up .28s cubic-bezier(.2,1.2,.4,1)}
@keyframes up{from{transform:translateY(40%)}}
#sheetX{position:absolute;top:12px;right:14px;font-size:18px;color:var(--muted);padding:4px 8px}
#sheetBody h2{margin:0 0 6px;font-size:20px}
#sheetBody p{margin:6px 0 14px;color:var(--muted);line-height:1.55}
#sheetBody input,#sheetBody textarea{width:100%;font:inherit;padding:12px 14px;border:2px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);margin-bottom:12px;outline:none}
#sheetBody input:focus,#sheetBody textarea:focus{border-color:var(--pink)}
.moods{display:flex;justify-content:space-between;margin:6px 0 14px}
.moods button{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;color:var(--muted);padding:6px 4px;border-radius:14px;flex:1}
.moods button span{font-size:32px;transition:transform .15s}
.moods button.on{background:#fff1e3;color:var(--ink)}
.moods button.on span{transform:scale(1.18)}
.hist{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:6px}
.hist li{background:#fff;border-radius:12px;padding:8px 12px;font-size:13.5px;display:flex;gap:10px}
.hist small{color:var(--muted);white-space:nowrap}

.breath{display:grid;place-items:center;height:260px}
.orb{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d6efff,var(--blue));box-shadow:0 0 0 14px rgba(143,195,234,.18);transition:transform 4s ease-in-out;display:grid;place-items:center;color:#fff;font-weight:700;font-size:17px;text-shadow:0 1px 3px rgba(0,0,0,.2)}
.btip{text-align:center;color:var(--muted);margin-top:4px}

.story{background:#fff;border-radius:16px;padding:14px;margin-bottom:10px}
.story b{display:block;margin-bottom:4px}
.story small{color:var(--muted)}
.story p{margin:4px 0 0!important;color:var(--ink)!important}
.big{font-size:56px;text-align:center;margin:4px 0}
.center{text-align:center}

/* ---------- เหรียญ ---------- */
#coinPill{font-weight:600}
#coinPill.bump{animation:bump .45s ease}
@keyframes bump{40%{transform:scale(1.18)}}
.coinfly{position:absolute;top:44px;right:22px;font-weight:700;color:#c98a1b;text-shadow:0 1px 0 #fff;z-index:4;animation:cfly 1.2s ease-out forwards;pointer-events:none}
@keyframes cfly{from{opacity:0;transform:translateY(16px)}25%{opacity:1}to{opacity:0;transform:translateY(-18px)}}

/* ---------- ของแต่งห้อง (ตำแหน่งเป็น % ของฉาก) ---------- */
#decor{position:absolute;inset:0;pointer-events:none;z-index:1}
.dec{position:absolute;filter:drop-shadow(0 4px 4px rgba(90,60,30,.15))}
.slot-hang{top:9%;right:6%;width:20%}
.slot-lamp{top:0;left:8%;width:17%}
.slot-bed{bottom:2%;left:50%;width:60%;transform:translateX(-50%)}
.slot-floorL{bottom:6%;left:-3%;width:30%}
.slot-floorR{bottom:3%;right:-2%;width:26%}

/* ---------- ร้านค้า ---------- */
.seg{display:grid;grid-template-columns:1fr 1fr;background:#f3e5d3;border-radius:14px;padding:4px;margin-bottom:14px}
.seg button{padding:9px;border-radius:11px;font-size:14px;color:var(--muted)}
.seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.shop{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.item{background:#fff;border-radius:16px;padding:10px 6px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;border:2px solid transparent}
.item.using{border-color:var(--mint);background:#f3fbf7}
.item img{width:72px;height:72px;object-fit:contain}
.item b{font-size:12.5px;font-weight:600;line-height:1.3;min-height:2.6em;display:flex;align-items:center}
.item button{width:100%;padding:6px 0;border-radius:10px;font-size:13px;background:#f3e5d3}
.item button.buy{background:linear-gradient(90deg,var(--peach),var(--pink));color:#fff;font-weight:700}
.item button.poor{opacity:.5}

/* ---------- อัลบั้ม / โปสการ์ด ---------- */
.album{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.album button{background:#fff;border-radius:12px;padding:6px 6px 8px;box-shadow:0 2px 6px rgba(120,80,40,.1);transform:rotate(-1deg);display:flex;flex-direction:column;gap:4px;font-size:12.5px}
.album button:nth-child(even){transform:rotate(1.2deg)}
.album img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:8px;background:#f3e5d3}
.postcard{position:relative;background:#fff;padding:8px;border-radius:14px;box-shadow:var(--shadow);margin:6px 0 12px;transform:rotate(-1deg)}
.postcard img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:8px;display:block;background:#f3e5d3}
.stamp{position:absolute;right:14px;bottom:14px;background:rgba(255,250,243,.92);border:2px dashed var(--pink);border-radius:8px;padding:2px 8px;font-size:12px;font-weight:700;transform:rotate(4deg)}
.growimg{display:block;width:55%;margin:0 auto 12px}
.coin{display:inline-block;width:1em;height:1em;border-radius:50%;vertical-align:-.14em;background:radial-gradient(circle at 35% 30%,#fff3b0 0 18%,#ffd34d 40%,#e9a92a 75%);box-shadow:inset 0 0 0 .1em #d99a1c}
#sheetBody h2{padding-right:30px}

/* ---------- คุยกับแมว ---------- */
#talkBtn{position:absolute;right:12px;bottom:12px;z-index:3;font-weight:600;padding:8px 14px}
#sheetBox.chat{max-height:60vh;display:flex;flex-direction:column}
#sheetBox.chat #sheetBody{display:flex;flex-direction:column;min-height:0;flex:1}
.chatlog{flex:1;min-height:120px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:4px 2px 10px}
.msg{max-width:82%;padding:9px 13px;border-radius:16px;line-height:1.45;font-size:15px;white-space:pre-wrap;word-break:break-word}
.msg.c{align-self:flex-start;background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 4px rgba(120,80,40,.1)}
.msg.u{align-self:flex-end;background:linear-gradient(90deg,var(--peach),var(--pink));color:#fff;border-bottom-right-radius:4px}
.msg.typing{color:var(--muted);letter-spacing:3px}
.chatin{display:flex;gap:8px;align-items:flex-end}
.chatin textarea{flex:1;margin:0!important;resize:none;max-height:96px}
.chatin button{flex:none;width:48px;height:48px;border-radius:50%;background:linear-gradient(90deg,var(--peach),var(--pink));color:#fff;font-size:20px;box-shadow:var(--shadow)}
.chatin button:disabled{opacity:.5}
.chatnote{font-size:12px;color:var(--muted);text-align:center;margin-top:6px}

/* ---------- เลือกพันธุ์ ---------- */
.breeds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 6px}
.breeds button{background:#fff;border-radius:14px;padding:6px 4px 8px;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;font-size:13px}
.breeds button img{width:78px;height:78px;object-fit:contain}
.breeds button.on{border-color:var(--pink);background:#fff1ee}
.breeds button.lock img{filter:grayscale(.7) opacity(.55)}
.seg3{grid-template-columns:repeat(3,1fr)}
.chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;padding:0 0 8px}
.chips:empty{display:none}
.chips button{background:#fff;border:2px solid var(--pink);color:var(--ink);border-radius:999px;padding:7px 13px;font-size:14px;animation:pop .2s ease}

/* ---------- โปรไฟล์ / ความจำ / ตั้งค่า / ของฝาก / ย้ายเครื่อง ---------- */
#daysLbl{font-size:12px;color:var(--muted)}
#daysLbl:before{content:'· '}
.hbtn{font-size:16px;vertical-align:middle;padding:0 6px;opacity:.75}
.prof{display:flex;gap:14px;align-items:center}
.prof img{width:110px;height:110px;object-fit:contain}
.prof h2{margin:0}
.prof p{margin:2px 0!important}
.plusline{color:#c98a1b!important;font-weight:600;margin:4px 0 8px!important}
.pstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 14px}
.pstats div{background:#fff;border-radius:14px;padding:10px 4px;text-align:center}
.pstats b{display:block;font-size:20px}
.pstats small{color:var(--muted);font-size:12px}
.plinks{display:flex;flex-direction:column;gap:8px}
.plinks button{background:#fff;border-radius:14px;padding:12px 14px;text-align:left;font-size:15px;box-shadow:0 2px 6px rgba(120,80,40,.08)}
.msg .flag{display:block;margin-top:4px;background:none;border:0;padding:0;font-size:11px;color:var(--muted);opacity:.75;cursor:pointer}
#sheetBody textarea#fbTxt{width:100%;margin:10px 0 6px}
.soonpay{text-align:center;font-size:14px}
.plinks .pdel{color:#c0564b;background:transparent;box-shadow:none;font-size:14px}
.fglist{padding-left:20px;line-height:1.6;color:var(--ink)}
.btn.danger{background:#d9675b}
.memlist{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.memrow{display:flex;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:9px 12px}
.memrow span{flex:1;font-size:14.5px}
.memrow small{color:var(--muted);font-size:11px;white-space:nowrap}
.memrow button{color:var(--muted);padding:2px 6px}
.setrow{display:flex;gap:12px;align-items:center;background:#fff;border-radius:14px;padding:12px;margin-bottom:10px}
.setrow small{display:block;color:var(--muted);font-size:12.5px;line-height:1.45;margin-top:2px}
.tg{flex:none;width:52px;height:30px;border-radius:99px;background:#e5d6c4;position:relative;transition:.2s}
.tg i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.tg.on{background:var(--mintd)}
.tg.on i{left:25px}
.souvgot{display:flex;gap:12px;align-items:center;background:#fff;border-radius:16px;padding:10px 14px;margin:0 0 12px;border:2px dashed var(--peach)}
.souvgot.rare{border:2px solid #f0c040;background:linear-gradient(135deg,#fffbe8,#fff)}
.souvgot img{width:64px;height:64px;object-fit:contain}
.souvgot small{display:block;color:var(--muted)}
.souvgot.rare small{color:#c98a1b;font-weight:700}
.souvgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.souvgrid div{background:#fff;border-radius:12px;padding:6px 4px;text-align:center;font-size:11px;line-height:1.3}
.souvgrid img{width:100%;aspect-ratio:1;object-fit:contain}
.souvgrid .lock img{filter:brightness(0) opacity(.22)}
.souvgrid .lock span{color:var(--muted)}
.souvgrid .rare:not(.lock){background:linear-gradient(135deg,#fff6d6,#fff)}
.cardimg{width:100%;border-radius:16px;box-shadow:var(--shadow);margin:4px 0 12px}
.mvcode{font-size:34px;font-weight:700;letter-spacing:4px;text-align:center;background:#fff;border-radius:16px;padding:14px;margin:8px 0;font-family:monospace}

/* ---------- ป้อนขนม · ร้านค้า 4 แท็บ · ห้อง · ชั้นโชว์ ---------- */
#feedBtn{position:absolute;left:12px;bottom:12px;z-index:3;font-size:18px;padding:6px 12px}
.seg4{grid-template-columns:repeat(4,1fr)}
.seg4 button{font-size:12.5px;padding:9px 2px}
.shophead{grid-column:1/-1;font-weight:700;margin:8px 0 2px}
.item .have{color:var(--muted);font-size:11.5px;margin-top:-2px}
.item .fest{color:#d9534f;font-size:11px;font-weight:600}
.item.roomit img{width:72px;height:96px;object-fit:cover;border-radius:10px}
.slot-shelf{top:24%;right:3%;width:30%}
.slot-shelf>img:first-child{width:100%;display:block}
.slot-shelf .onshelf{position:absolute;width:24%;bottom:29%}
.slot-shelf .onshelf.s0{left:12%}
.slot-shelf .onshelf.s1{left:38%}
.slot-shelf .onshelf.s2{left:64%}
.souvgrid .onshelf{outline:2px solid var(--pink);outline-offset:-2px}
.souvgrid .onshelf span:after{content:' 📌'}

/* ---------- แชร์อวดแมว ---------- */
.sharebar{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}
.sharebar button{padding:10px 2px;border-radius:12px;font-size:12.5px;font-weight:700;color:#fff}
.sh-line{background:#06c755}.sh-fb{background:#1877f2}.sh-x{background:#111}.sh-copy,.sh-save{background:#fff;color:var(--ink)!important;box-shadow:0 1px 4px rgba(0,0,0,.1)}
.brag{margin-bottom:8px;background:linear-gradient(90deg,#8fc3ea,#b59cf0)}

/* ---------- ปลาทองคำ / จ่ายเงิน ---------- */
.seg5{grid-template-columns:repeat(5,1fr)}
.seg5 button{font-size:11.5px;padding:9px 1px}
.goldbar{grid-column:1/-1;background:linear-gradient(90deg,#fff3c4,#ffe08a);border-radius:14px;padding:10px 14px;font-size:15px}
.item .big2{font-size:40px;line-height:72px;height:72px}
.item button.gold{background:linear-gradient(90deg,#ffd34d,#f0a92a);color:#5a3e2b}
.plusit{grid-column:span 2;background:linear-gradient(135deg,#fff6d6,#fff)}
.paybox{background:#fff;border-radius:18px;padding:16px;text-align:center;box-shadow:var(--shadow);margin:6px 0 10px}
.payamt{font-size:30px;font-weight:700;color:#0a4d8c}
.qr{display:flex;justify-content:center;margin:10px auto}
.qr img,.qr canvas{border:8px solid #fff;border-radius:8px}
.payto{color:var(--muted);font-size:14px;line-height:1.5}
.upslip{display:block;text-align:center;cursor:pointer}
.refcode{margin:6px auto 4px;width:max-content;padding:10px 22px;border-radius:14px;background:#fff;border:2px dashed #e2849a;font-size:30px;font-weight:800;letter-spacing:5px;color:var(--ink,#5a3e2b)}
a.buy.storebtn{display:inline-block;white-space:nowrap;margin:4px 6px 4px 0;padding:10px 16px;border-radius:12px;background:linear-gradient(90deg,var(--peach),var(--pink));color:#fff;font-weight:700;text-decoration:none}
/* ปุ่มเปิด/ปิดเพลงพื้นหลัง ข้างเหรียญมุมขวาบน */
#musicBtn{margin-left:auto;margin-right:8px;padding:6px 10px;font-size:15px;line-height:1}
/* กลางคืน (18:00–5:59) หรือห้องมืด: ของแต่งหรี่ลงนิดให้เข้ากับแสงห้อง · แมวหรี่น้อยกว่าให้ยังเด่น */
#scene.night #decor img{filter:brightness(.92) saturate(.95)}
#scene.night #catBody{filter:drop-shadow(0 8px 6px rgba(20,10,40,.25))}
/* แมวนั่งในเบาะ (11 ต.ค.): เบาะใบเต็มอยู่หลังแมว (#decor) + ขอบหน้าเบาะ #bedFront ทับตัวแมว · ยกแมวขึ้นให้เท้าอยู่ราวกลางเบาะ
   (ความสูงเบาะ = 60% ของความกว้างฉาก × 259/384 ≈ 40cqw → กลางเบาะ ≈ 2cqh + 16cqw จากขอบล่าง) */
#scene{container-type:size}
#scene.onbed #catWrap{bottom:calc(2cqh + 18cqw)}
#bedFront{z-index:3;pointer-events:none;clip-path:inset(54% 0 0 0)}
#scene.night #bedFront{filter:brightness(.92) saturate(.95) drop-shadow(0 4px 4px rgba(90,60,30,.15))}

/* ป้ายชวนโหลดแอป (เว็บเท่านั้น · 13 ต.ค.) */
#getApp{display:flex;align-items:center;gap:6px;margin:0 0 12px;padding:4px 4px 4px 0;border-radius:16px;background:linear-gradient(90deg,#ffe2c2,#ead6f5);box-shadow:0 2px 8px rgba(122,62,140,.15)}
#getApp.hide{display:none}
#getAppGo{flex:1;border:0;background:none;padding:10px 12px;text-align:left;font:inherit;font-weight:600;color:#7a3e8c;cursor:pointer}
#getAppGo b{margin-left:4px;padding:3px 10px;border-radius:10px;background:linear-gradient(90deg,var(--peach),var(--pink));color:#fff;white-space:nowrap}
#getAppX{border:0;background:rgba(255,255,255,.6);width:32px;height:32px;border-radius:50%;font-size:18px;color:#7a3e8c;cursor:pointer}