/*
 * Animal card v6.1
 * The frame asset is 960x620. At the H5 design width this becomes 364x235px.
 * Content is placed inside the frame's baked-in zones; no duplicate frames.
 */
.game-screen .animal-inspect-overlay{align-items:center!important;padding:78px 8px 132px!important}
.game-screen .animal-inspect-card{position:relative!important;width:364px!important;max-width:364px!important;height:286px!important;max-height:286px!important;overflow:visible!important}
.game-screen .ac6-card{
  --health:#67c72e;
  --satiety:#efb62d;
  position:relative;
  width:364px;
  height:286px;
  min-height:0;
  display:grid;
  grid-template-columns:44.3% 55.7%;
  grid-template-rows:235px 46px;
  row-gap:5px;
  padding:0;
  box-sizing:border-box;
  overflow:visible;
  color:#3b291b;
  background:transparent url("assets/ui/animal-action-card/animal-action-card-ui-v3/ui/svg/animal-action-card-frame.svg?v=6") center top/364px 235px no-repeat;
  filter:drop-shadow(0 9px 8px #21140966);
  font-family:"Noto Sans SC",Inter,system-ui,sans-serif;
}
.game-screen .ac6-card *{box-sizing:border-box}

/* SVG zones: portrait x=53..403, y=72..442; warning y=459..542. */
.game-screen .ac6-portrait{
  grid-column:1;
  grid-row:1;
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:140px 31px;
  gap:7px;
  margin:27px 8px 0 20px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  overflow:visible;
}
.game-screen .ac6-portrait>img{
  display:block;
  width:100%!important;
  height:140px!important;
  min-width:0;
  min-height:0;
  object-fit:contain;
  object-position:center 72%;
  border:0!important;
  background:transparent!important;
  filter:drop-shadow(0 5px 4px #56391c35);
}
.game-screen .ac6-warning{
  width:100%;
  height:31px;
  min-height:31px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:2px 5px;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:transparent;
  color:#d6533d;
  font-size:8px;
  font-weight:850;
  line-height:1.2;
  text-align:center;
  word-break:break-word;
}
.game-screen .ac6-card:not([data-trial="true"]) .ac6-warning{color:#4b9431}

/* Right zone starts after the baked divider at x=431. */
.game-screen .ac6-info{
  grid-column:2;
  grid-row:1;
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:15px 29px 18px 12px;
  overflow:hidden;
}
.game-screen .ac6-header{
  flex:0 0 27px;
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  padding:1px 2px 2px;
  overflow:hidden;
}
.game-screen .ac6-name{flex:1 1 auto;min-width:0;margin:0;overflow:hidden;color:#3b291b;font-size:16px;font-weight:900;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.game-screen .ac6-badge,.game-screen .ac6-header #selectedAnimalTag{flex:none;padding:2px 8px;border:1.5px solid #50277a;border-radius:10px;background:linear-gradient(135deg,#c970ff,#7034b4);color:#fff;font-size:9px;font-weight:900;line-height:1.1;white-space:nowrap}
.game-screen .ac6-card:not([data-trial="true"]) .ac6-badge,.game-screen .ac6-card:not([data-trial="true"]) .ac6-header #selectedAnimalTag{border-color:#754117;background:linear-gradient(135deg,#ffd05b,#bf721e)}

.game-screen .ac6-weight{flex:0 0 auto;min-height:88px;min-width:0;padding:7px 9px 6px;border:2.5px solid #83531d;border-radius:14px;background:linear-gradient(145deg,#fff2a2 0%,#f6c457 62%,#df9a32 100%);box-shadow:inset 0 2px #fffbd0,0 2px 2px #80511c2e;overflow:visible}
.game-screen .ac6-weight__summary{min-height:25px;min-width:0;display:flex;align-items:center;gap:4px;flex-wrap:nowrap;overflow:visible}
.game-screen .ac6-weight__summary>img{flex:none;width:18px!important;height:18px!important}
.game-screen .ac6-weight__summary>span{flex:none;font-size:11px;font-weight:900;white-space:nowrap}
.game-screen .ac6-stage{flex:none;padding:2px 5px;border:1px solid #7c4b1b;border-radius:8px;background:#fff5c8;color:#855018;font-size:8px;font-weight:900;line-height:1;white-space:nowrap}
.game-screen .ac6-card[data-weight-stage="juvenile"] .ac6-stage{border-color:#6e942e;background:#dff3a8;color:#4c7620}
.game-screen .ac6-card[data-weight-stage="adult"] .ac6-stage{border-color:#a46219;background:#ffe074;color:#8c4c0b}
.game-screen .ac6-weight__summary>strong{flex:0 0 auto;margin-left:auto;overflow:visible;font-size:13px;font-weight:950;line-height:1.1;text-align:right;text-overflow:clip;white-space:nowrap;max-width:none}
.game-screen .ac6-progress{padding-top:6px}
.game-screen .ac6-progress__track{position:relative;height:11px;border:1.5px solid #664319;border-radius:7px;background:#5a4932;box-shadow:inset 0 1px 2px #2c1d10aa}
.game-screen .ac6-progress__track>i{display:block;width:0;height:100%;border-radius:6px;background:linear-gradient(90deg,#7fce38,#e7c735,#f19b2b);box-shadow:inset 0 2px #efffa788;transition:width .25s ease}
.game-screen .ac6-progress__track>em{position:absolute;z-index:2;top:-3px;width:4px;height:15px;margin-left:-2px;border:1px solid #795124;border-radius:3px;background:#fff7cf;box-shadow:0 1px 2px #38220d88;transition:left .25s ease}
.game-screen .ac6-progress__track>em>span{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:1px 4px;border:1px solid #7b4a18;border-radius:6px;background:#fff4bd;color:#623812;font-size:7px;font-style:normal;font-weight:900;line-height:9px;white-space:nowrap}
.game-screen .ac6-progress__labels{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:6px;padding-top:3px;color:#744717;font-size:8px;font-weight:900;line-height:1.25}
.game-screen .ac6-progress__labels small{flex:1 1 auto;min-width:0;overflow:visible;font:inherit;text-overflow:clip;white-space:normal;word-break:keep-all}
.game-screen .ac6-progress__labels b{flex:0 0 auto;color:#954c14;white-space:nowrap}

.game-screen .ac6-stats{flex:1 1 auto;min-width:0;min-height:0;display:grid;grid-template-rows:1fr 1fr}
.game-screen .ac6-stat{min-width:0;min-height:0;display:flex;align-items:center;padding:4px 3px;border-top:1.5px solid #d2ae70}
.game-screen .ac6-stat__head{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:20px 32px 1fr;align-items:center;gap:3px}
.game-screen .ac6-stat__head img{width:20px!important;height:20px!important}
.game-screen .ac6-stat__head span{font-size:11px;font-weight:900;white-space:nowrap}
.game-screen .ac6-stat__head b{font-size:12px;font-weight:900;text-align:right;white-space:nowrap}
.game-screen .ac6-stat__status,
.game-screen .ac6-stat__bar{display:none!important}

/* Buttons are outside the 235px frame and own their row. */
.game-screen .ac6-actions{grid-column:1/-1;grid-row:2;min-width:0;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 52px}
.game-screen .ac6-action{min-width:0;height:46px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 8px;border:0;background:transparent url("assets/ui/animal-action-card/animal-action-card-ui-v3/ui/svg/button-feed.svg") center/100% 100% no-repeat;color:#fff8d7;font-size:15px;font-weight:900;text-shadow:0 2px 2px #2b1c0d}
.game-screen .ac6-action--heal{background-image:url("assets/ui/animal-action-card/animal-action-card-ui-v3/ui/svg/button-medicine.svg")}
.game-screen .ac6-action>img{width:22px!important;height:22px!important}
.game-screen .ac6-action:disabled{filter:grayscale(.85);opacity:.58}

@media(prefers-reduced-motion:reduce){.game-screen .ac6-progress__track>i,.game-screen .ac6-progress__track>em{transition:none}}

/* weight area: never truncate user-facing numbers/copy */
.game-screen .ac6-weight__summary>#weightText,
.game-screen #weightText{
  flex:0 0 auto!important;
  min-width:auto!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  font-size:13px!important;
}
.game-screen .ac6-progress__labels>#weightHintText,
.game-screen #weightHintText{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  word-break:keep-all!important;
}
.game-screen .ac6-progress__labels>#weightAdultText,
.game-screen #weightAdultText{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}