/* The wallet is deliberately visible only inside the food shop. */
#pet-shop-btn .pet-fishbone-icon{width:23px;height:23px;stroke-width:1.25}
.pet-shop-dialog{--pet-card:color-mix(in srgb,var(--paper) 86%,#f1e9d7);--pet-shelf:color-mix(in srgb,var(--green) 12%,var(--paper));width:min(390px,calc(100vw - 28px));max-height:calc(100vh - 30px);max-height:calc(100dvh - 30px);padding:20px 20px 14px;border-radius:25px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.pet-shop-dialog .teacher-dialog-heading{padding-bottom:14px;border-bottom:1px solid var(--line);gap:12px}
.pet-shop-dialog .teacher-dialog-heading h2{font-size:19px;font-weight:800;letter-spacing:-.3px}
#pet-shop-close{width:34px;height:34px;flex-shrink:0;background:var(--cream);border:1px solid var(--line);border-radius:12px}
#pet-shop-close .icon{width:17px;height:17px}
.pet-wallet{display:flex;align-items:center;gap:7px;width:fit-content;max-width:100%;margin:12px auto 0 0;margin-inline-start:0;margin-inline-end:auto;padding:5px 9px;border:1px solid var(--line);border-radius:11px;background:var(--cream);color:var(--ink)}
.pet-wallet-label{font-size:10px;font-weight:600;color:var(--muted)}
.pet-wallet strong{display:flex;align-items:center;gap:4px;font-size:15px;line-height:1.4;font-weight:700;direction:ltr;font-variant-numeric:tabular-nums}
.pet-wallet strong>.pet-coin{width:22px;height:22px}
.pet-wallet strong>span{font:650 9px/1.5 Cairo,Tahoma,sans-serif;letter-spacing:.3px;align-self:center;color:var(--purple)}
.pet-shop-dialog .pet-coin{flex-shrink:0;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}
.pet-shop-dialog .pet-shop-note{font-size:10px;text-align:center;color:var(--muted);margin:8px 0 14px;line-height:1.9}
.pet-food-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pet-fixture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.pet-fixture-choice.is-owned{opacity:1;border-color:color-mix(in srgb,var(--green) 35%,var(--line));background:var(--cream)}
.pet-fixture-choice.is-owned .pet-food-price{color:var(--muted);background:none}
.pet-fixture-choice.is-owned .pet-coin{display:none}
.pet-food-choice{position:relative;display:grid;justify-items:center;grid-template-rows:65px auto auto;align-content:center;gap:4px;min-width:0;min-height:139px;padding:10px 10px 11px;background:var(--pet-card);border:1px solid var(--line);border-radius:18px;transition:transform 160ms cubic-bezier(.22,1,.36,1),background-color 200ms,border-color 200ms,box-shadow 200ms}
.pet-food-choice:enabled:hover{border-color:color-mix(in srgb,var(--green) 55%,var(--line));background:color-mix(in srgb,var(--sage) 50%,var(--paper));box-shadow:0 3px 0 color-mix(in srgb,var(--green) 9%,transparent)}
.pet-food-choice:enabled:active{transform:translateY(2px) scale(.975);box-shadow:none}
.pet-food-picture{position:relative;isolation:isolate;width:88px;height:65px;display:flex;justify-content:center;align-items:center;pointer-events:none}
.pet-food-picture:before,.pet-food-picture:after{content:"";position:absolute;z-index:-1;background:var(--pet-shelf);height:4px;bottom:5px;border-radius:1px}
.pet-food-picture:before{width:60px;bottom:9px}.pet-food-picture:after{width:70px}
.pet-food-picture img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;transition:transform 220ms cubic-bezier(.22,1,.36,1)}
.pet-food-choice:enabled:hover .pet-food-picture img{transform:translateY(-3px) rotate(-4deg)}
.pet-food-name{font-size:12px;font-weight:750;line-height:1.6;white-space:nowrap}
.pet-food-price{display:flex;align-items:center;gap:3px;min-height:25px;font-size:10px;color:var(--forest-dark);border-radius:8px;padding:1px 8px 1px 5px;background:color-mix(in srgb,var(--green) 9%,var(--paper));font-weight:750;line-height:1.8;direction:ltr}
.pet-food-price>.pet-coin{width:20px;height:20px}
.pet-food-choice:disabled{opacity:.65}
.pet-shop-dialog .pet-shop-status{margin:13px 0 0;padding:10px 2px 0;border-top:1px solid var(--line);min-height:31px;font-size:10px;line-height:1.9;color:var(--muted);text-align:center}
.pet-shop-life{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3px 0 4px;gap:11px}
.pet-shop-life>img{width:82px;height:82px;object-fit:contain;image-rendering:pixelated}
.pet-shop-life p{font-size:12px;color:var(--muted);line-height:1.9}
#pet-revive{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border:1px solid color-mix(in srgb,var(--purple) 35%,var(--line));background:color-mix(in srgb,var(--purple) 10%,var(--paper));border-radius:13px;color:var(--purple);font-size:12px;font-weight:750}
.pet-revive-price{display:flex;align-items:center;gap:5px;direction:ltr}
#pet-revive .pet-coin{width:22px;height:22px}
#pet-revive bdi{font-size:11px}
[data-theme="dark"] .pet-shop-dialog{--pet-card:color-mix(in srgb,var(--paper) 94%,#c1a983);--pet-shelf:#5e6151}
[data-theme="dark"] .pet-wallet strong>span,[data-theme="dark"] #pet-revive{color:#ccb7ee}
[data-theme="dark"] .pet-food-price{color:#b5dfc7;background:color-mix(in srgb,var(--green) 21%,var(--paper))}
@media(max-width:340px){.pet-shop-dialog{padding-inline:15px}.pet-food-grid{gap:8px}.pet-food-choice{padding-inline:6px}.pet-food-name{font-size:11px}}
@media(max-height:580px){.pet-shop-dialog{padding:14px 16px 10px;border-radius:21px}.pet-shop-dialog .teacher-dialog-heading{padding-bottom:9px}.pet-shop-dialog .teacher-dialog-heading h2{font-size:17px}.pet-wallet{margin-top:9px}.pet-shop-dialog .pet-shop-note{margin:6px 0 10px}.pet-food-choice{min-height:112px;padding:5px 8px 7px;grid-template-rows:49px auto auto;gap:2px}.pet-food-picture{height:49px}.pet-food-picture img{width:49px;height:49px}.pet-food-picture:before{width:47px;bottom:7px}.pet-food-picture:after{width:57px;bottom:3px}.pet-food-price{min-height:23px}.pet-food-name{font-size:11px}.pet-shop-dialog .pet-shop-status{margin-top:10px;padding-top:7px;min-height:25px}}
@media(prefers-reduced-motion:reduce){.pet-food-choice,.pet-food-picture img{transition:none}.pet-food-choice:enabled:hover .pet-food-picture img{transform:none}}

/* Permanent toys sit in a compact shelf, separate from meals and care tools. */
.pet-toy-section{margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}
.pet-toy-section h3{margin:0 1px 9px;font-size:11px;font-weight:700;color:var(--muted)}
.pet-toy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pet-toy-choice{min-height:116px;padding:7px 8px 9px;grid-template-rows:49px auto auto;gap:3px}
.pet-toy-choice .pet-food-picture{height:49px}
.pet-toy-choice .pet-food-picture img{width:52px;height:52px}
.pet-toy-choice.is-owned{opacity:1;border-color:color-mix(in srgb,var(--green) 35%,var(--line));background:var(--cream)}
.pet-toy-choice.is-owned .pet-food-price{color:var(--muted);background:none}
.pet-toy-choice.is-owned .pet-coin{display:none}
@media(max-width:340px){.pet-toy-grid{gap:8px}}

/* One compact shelf for meals, care and play. */
.pet-shop-dialog{width:min(420px,calc(100vw - 26px));padding:16px}
.pet-wallet{margin:9px 0 0 auto;direction:ltr;padding:3px 7px;gap:4px}
.pet-wallet strong{font-size:14px}.pet-wallet strong>.pet-coin{width:21px;height:21px}
.pet-food-grid,.pet-fixture-grid,.pet-toy-grid{gap:8px}.pet-fixture-grid{border:0;padding-top:0;margin-top:8px}
.pet-toy-section{border:0;padding-top:0;margin-top:8px}.pet-toy-section h3{display:none}
.pet-food-choice,.pet-toy-choice{min-height:105px;padding:6px;grid-template-rows:44px auto auto;gap:2px;border-radius:14px}
.pet-food-picture,.pet-toy-choice .pet-food-picture{height:44px}.pet-food-picture img,.pet-toy-choice .pet-food-picture img{width:47px;height:44px}
.pet-food-name{font-size:11px}.pet-food-price{font-size:10px;min-height:22px}.pet-food-price>.pet-coin{width:17px;height:17px}
.pet-fixture-choice.is-owned .pet-food-price,.pet-toy-choice.is-owned .pet-food-price{color:var(--forest);background:var(--pet-shelf);padding-inline:12px}
.pet-shop-note{margin-block:6px 10px!important}.pet-shop-status[hidden]{display:none}

.pet-wallet{margin-left:0!important;margin-right:auto!important}

/* The companion and its own food stay available when the cat is asleep or gone. */
.pet-turtle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.pet-turtle-choice .pet-food-picture img{width:70px;height:44px;object-fit:contain}
.pet-turtle-choice.is-owned{opacity:1;border-color:color-mix(in srgb,var(--green) 35%,var(--line));background:var(--cream)}
.pet-turtle-choice.is-owned .pet-coin{display:none}
.pet-turtle-choice.is-owned .pet-food-price{color:var(--forest);background:var(--pet-shelf);padding-inline:12px}