:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{margin:0}
[hidden]{display:none!important}
img{max-width:100%}

/* Layout: one narrow phone column — the pet's room on top with need meters, care row, tricks, today's tasks, bedtime story; parent panel in a sheet. */
:root{
  --bg:#eef2f6; --surface:#ffffff; --surface-2:#f4f6f9; --line:#dbe2ea;
  --ink:#1c2938; --muted:#5a6878;
  --primary:#25566e; --on-primary:#ffffff;
  --lamp:#e39a2f; --lamp-soft:#fbe9cc; --water:#4f9fcf; --heart:#e5566f; --ok:#4c9c6a;
  --wall:#dce8f1; --floor:#e3c9a4; --floor-line:#cfb08a; --rug:#cdbbea; --frame:#ffffff;
  --sky-day:#9fd0ef; --sky-night:#1d2c4a; --potty:#7cc4c9; --potty-d:#4e9aa0;
  --cat:#f2a65a; --cat-d:#c97a35; --dog:#dcb791; --dog-d:#9a6c48; --dino:#8fcf7a; --dino-d:#559c45;
  --chip:#c98a55; --chip-d:#6f4426; --racc:#adb2bd; --racc-d:#454953;
  --pet-ink:#2a2338; --cheek:#f28ca2; --belly:#fff7ee; --poop:#8a5a37;
  /* room */
  --room-trim: #c6ad91; --room-frame: #fff9ee; --room-window-shadow: #b8c9d5; --room-sky-day: #a9d8f2; --room-sky-night: #263858; --room-sun: #f7c96b; --room-moon: #fff0bd; --room-star: #fff9d8; --room-window-land: #9bc69b; --room-curtain: #d6b9d9; --room-picture-bg: #d8eaf0; --room-hill: #91bda0; --room-hill-dark: #6f9f83; --room-shelf: #b78b68; --room-shelf-shadow: #9a7257; --room-book-one: #e7a18f; --room-book-two: #92b9b0; --room-book-three: #e9c36e; --room-book-four: #a9a0d2; --room-book-line: #fff4df; --room-lamp: #f4c86d; --room-garland: #f4c86d; --room-garland-alt: #e9a6a1; --room-bed: #c5a9d8; --room-bed-inner: #f0dff0; --room-bed-detail: #a98abb; --room-bed-shadow: #bba9a0; --room-plant-stem: #668f66; --room-leaf: #8dbd83; --room-leaf-dark: #6d9f72; --room-pot: #d99a83; --room-pot-rim: #bd7968; --room-toy: #e8b66f; --room-toy-detail: #b77d56; --room-toy-alt: #91b9cf; --room-potty-inner: #f8eee1; --room-potty-detail: #fff4e8;
  --font-display:ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Nunito", system-ui, sans-serif;
  --font-body:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --r:18px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --room-trim: #6e7181; --room-frame: #48566b; --room-window-shadow: #202d40; --room-sky-day: #476d91; --room-sky-night: #101c35; --room-sun: #f3c875; --room-moon: #f8e6b0; --room-star: #fff1c9; --room-window-land: #526f69; --room-curtain: #685878; --room-picture-bg: #354e64; --room-hill: #557d70; --room-hill-dark: #3e6558; --room-shelf: #765b4e; --room-shelf-shadow: #51443e; --room-book-one: #a96e70; --room-book-two: #668d83; --room-book-three: #b69a5e; --room-book-four: #8177a7; --room-book-line: #e6d8bd; --room-lamp: #eac276; --room-garland: #eac276; --room-garland-alt: #c78383; --room-bed: #74658f; --room-bed-inner: #9a88aa; --room-bed-detail: #c1a5d0; --room-bed-shadow: #252d3b; --room-plant-stem: #66866b; --room-leaf: #80a77b; --room-leaf-dark: #557e66; --room-pot: #a96f64; --room-pot-rim: #80534f; --room-toy: #b68b55; --room-toy-detail: #76543d; --room-toy-alt: #668ca5; --room-potty-inner: #d5d0c7; --room-potty-detail: #e9dfd1;
  --bg:#0f1922; --surface:#172532; --surface-2:#1e2f3e; --line:#2a3d4f;
  --ink:#edf2f6; --muted:#9db0c1;
  --primary:#7cc0d6; --on-primary:#0c1a26;
  --lamp:#f3b654; --lamp-soft:#3d3220; --water:#6cb8e4; --heart:#ef6f86; --ok:#6cc08b;
  --wall:#1d2c3c; --floor:#3a2f26; --floor-line:#4a3c30; --rug:#3e3566; --frame:#2c3f54;
  --sky-day:#3a6f95; --sky-night:#0b1426; --potty:#4f9aa0; --potty-d:#357479;
  --belly:#f3e9dc;
  color-scheme:dark;}}
:root[data-theme="dark"]{
  --room-trim: #6e7181; --room-frame: #48566b; --room-window-shadow: #202d40; --room-sky-day: #476d91; --room-sky-night: #101c35; --room-sun: #f3c875; --room-moon: #f8e6b0; --room-star: #fff1c9; --room-window-land: #526f69; --room-curtain: #685878; --room-picture-bg: #354e64; --room-hill: #557d70; --room-hill-dark: #3e6558; --room-shelf: #765b4e; --room-shelf-shadow: #51443e; --room-book-one: #a96e70; --room-book-two: #668d83; --room-book-three: #b69a5e; --room-book-four: #8177a7; --room-book-line: #e6d8bd; --room-lamp: #eac276; --room-garland: #eac276; --room-garland-alt: #c78383; --room-bed: #74658f; --room-bed-inner: #9a88aa; --room-bed-detail: #c1a5d0; --room-bed-shadow: #252d3b; --room-plant-stem: #66866b; --room-leaf: #80a77b; --room-leaf-dark: #557e66; --room-pot: #a96f64; --room-pot-rim: #80534f; --room-toy: #b68b55; --room-toy-detail: #76543d; --room-toy-alt: #668ca5; --room-potty-inner: #d5d0c7; --room-potty-detail: #e9dfd1;
  --bg:#0f1922; --surface:#172532; --surface-2:#1e2f3e; --line:#2a3d4f;
  --ink:#edf2f6; --muted:#9db0c1;
  --primary:#7cc0d6; --on-primary:#0c1a26;
  --lamp:#f3b654; --lamp-soft:#3d3220; --water:#6cb8e4; --heart:#ef6f86; --ok:#6cc08b;
  --wall:#1d2c3c; --floor:#3a2f26; --floor-line:#4a3c30; --rug:#3e3566; --frame:#2c3f54;
  --sky-day:#3a6f95; --sky-night:#0b1426; --potty:#4f9aa0; --potty-d:#357479;
  --belly:#f3e9dc;
  color-scheme:dark;}

body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;
  padding-left:max(16px, env(safe-area-inset-left, 0px));padding-right:max(16px, env(safe-area-inset-right, 0px));padding-block:12px 40px}
.app{max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
h1,h2,h3{font-family:var(--font-display);margin:0;text-wrap:balance;line-height:1.2}
button{font:inherit;color:inherit;cursor:pointer}
button:focus-visible,input:focus-visible{outline:3px solid var(--lamp);outline-offset:2px}

.top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:8px;margin-right:auto}
.brand h1{font-size:22px;font-weight:700}
.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-weight:800;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.chip svg{width:16px;height:16px}
.icon-btn{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700}

/* room */
.stage{position:relative;border-radius:24px;overflow:hidden;background:var(--wall);aspect-ratio:1/0.95;max-width:100%}
.room{position:absolute;inset:0;width:100%;height:100%}
.pet-wrap{position:absolute;left:50%;bottom:7%;width:52%;transform:translateX(-50%)}
.pet-wrap svg{width:100%;height:auto;display:block;overflow:visible}
#petHolder{transform-origin:50% 100%}
.bob{animation:bob 3.2s ease-in-out infinite}
.a-jump{animation:jump .7s ease-out}
.a-wiggle{animation:wiggle .6s ease-in-out}
.a-sit{animation:sit 1s ease-in-out}
.a-dance{animation:dance 1.2s ease-in-out}
.a-spin{animation:spin .9s ease-in-out}
.a-potty{animation:potty 1.8s ease-in-out}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes jump{40%{transform:translateY(-34px) scale(1.04,.96)}70%{transform:translateY(0) scale(1.06,.94)}100%{transform:none}}
@keyframes wiggle{25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}
@keyframes sit{30%,70%{transform:scale(1.08,.84)}}
@keyframes dance{20%{transform:rotate(-10deg) translateX(-8px)}40%{transform:rotate(10deg) translateX(8px)}60%{transform:rotate(-10deg) translateX(-8px)}80%{transform:rotate(10deg) translateX(8px)}}
@keyframes spin{50%{transform:translateY(-30px) rotate(180deg)}100%{transform:rotate(360deg)}}
@keyframes potty{35%,65%{transform:translateX(-62%) scale(.9)}}
.bubble{position:absolute;left:62%;bottom:56%;background:var(--surface);border-radius:16px;padding:6px;box-shadow:0 4px 14px rgb(0 0 0 / .14);display:grid;place-items:center;animation:pop .3s ease-out}
.bubble::after{content:"";position:absolute;left:10px;bottom:-7px;border:8px solid transparent;border-top-color:var(--surface);border-bottom:0}
.bubble svg{width:28px;height:28px}
@keyframes pop{from{transform:scale(.4);opacity:0}}
.poop{position:absolute;left:18%;bottom:9%;width:13%;border:none;background:none;padding:0}
.poop svg{width:100%;height:auto;display:block}
.suds{position:absolute;inset:0;pointer-events:none}
.suds circle{animation:rise 1.6s ease-out forwards}
@keyframes rise{from{transform:translateY(0);opacity:.95}to{transform:translateY(-120px);opacity:0}}
.toast{position:absolute;left:50%;top:14px;transform:translateX(-50%);background:var(--surface);color:var(--ink);padding:8px 14px;border-radius:999px;font-weight:800;font-size:14px;box-shadow:0 6px 20px rgb(0 0 0 / .15);white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .25s, transform .25s;z-index:3}
.toast.show{opacity:1;transform:translate(-50%,4px)}
.namebadge{position:absolute;left:12px;top:12px;background:var(--surface);border-radius:12px;padding:5px 10px;font-size:13px;font-weight:800}
.sleep-banner{position:absolute;left:12px;right:12px;bottom:12px;background:var(--surface);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;font-size:14px;z-index:2}
.sleep-banner strong{font-family:var(--font-display);font-size:16px}

/* needs */
.needs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.need{background:var(--surface);border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:5px;min-width:0}
.need .h{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:800;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.need .h svg{width:16px;height:16px;flex:none}
.meter{height:8px;border-radius:99px;background:var(--line);overflow:hidden}
.meter i{display:block;height:100%;border-radius:99px;transition:width .5s, background .3s}
.need.alert{box-shadow:inset 0 0 0 2px var(--heart)}
.xp{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.bar{flex:1;height:8px;border-radius:99px;background:var(--line);overflow:hidden}
.bar i{display:block;height:100%;background:var(--lamp);border-radius:99px;transition:width .4s}

/* care */
.care{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.care button{border:none;border-radius:16px;background:var(--surface);padding:10px 2px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;font-weight:800;font-size:12px;line-height:1.15;min-width:0}
.care button svg{width:30px;height:30px}
.care button small{font-weight:600;color:var(--muted);font-size:11px}
.care button:disabled{opacity:.45;cursor:not-allowed}

.panel{background:var(--surface);border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:12px}
.panel h2{font-size:19px}
.hint{color:var(--muted);font-size:14px;margin:-6px 0 0}
.tricks{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.trick{border:none;border-radius:14px;background:var(--surface-2);padding:12px;text-align:left;display:flex;flex-direction:column;gap:2px;font-weight:800}
.trick small{font-weight:600;color:var(--muted);font-size:12px}
.trick:disabled{opacity:.55;cursor:not-allowed}
.tasks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.task{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--surface-2);border:none;width:100%;text-align:left;font-weight:700}
.task .box{flex:none;width:28px;height:28px;border-radius:9px;border:2px solid var(--line);display:grid;place-items:center;background:var(--surface)}
.task .box svg{width:18px;height:18px;opacity:0}
.task[aria-pressed="true"] .box{background:var(--lamp);border-color:var(--lamp)}
.task[aria-pressed="true"] .box svg{opacity:1}
.task[aria-pressed="true"] .t{color:var(--muted);text-decoration:line-through;text-decoration-thickness:2px}
.task .t{flex:1;min-width:0}
.task .plus{font-size:12px;font-weight:800;color:var(--lamp);white-space:nowrap}
.task:disabled{opacity:.5;cursor:not-allowed}
.task[data-state="pending"] .box{border-color:var(--lamp);border-style:dashed}
.task .wait{display:block;font-size:12px;font-weight:700;color:var(--lamp)}
.task .box .clock{width:16px;height:16px}
.count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:6px;border-radius:99px;background:var(--lamp);color:#2a1a04;font-size:12px;font-weight:800}
.approve{display:flex;flex-direction:column;gap:8px}
.approve .item{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--surface-2);border-radius:12px;padding:8px 10px}
.approve .item span{flex:1;min-width:8em;font-weight:700}
.approve .item button{border:none;border-radius:10px;padding:8px 12px;font-weight:800;font-size:14px}
.approve .yes{background:var(--ok);color:#fff}
.approve .no{background:var(--surface);color:var(--muted);border:1px solid var(--line)!important}
.approve-box{border:2px solid var(--lamp);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px}

.story{background:linear-gradient(170deg,var(--lamp-soft),var(--surface) 65%)}
.story-text{font-size:18px;line-height:1.7;max-width:65ch;display:flex;flex-direction:column;gap:10px}
.story-text p{margin:0}
.story-text .s{border-radius:6px;transition:background .2s;padding:0 2px}
.story-text .s.now{background:var(--lamp-soft);box-shadow:0 0 0 3px var(--lamp-soft)}
.story-text .ch{font-family:var(--font-display);font-weight:700;color:var(--lamp);font-size:15px;letter-spacing:.04em;text-transform:uppercase}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.btn{border:none;border-radius:14px;padding:12px 18px;font-weight:800;background:var(--primary);color:var(--on-primary)}
.btn.ghost{background:transparent;color:var(--primary);border:2px solid var(--primary)}
.btn.lamp{background:var(--lamp);color:#2a1a04}
.note{font-size:13px;color:var(--muted)}
.foot{text-align:center;font-size:12px;color:var(--muted)}

.sheet-bg{position:fixed;inset:0;background:rgb(10 16 24 / .5);display:flex;align-items:flex-end;justify-content:center;z-index:20}
.sheet{background:var(--surface);width:100%;max-width:500px;max-height:88vh;overflow:auto;border-radius:24px 24px 0 0;padding-block:20px calc(28px + env(safe-area-inset-bottom, 0px));padding-left:max(18px, env(safe-area-inset-left, 0px));padding-right:max(18px, env(safe-area-inset-right, 0px));display:flex;flex-direction:column;gap:16px}
.sheet h2{font-size:20px}
.field{display:flex;flex-direction:column;gap:8px}
.field label,.field .lbl{font-size:13px;font-weight:800;color:var(--muted);letter-spacing:.03em;text-transform:uppercase}
.field input[type=text]{font:inherit;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);min-width:0}
.seg{display:flex;gap:8px;flex-wrap:wrap}
.seg button{border:2px solid var(--line);background:var(--surface-2);border-radius:12px;padding:8px 12px;font-weight:700;font-size:14px}
.seg button[aria-pressed="true"]{border-color:var(--primary);color:var(--primary);background:var(--surface)}
.species{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.species button{border:2px solid var(--line);background:var(--surface-2);border-radius:14px;padding:6px 2px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:800;min-width:0}
.species button svg{width:100%;max-width:56px;height:auto}
.species button[aria-pressed="true"]{border-color:var(--primary);background:var(--surface)}
.gate-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gate-opts button{border:2px solid var(--line);background:var(--surface-2);border-radius:14px;padding:14px;font-size:20px;font-weight:800}
.range-row{display:flex;align-items:center;gap:12px}
.range-row input{flex:1;accent-color:var(--primary)}
.range-row output{font-weight:800;font-variant-numeric:tabular-nums;min-width:4.5em;text-align:right}
.mini-list{display:flex;flex-direction:column;gap:6px;font-size:14px}
.mini-list div{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--surface-2);padding:6px 10px;border-radius:10px}
.mini-list button{border:none;background:none;color:var(--muted);font-weight:800;font-size:16px}
.err{color:var(--heart);font-weight:700;font-size:14px;min-height:1.4em;margin:0}

@media (max-width:380px){.care button{font-size:11px}.need .h span{display:none}}
@media (prefers-reduced-motion: reduce){.bob,.a-jump,.a-wiggle,.a-sit,.a-dance,.a-spin,.a-potty,.suds circle,.bubble{animation:none}.toast{transition:none}}

/* ---------- screens before the app ---------- */
#screen{max-width:460px;margin:0 auto}
.welcome{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding-block:24px}
.hero-pet{width:min(56vw,220px)}
.hero-pet.small{width:min(36vw,140px)}
.hero-pet svg{width:100%;height:auto;display:block;overflow:visible}
.wordmark{font-family:var(--font-display);font-size:44px;font-weight:700;letter-spacing:-.01em;color:var(--primary)}
.welcome h2{font-size:24px}
.lead{margin:0;color:var(--muted);max-width:34ch;font-size:16px}
.lang-mini{justify-content:center}
.lang-mini button{padding:6px 10px;font-size:13px}
.auth-card{width:100%;background:var(--surface);border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:12px;text-align:left}
.auth-card>label{font-size:13px;font-weight:800;color:var(--muted);letter-spacing:.03em;text-transform:uppercase}
.auth-card input[type=email],.auth-card input[type=text]{font:inherit;font-size:17px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);min-width:0}
.auth-card .btn{width:100%;font-size:16px}
.auth-card .btn:disabled{opacity:.6}
.onboard .lang-mini{justify-content:flex-start}
.sync{font-size:12px;color:var(--muted);text-align:center;min-height:1.2em;margin-top:-8px}

/* ---------- pairing ---------- */
.pair-code{font-family:var(--font-display);font-size:40px;font-weight:700;letter-spacing:.12em;text-align:center;color:var(--primary);background:var(--surface-2);border-radius:16px;padding:14px 8px;font-variant-numeric:tabular-nums}
.code-input{text-align:center;font-size:28px!important;letter-spacing:.2em;font-variant-numeric:tabular-nums}
.welcome>.btn.ghost{min-width:min(100%,280px)}

/* ---------- feedback ---------- */
.fb-rate{display:flex;gap:4px}
.fb-rate button{border:none;background:none;font-size:30px;line-height:1;padding:2px 4px;color:var(--line)}
.fb-rate button[aria-pressed="true"]{color:var(--lamp)}
.field textarea{font:inherit;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);min-width:0;resize:vertical}

/* ---------- consent ---------- */
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--ink);text-transform:none;letter-spacing:0;font-weight:600}
.consent input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--primary)}
.consent a,.auth-card .note a,.field .note a{color:var(--primary)}
/* account deletion */
.btn.danger{background:var(--heart);color:#fff}
.btn.ghost.danger{background:transparent;color:var(--heart);border-color:var(--heart)}
#delBox{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.danger-box{display:flex;flex-direction:column;gap:10px;border:2px solid var(--heart);border-radius:16px;padding:12px 14px}
.danger-box p{margin:0}
/* story choices */
.story-text .ch-title{font-family:var(--font-display);font-size:22px;margin:0;text-wrap:balance}
.choice{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:2px dashed var(--lamp);border-radius:18px;padding:14px}
.choice p{margin:0}
.choice-q{font-family:var(--font-display);font-weight:800;color:var(--lamp)}
.choice-ask{font-weight:700}
.choice-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.choice-opts button{border:2px solid var(--primary);background:transparent;color:var(--primary);border-radius:16px;padding:14px 12px;font-weight:800;font-size:16px;line-height:1.3}
.choice-opts button[aria-pressed="true"]{background:var(--primary);color:var(--on-primary)}
.worlds{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.world{display:flex;flex-direction:column;gap:6px;text-align:left;border:2px solid var(--primary);background:var(--surface);color:var(--ink);border-radius:18px;padding:14px;font-size:15px;line-height:1.4}
.world b{font-family:var(--font-display);font-size:18px;color:var(--primary)}
.world small{color:var(--ok);font-weight:700}
/* shop */
button.chip{cursor:pointer;color:var(--ink);font-family:inherit}
.shop-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;border-radius:16px;background:var(--lamp-soft);color:var(--ink);padding:12px;font-weight:800;font-size:16px}
.shop-btn svg{width:22px;height:22px;color:var(--lamp)}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.shop-card{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:var(--bg);border:2px solid transparent;border-radius:18px;padding:10px}
.shop-card.on{border-color:var(--ok)}
.shop-card b{font-size:14px;line-height:1.3}
.shop-card small{color:var(--ok);font-weight:700}
.shop-card .btn{width:100%;padding:9px 8px;font-size:13px;margin-top:auto}
.shop-card .btn:disabled{opacity:.5}
.shop-pic{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--wall);border-radius:12px;overflow:hidden}
.shop-pic svg{width:78%;height:78%}
#sheetTitle .chip{vertical-align:middle;font-size:14px}