/* Familiers (16/10/2026) : fenêtre de nourrissage — liste à gauche (contours d'état), fiche à droite */
#pets-window{box-sizing:border-box;width:min(860px,calc(100vw - 32px));height:min(600px,calc(100dvh - 32px));padding:0;border:1px solid #2b2216;border-radius:16px;background:#efe7cf;color:#2f2a1e;box-shadow:0 22px 60px #000b,inset 0 1px 0 #fff8;overflow:hidden;font:13px/1.4 var(--font-ui,"Nunito Sans",sans-serif)}:where(html[data-theme="nuit"]) #pets-window{border:1px solid #171e2a}
html body #pets-window[open]{display:flex;flex-direction:column}
#pets-window .pt-head{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;background:linear-gradient(180deg,#4a4132,#2b251b);color:#fff6dc;border-bottom:2px solid #e8780c;flex:none}:where(html[data-theme="nuit"]) #pets-window .pt-head{background:linear-gradient(180deg,#2f3a4d,#1a212c)}
#pets-window .pt-logo{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e8780c;font-size:17px;box-shadow:inset 0 -2px 0 #0003}
#pets-window .pt-head h2{margin:0;font:400 19px/1.1 var(--font-display,"Bree Serif",serif);letter-spacing:.01em}
#pets-window .pt-sum{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}
#pets-window .pt-sum i{font:800 11px/1 var(--font-ui,sans-serif);font-style:normal;padding:5px 9px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff2a}
#pets-window .pt-sum .is-hungry{color:#ffb4a6}#pets-window .pt-sum .is-fed{color:#b7f0a0}#pets-window .pt-sum .is-adult{color:#ffe08a}
#pets-window .pt-x{width:30px;height:30px;padding:0!important;min-height:0!important;border-radius:9px!important;border:1px solid #ffffff33!important;background:#ffffff12!important;color:#fff!important;font:700 15px/1 sans-serif!important;cursor:pointer;box-shadow:none!important}
#pets-window .pt-x:hover{background:#b3261e!important}
#pets-window .pt-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,1fr)}
#pets-window .pt-list{overflow:auto;padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;align-content:start;background:radial-gradient(circle at 20% 0,#fff8e6,transparent 60%)}
#pets-window .pt-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 8px 10px!important;border-radius:14px!important;border:1px solid #d6c79f!important;background:linear-gradient(180deg,#fffdf6,#f6edd2)!important;color:#2f2a1e!important;cursor:pointer;text-align:center;box-shadow:0 2px 6px #0000001a!important;transition:transform .12s,box-shadow .12s;min-height:0!important}
#pets-window .pt-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0000002a!important}
#pets-window .pt-card.is-sel{border-color:#e8780c!important;box-shadow:0 0 0 2px #e8780c,0 6px 16px #e8780c33!important}
#pets-window .pt-card b{font:800 12.5px/1.2 var(--font-ui,sans-serif)}#pets-window .pt-card small{font-size:11px;color:#7a6d52}
#pets-window .pt-ring{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff,#efe3c2);border:3px solid #c9bb93;box-shadow:inset 0 -3px 6px #0001}
#pets-window .pt-ring img{width:44px;height:44px;object-fit:contain}
#pets-window .pt-ring.is-big{width:84px;height:84px;flex:none}#pets-window .pt-ring.is-big img{width:60px;height:60px}
#pets-window .is-hungry .pt-ring{border-color:#d9412b;box-shadow:0 0 0 3px #d9412b33,0 0 14px #d9412b55;animation:pt-hungry 1.6s ease-in-out infinite}
#pets-window .is-fed .pt-ring{border-color:#4f9a2c;box-shadow:0 0 0 3px #4f9a2c33}
#pets-window .is-adult .pt-ring{border-color:#d4a017;box-shadow:0 0 0 3px #d4a01733,0 0 12px #ffd35a66}:where(html[data-theme="nuit"]) #pets-window .is-adult .pt-ring{border-color:#4769a5;box-shadow:0 0 0 3px #4769a533,0 0 12px #ffd35a66}
#pets-window .is-none .pt-ring{border-color:#b9b1a0;filter:saturate(.6)}
@keyframes pt-hungry{50%{box-shadow:0 0 0 5px #d9412b22,0 0 20px #d9412b77}}
@media (prefers-reduced-motion:reduce){#pets-window .is-hungry .pt-ring{animation:none}}
#pets-window .pt-badge{margin-top:3px;padding:3px 8px;border-radius:999px;font:800 10.5px/1.2 var(--font-ui,sans-serif);font-style:normal;background:#e6dcc0;color:#5e5640}
#pets-window .is-hungry .pt-badge{background:#d9412b;color:#fff}#pets-window .is-fed .pt-badge{background:#4f9a2c;color:#fff}#pets-window .is-adult .pt-badge{background:#d4a017;color:#3a2a00}:where(html[data-theme="nuit"]) #pets-window .is-adult .pt-badge{background:#4769a5}
#pets-window .pt-detail{overflow:auto;padding:16px 16px 14px;border-left:1px solid #d6c79f;background:#f8f2e0}
#pets-window .pt-hero{display:flex;align-items:center;gap:14px;margin-bottom:12px}
#pets-window .pt-hero h3{margin:0 0 6px;font:400 20px/1.15 var(--font-display,"Bree Serif",serif)}
#pets-window .pt-hero p{display:flex;flex-wrap:wrap;gap:5px;margin:0}
#pets-window .pt-chip{padding:3px 9px;border-radius:999px;background:#fff;border:1px solid #d6c79f;font:800 11px/1.3 var(--font-ui,sans-serif)}
#pets-window .pt-chip.is-hungry{background:#d9412b;border-color:#d9412b;color:#fff}#pets-window .pt-chip.is-fed{background:#4f9a2c;border-color:#4f9a2c;color:#fff}#pets-window .pt-chip.is-adult{background:#d4a017;border-color:#d4a017;color:#3a2a00}:where(html[data-theme="nuit"]) #pets-window .pt-chip.is-adult{background:#4769a5;border-color:#4769a5}
#pets-window .pt-sec{margin:10px 0}
#pets-window .pt-sec h4{margin:0 0 7px;font:800 10.5px/1.2 var(--font-ui,sans-serif);letter-spacing:.07em;text-transform:uppercase;color:#8f4600}
#pets-window .pt-bar{display:grid;grid-template-columns:1fr auto;gap:3px 8px;align-items:center;margin:0 0 7px}
#pets-window .pt-bar span{font-weight:700}#pets-window .pt-bar span i{font-style:normal;margin-right:5px}
#pets-window .pt-bar b{font:800 12px/1 var(--font-ui,sans-serif);font-variant-numeric:tabular-nums}
#pets-window .pt-bar em{grid-column:1/3;height:8px;border-radius:999px;background:#e3d8b8;overflow:hidden;box-shadow:inset 0 1px 2px #0002}
#pets-window .pt-bar em u{display:block;height:100%;border-radius:999px;text-decoration:none;transition:width .4s}
#pets-window .pt-why{margin:8px 0;padding:8px 11px;border-radius:10px;background:#fffaf0;border-left:3px solid #e8780c;font-weight:600}
#pets-window .pt-foods{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
#pets-window .pt-food{display:grid;grid-template-columns:36px 1fr auto auto;align-items:center;gap:8px;padding:6px 8px;border-radius:11px;background:#fff;border:1px solid #e1d4ac}
#pets-window .pt-food img{width:34px;height:34px;object-fit:contain}
#pets-window .pt-food b{display:block;font:800 12.5px/1.2 var(--font-ui,sans-serif)}#pets-window .pt-food small{font-weight:800;font-size:11px}
#pets-window .pt-food em{font:800 12px/1 var(--font-ui,sans-serif);font-style:normal;color:#5e5640}
#pets-window .pt-food.is-none{opacity:.6}#pets-window .pt-food.is-locked{opacity:.45}
#pets-window .pt-feed{padding:6px 12px!important;min-height:0!important;border-radius:9px!important;border:1px solid #b45a05!important;background:linear-gradient(180deg,#f39a3b,#e8780c)!important;color:#fff!important;font:800 12px/1 var(--font-ui,sans-serif)!important;cursor:pointer;box-shadow:0 2px 0 #9a4c05!important}
#pets-window .pt-feed:disabled{background:#d8cfb6!important;border-color:#c4b892!important;color:#857a5e!important;box-shadow:none!important;cursor:not-allowed}
#pets-window .pt-muted{margin:6px 0 0;font-size:11.5px;color:#7a6d52}
#pets-window .pt-note{margin:10px 0 0;padding:8px 11px;border-radius:10px;font-weight:700}
#pets-window .pt-note.is-ok{background:#eaf6df;color:#2f5f17}#pets-window .pt-note.is-error{background:#fbe4df;color:#8e1b12}
#pets-window .pt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:100%;min-height:180px;color:#7a6d52;text-align:center;grid-column:1/-1}
#pets-window .pt-empty span{font-size:38px}
@media (max-width:700px){#pets-window .pt-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}#pets-window .pt-list{max-height:40vh}#pets-window .pt-detail{border-left:0;border-top:1px solid #d6c79f}#pets-window .pt-sum{display:none}}
/* bouton d'accès dans le sac */
.bag-pets-open{display:inline-flex!important;align-items:center;gap:5px;padding:4px 10px!important;min-height:0!important;border-radius:999px!important;border:1px solid #c9a35a!important;background:#fff8e6!important;color:#3b3326!important;font:800 11.5px/1.2 var(--font-ui,sans-serif)!important;cursor:pointer;box-shadow:none!important}
.bag-pets-open.is-hungry{border-color:#d9412b!important;color:#8e1b12!important;box-shadow:0 0 0 2px #d9412b33!important}