/* ZERAPHIA build1388 — DAILY screen-specific layout ONLY.
   The exact frame, corners, columns, typography, and reward tiles are
   shared with CHAPTER by story_stage_select.css (zss-card DOM classes).
*/
#shooting-daily-stage-select.zds-screen {
  position:fixed !important;
  inset:0 !important;
  z-index:210 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  isolation:isolate;
  color:#50391f;
  background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,253,249,.56)),
             url('../images/bg_dairy.webp') center center / cover no-repeat !important;
  opacity:0;
  transition:opacity 200ms ease;
  font-family:'Noto Serif JP','Yu Mincho',serif;
  -webkit-tap-highlight-color:transparent;
}
#shooting-daily-stage-select.zds-screen.show {opacity:1}
#shooting-daily-stage-select .zds-surface {
  position:absolute;
  left:50%;transform:translateX(-50%);
  top:var(--header-h,80px);
  bottom:var(--bottom-nav-h,76px);
  width:100%;max-width:430px;min-height:0;
  display:flex;flex-direction:column;
  box-sizing:border-box;
}
#shooting-daily-stage-select button {font-family:'Noto Serif JP','Yu Mincho',serif;cursor:pointer}
#shooting-daily-stage-select .zds-pagehead {
  position:relative;
  flex:0 0 60px;min-height:0;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  padding:1px 10px 0;box-sizing:border-box;
}
#shooting-daily-stage-select .zds-back {
  position:absolute;left:10px;top:7px;
  display:inline-flex;align-items:center;justify-content:flex-start;
  height:30px;min-width:76px;padding:0;
  appearance:none;-webkit-appearance:none;
  border:0;border-radius:0;background:transparent;box-shadow:none;
  color:var(--app-back-color,#837361);
  font-size:13px;font-weight:500;line-height:1;letter-spacing:.015em;
  text-align:left;white-space:nowrap;
  text-shadow:0 0 8px rgba(255,255,255,.8);
}
#shooting-daily-stage-select .zds-back:active {opacity:.58}
#shooting-daily-stage-select .zds-back:focus-visible {outline:2px solid #b59867;outline-offset:2px}
#shooting-daily-stage-select .zds-heading {
  display:block;max-width:100%;margin:4px 0 0 54px;padding:0;
  font-size:24px;font-weight:600;line-height:1.15;letter-spacing:.09em;
  color:#683d1b;text-shadow:0 1px 0 #fffefb;
}
#shooting-daily-stage-select .zds-ornament {width:90%;height:8px;margin-top:2px;display:flex;align-items:center;justify-content:center;color:#bd944f;font-size:11px;line-height:1}
#shooting-daily-stage-select .zds-ornament::before,
#shooting-daily-stage-select .zds-ornament::after {content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(177,131,67,.6))}
#shooting-daily-stage-select .zds-ornament::after {transform:scaleX(-1)}
#shooting-daily-stage-select .zds-ornament span {margin:0 11px}

/* Space above bottom navigation is allocated exactly once across 2x(1 heading + 2 cards). */
#shooting-daily-stage-select .zds-scroll {
  flex:1 1 0;min-height:0;
  display:grid;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:4px;
  overflow:hidden;
  padding:0 0 2px;
  box-sizing:border-box;
}
#shooting-daily-stage-select .zds-section {
  min-height:0;
  display:grid;
  grid-template-rows:26px repeat(2,minmax(0,1fr));
  gap:4px;
  margin:0 9px;
  padding:0;
}
#shooting-daily-stage-select .zds-sectionhead {
  position:relative;
  display:flex;align-items:center;gap:7px;
  height:100%;min-height:0;padding:1px 8px;
  box-sizing:border-box;overflow:hidden;
  border:1px solid rgba(199,171,124,.62);border-radius:2px;
  background:linear-gradient(90deg,rgba(255,251,244,.95),rgba(248,240,225,.84));
  box-shadow:0 2px 4px rgba(92,64,33,.10);
}
#shooting-daily-stage-select .zds-sectionhead strong {font-size:15px;font-weight:700;letter-spacing:.06em;line-height:1.15;color:#4e3017;z-index:1;white-space:nowrap}
#shooting-daily-stage-select .zds-section-sub {font-size:9.5px;letter-spacing:.01em;color:#8c775c;z-index:1;white-space:nowrap}
#shooting-daily-stage-select .zds-sectionicon {display:grid;place-items:center;flex:0 0 21px;width:21px;height:21px;color:#a57936;font-size:18px;font-weight:400;z-index:1}
#shooting-daily-stage-select .zds-section-art {position:absolute;right:0;top:-50px;width:120px;height:120px;object-fit:cover;opacity:.13;mask-image:linear-gradient(90deg,transparent,#000 55%);pointer-events:none}

/* Preserve 100% of the CHAPTER frame styling while allowing grid rows to shrink. */
#shooting-daily-stage-select.zds-screen .zds-section > .zss-card {
  width:100%;height:100% !important;max-height:152px;min-height:0;min-width:0;
  align-self:center;flex:none;
  text-align:left;
}

#shooting-daily-stage-select.zds-screen .zds-section > .zss-card.is-exhausted {opacity:.56;filter:saturate(.5)}
#shooting-daily-stage-select.zds-screen .zds-section > .zss-card:active:not(.is-exhausted) {transform:translateY(1px);filter:brightness(.98)}
#shooting-daily-stage-select.zds-screen .zds-materials {
  display:flex;align-items:center;min-width:0;gap:4px;flex-wrap:nowrap;
}
/* build1816: 右欄の大きな数字は「残り回数」。CHAPTERのRANKと同じCinzelの数字で表示する
   （story_stage_select.css の共通ルールより詳細度を上げて、サイズを端末ごとに固定） */
#shooting-daily-stage-select.zds-screen .zss-record .zss-record-rank b.zds-record-state {
  font:700 26px/1 "Cinzel","Noto Serif JP",serif;color:#ac771b;letter-spacing:0;
}
#shooting-daily-stage-select.zds-screen .zss-card.is-exhausted .zss-record .zss-record-rank b.zds-record-state {color:#b0a18c}
#shooting-daily-stage-select.zds-screen .zds-gimmicks .shooting-stage-gimmicks,
#shooting-daily-stage-select.zds-screen .zss-gimmicks .shooting-stage-gimmicks,
#shooting-daily-stage-select.zds-screen .zss-gimmicks .shooting-stage-gimmick-list {
  display:flex;align-items:center;gap:3px;min-width:0;overflow:hidden;white-space:nowrap;
}
#shooting-daily-stage-select.zds-screen .zss-gimmicks .shooting-stage-gimmick-label {display:none}
#shooting-daily-stage-select.zds-screen .zss-gimmicks .shooting-stage-gimmick-chip {display:inline-flex;align-items:center;gap:2px;font:600 10px/1.1 'Noto Serif JP',serif;color:#524a37;white-space:nowrap}
#shooting-daily-stage-select.zds-screen .zss-gimmicks .shooting-stage-gimmick-elements {display:inline-flex;align-items:center;gap:2px}
#shooting-daily-stage-select.zds-screen .zss-gimmicks .shooting-stage-gimmick-elements img {width:16px;height:16px;object-fit:contain}

/* Layout-only compression on short phones: keep all four stage cards readable without scroll. */
@media(max-height:760px){
  #shooting-daily-stage-select .zds-pagehead {flex-basis:52px}
  #shooting-daily-stage-select .zds-heading {font-size:22px;margin-left:45px}
  #shooting-daily-stage-select .zds-section {grid-template-rows:24px repeat(2,minmax(0,1fr));gap:3px}
  #shooting-daily-stage-select .zds-sectionhead strong {font-size:14px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-card-body {padding-top:3px;padding-bottom:2px;gap:0}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-reward-chip {height:34px;grid-template-rows:minmax(0,1fr) 9px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-reward-icon img {width:20px;height:20px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-reward-count {height:9px;line-height:9px;font-size:8px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-record {margin:5px 0;gap:4px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-record-rank {padding-bottom:5px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-record .zss-record-rank b.zds-record-state {font-size:22px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-record-score b {font-size:12px}
}
@media(max-height:620px){
  #shooting-daily-stage-select .zds-pagehead {flex-basis:41px}
  #shooting-daily-stage-select .zds-heading {font-size:18px;margin-left:42px}
  #shooting-daily-stage-select .zds-ornament {height:5px;margin-top:0}
  #shooting-daily-stage-select .zds-section {grid-template-rows:20px repeat(2,minmax(0,1fr));gap:2px;margin-inline:5px}
  #shooting-daily-stage-select .zds-sectionhead {padding:0 5px;gap:4px}
  #shooting-daily-stage-select .zds-sectionhead strong {font-size:12px}
  #shooting-daily-stage-select .zds-section-sub {font-size:8px}
  #shooting-daily-stage-select .zds-sectionicon {width:17px;height:17px;flex-basis:17px;font-size:15px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card {grid-template-columns:38px minmax(0,1fr) 54px 9px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-card-no {gap:4px;margin:3px 0}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-card-no b {font-size:22px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-card-body {padding:2px 2px 1px 5px;gap:0}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-card-name {font-size:12.5px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-mission {font-size:8.5px;line-height:1.12}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-card-row {gap:3px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-card-row-reward > .zss-card-label {width:39px;flex-basis:39px;font-size:7px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-reward-chip {flex-basis:29px;width:29px;min-width:29px;height:24px;grid-template-rows:minmax(0,1fr) 6px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-reward-icon img {width:14px;height:14px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-reward-count {height:6px;line-height:6px;font-size:6px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-record {margin:3px 0;gap:3px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-record-rank {padding-bottom:3px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-record span {font-size:7px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-record-score b {font-size:10px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-record .zss-record-rank b.zds-record-state {font-size:17px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-gimmicks .shooting-stage-gimmick-chip {font-size:8px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-gimmicks .shooting-stage-gimmick-elements img {width:12px;height:12px}
}
@media(max-width:359px){
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card {grid-template-columns:40px minmax(0,1fr) 57px 10px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-card-body {padding-left:6px;padding-right:3px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-reward-chip {flex-basis:33px;width:33px;min-width:33px}
  #shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-rewards {gap:3px}
}

/* build1816: 報酬アイコンが右の「残り回数」欄へはみ出さないよう、行の幅に収めて縮める */
#shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-card-body{min-width:0;overflow:hidden}
#shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-card-row-reward{min-width:0;overflow:hidden}
#shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-rewards,
#shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zds-materials{flex:1 1 auto;min-width:0;overflow:hidden}
#shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-rewards .zss-reward-chip{flex:0 1 34px!important;min-width:0!important;width:auto!important}
#shooting-daily-stage-select.zds-screen .zds-section > .zss-card .zss-rewards .zss-reward-icon img{max-width:100%;height:auto;aspect-ratio:1}