/* Survival uses its own inner scroller so resize grips never scroll away. */
#vitals.survival-resizable,
.compact-ui[data-compact-panel=survival] #vitals.survival-resizable {
  box-sizing:border-box;
  max-width:var(--survival-panel-max-width,calc(100% - 24px));
  max-height:var(--survival-panel-max-height,80vh);
  padding-right:14px;
  padding-bottom:14px;
  overflow:hidden;
}
#vitals.survival-resizable[data-resized-width],
.compact-ui[data-compact-panel=survival] #vitals.survival-resizable[data-resized-width] {
  width:var(--survival-panel-width);
}
#vitals.survival-resizable[data-resized-height],
.compact-ui[data-compact-panel=survival] #vitals.survival-resizable[data-resized-height] {
  height:var(--survival-panel-height);
}
#vitals.survival-resizable>.vitals-resize-content {
  min-width:0;
  max-height:calc(var(--survival-panel-max-height,80vh) - var(--survival-panel-inset,27px));
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:var(--game-border,#8e7045) transparent;
  container:survival-content / inline-size;
}
#vitals.survival-resizable[data-resized-height]>.vitals-resize-content { height:100%; }
#vitals.survival-resizable .vitals-tabs {
  position:sticky;
  top:0;
  z-index:1;
  margin-top:0;
  margin-inline:0;
  background:var(--game-panel,#29231b);
}
#vitals.survival-resizable :is(.vital label,.need-row label) { gap:5px;flex-wrap:wrap; }
#vitals.survival-resizable .needs-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
#vitals.survival-resizable :is(#movement-status,#environment-note,#needs-note,.medical-help) { overflow-wrap:anywhere; }
#vitals.survival-resizable .survival-resize-handle {
  position:absolute;
  touch-action:none;
  user-select:none;
  z-index:3;
  background:transparent;
  color:var(--game-gold,#dfb87b);
}
#vitals.survival-resizable .survival-resize-width {
  right:0;top:0;bottom:14px;width:12px;cursor:ew-resize;
  background:linear-gradient(90deg,transparent,#dfb87b16);
}
#vitals.survival-resizable .survival-resize-height {
  bottom:0;left:0;right:14px;height:12px;cursor:ns-resize;
  background:linear-gradient(0deg,#dfb87b16,transparent);
}
#vitals.survival-resizable .survival-resize-corner {
  bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize;
  background:repeating-linear-gradient(135deg,transparent 0 3px,#dfb87b99 3px 4px,transparent 4px 7px);
  clip-path:polygon(100% 0,100% 100%,0 100%);
}
#vitals.survival-resizable .survival-resize-handle:hover,
#vitals.survival-resizable .survival-resize-handle:focus-visible { background-color:#dfb87b28; }
#vitals.survival-resizable .survival-resize-handle:focus-visible { outline:2px solid var(--game-gold,#dfb87b);outline-offset:-3px; }
#vitals.survival-resizing { user-select:none; }
@container survival-content (min-width:260px) {
  #vitals.survival-resizable .needs-grid { grid-template-columns:repeat(auto-fit,minmax(82px,1fr)); }
}
@container survival-content (min-width:360px) {
  #vitals-survival:not([hidden]) { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 12px; }
  #vitals-survival>:is(.movement-toggles,#movement-status,#survival-preview) { grid-column:1/-1; }
}
@media(pointer:coarse) {
  #vitals.survival-resizable,
  .compact-ui[data-compact-panel=survival] #vitals.survival-resizable { padding-right:22px;padding-bottom:22px; }
  #vitals.survival-resizable .survival-resize-width { width:22px;bottom:22px; }
  #vitals.survival-resizable .survival-resize-height { height:22px;right:22px; }
  #vitals.survival-resizable .survival-resize-corner { width:24px;height:24px; }
}