/* ZERAPHIA build1353 — independent QUEST landing page.
   Keep existing native global HUD/nav and story/special actions.
   All presentation rules are scoped to #screen-ninmu.junkou-rebuilt. */
html body:not(.ui-immersive) #screen-ninmu.junkou-rebuilt {
  background:#f7f3ec url('../images/bg_junkou.webp') center center/cover no-repeat !important;
  color:#49321f !important;
  overflow:hidden !important;
}
#screen-ninmu.junkou-rebuilt .junkou-page-header{
  position:relative !important;
  z-index:4 !important;
  height:var(--app-page-header-h,52px) !important;
  flex:0 0 var(--app-page-header-h,52px) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,250,239,.35)) !important;
  border-bottom:1px solid rgba(185,137,63,.46) !important;
  padding-inline:12px !important;
}
#screen-ninmu.junkou-rebuilt .junkou-page-header::after {
  background:linear-gradient(180deg,rgba(255,255,255,.55),transparent) !important;
  opacity:.65;
}
/* build1354: 戻るボタンは共通画面同様、矢印と文字のみで表示。 */
#screen-ninmu.junkou-rebuilt .junkou-page-back{
  position:relative !important;
  z-index:3 !important;
  width:auto !important;
  min-width:52px !important;
  height:44px !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  color:#6d4321 !important;
  font:500 13px/1 'Noto Serif JP',serif !important;
  letter-spacing:.07em !important;
}
#screen-ninmu.junkou-rebuilt .junkou-page-back:focus-visible{
  outline:2px solid #aa7a37 !important;
  outline-offset:2px !important;
}
#screen-ninmu.junkou-rebuilt .junkou-page-heading{
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
}
#screen-ninmu.junkou-rebuilt .junkou-page-heading .app-page-title{
  color:#533015 !important;
  font:700 27px/1.12 'Noto Serif JP',serif !important;
  letter-spacing:.16em !important;
  overflow:visible !important;
}
#screen-ninmu.junkou-rebuilt .junkou-heading-en{
  font:500 8px/1.2 'Cinzel',serif !important;
  color:#ad8046 !important;
  letter-spacing:.3em !important;
  margin-top:1px !important;
}
#screen-ninmu.junkou-rebuilt .junkou-workspace{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  display:grid !important;
  grid-template-columns:minmax(102px,30%) minmax(0,1fr) !important;
  gap:9px !important;
  flex:1 1 0 !important;
  padding:10px 9px 4px !important;
  margin:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  background:transparent !important;
}
#screen-ninmu.junkou-rebuilt .junkou-tabs {
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:10px !important;
  width:auto !important;
  height:100% !important;
  max-height:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  border:0 !important;
  background:transparent !important;
  overflow:hidden !important;
}
#screen-ninmu.junkou-rebuilt .junkou-tabs .junkou-tab{
  appearance:none !important;
  -webkit-appearance:none !important;
  flex:0 0 clamp(88px, 15vh, 132px) !important;
  width:100% !important;
  min-height:0 !important;
  padding:8px 3px !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  gap:5px !important;
  position:relative !important;
  border:1px solid rgba(187,144,78,.78) !important;
  outline:2px solid rgba(255,254,250,.78) !important;
  outline-offset:-5px !important;
  border-radius:12px !important;
  background:linear-gradient(140deg,rgba(255,251,241,.91),rgba(245,233,213,.85)) !important;
  color:#55361c !important;
  box-shadow:0 4px 10px rgba(101,75,35,.1),inset 0 0 0 2px rgba(210,175,114,.31) !important;
  text-align:center !important;
  opacity:1 !important;
  cursor:pointer !important;
  touch-action:manipulation !important;
}
#screen-ninmu.junkou-rebuilt .junkou-tabs .junkou-tab::before,
#screen-ninmu.junkou-rebuilt .junkou-tabs .junkou-tab::after{
  content:'✧' !important;
  position:absolute !important;
  font:14px/1 serif !important;
  color:rgba(194,152,78,.9) !important;
  pointer-events:none !important;
}
#screen-ninmu.junkou-rebuilt .junkou-tabs .junkou-tab::before{left:5px;top:3px}
#screen-ninmu.junkou-rebuilt .junkou-tabs .junkou-tab::after{right:5px;bottom:3px}
#screen-ninmu.junkou-rebuilt .junkou-tabs .junkou-tab.active{
  background:linear-gradient(135deg,rgba(255,254,245,.98),rgba(255,238,202,.98)) !important;
  box-shadow:0 0 0 1px rgba(177,121,41,.44),0 3px 18px rgba(238,187,77,.24),inset 0 0 24px rgba(246,198,104,.2) !important;
  outline-color:rgba(255,255,246,.95) !important;
}
#screen-ninmu.junkou-rebuilt .junkou-tabs .junkou-tab.active::after{
  content:'◆' !important;
  color:#daa22d !important;
  top:50% !important;
  right:-7px !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  font-size:12px !important;
  text-shadow:0 0 5px #fff !important;
}
#screen-ninmu.junkou-rebuilt .junkou-tabs .junkou-tab .junkou-tab-icon{
  display:block !important;
  color:#bb8a3f !important;
  font-size:21px !important;
  line-height:1 !important;
}
#screen-ninmu.junkou-rebuilt .junkou-tabs .junkou-tab .ninmu-cat-jp{
  display:block !important;
  color:#452810 !important;
  font:700 clamp(13px,3.3vw,18px)/1.3 'Noto Serif JP',serif !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;
}
#screen-ninmu.junkou-rebuilt .junkou-tabs .junkou-tab .ninmu-cat-en{
  display:block !important;
  color:#9b6830 !important;
  font:500 10px/1.2 'Cinzel',serif !important;
  letter-spacing:.12em !important;
}
#screen-ninmu.junkou-rebuilt .junkou-panel-column{
  flex:1 1 0 !important;
  width:100% !important;
  height:100% !important;
  max-height:100% !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  box-sizing:border-box !important;
  overflow:auto !important;
  -webkit-overflow-scrolling:touch !important;
  background:transparent !important;
}
#screen-ninmu.junkou-rebuilt #ninmu-panel-daily.junkou-daily-content{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:13px;
  padding:0 !important;
  margin:0 !important;
  min-height:0;
}
#screen-ninmu.junkou-rebuilt .junkou-feature{
  appearance:none !important;
  -webkit-appearance:none !important;
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  text-align:left !important;
  flex:0 0 clamp(206px, 39.5dvh, 365px) !important;
  width:100% !important;
  min-height:0 !important;
  padding:5px !important;
  margin:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  border:1px solid #c69553 !important;
  border-radius:9px !important;
  outline:2px solid rgba(255,255,255,.82) !important;
  outline-offset:-4px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,250,240,.97)) !important;
  box-shadow:0 4px 16px rgba(96,64,22,.2),inset 0 0 0 3px rgba(235,206,160,.55) !important;
  cursor:pointer !important;
  touch-action:manipulation !important;
}
#screen-ninmu.junkou-rebuilt .junkou-feature::after{
  content:'✧' !important;
  position:absolute !important;
  top:0 !important;
  left:3px !important;
  color:#e0b46d !important;
  font:21px/1 serif !important;
  z-index:2 !important;
  pointer-events:none !important;
}
#screen-ninmu.junkou-rebuilt .junkou-feature:active{filter:brightness(.98) !important}
#screen-ninmu.junkou-rebuilt .junkou-feature-picture{
  display:block !important;
  position:relative !important;
  width:100% !important;
  flex:1 1 0 !important;
  min-height:0 !important;
  overflow:hidden !important;
  border-radius:5px 5px 0 0 !important;
  background:#e5ebec !important;
}
#screen-ninmu.junkou-rebuilt .junkou-feature-picture img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 42% !important;
  opacity:1 !important;
}
#screen-ninmu.junkou-rebuilt .junkou-feature-picture::after{
  content:'' !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:42% !important;
  background:linear-gradient(180deg,transparent,#fffaf1) !important;
  pointer-events:none !important;
}
#screen-ninmu.junkou-rebuilt .junkou-feature-copy{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  min-height:94px !important;
  padding:3px 13px 8px !important;
  border-radius:0 0 5px 5px !important;
  background:linear-gradient(180deg,#fffaf1,#fffdf8) !important;
}
#screen-ninmu.junkou-rebuilt .junkou-feature-kicker{
  color:#9f7747 !important;
  font:500 10px/1.1 'Cinzel',serif !important;
  letter-spacing:.23em !important;
}
#screen-ninmu.junkou-rebuilt .junkou-feature-title{
  display:block !important;
  margin:3px 0 2px !important;
  color:#4c2c13 !important;
  font:700 clamp(16px, 4.3vw, 25px)/1.2 'Noto Serif JP',serif !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
}
#screen-ninmu.junkou-rebuilt .junkou-feature-line{
  position:relative !important;
  display:block !important;
  width:calc(100% - 20px) !important;
  margin:4px 0 7px !important;
  height:1px !important;
  background:linear-gradient(90deg,rgba(190,137,59,.6),rgba(190,137,59,.05)) !important;
}
#screen-ninmu.junkou-rebuilt .junkou-feature-line i{
  position:absolute !important;
  top:-4px !important;
  left:62% !important;
  width:7px !important;
  height:7px !important;
  border:1px solid #c99b51 !important;
  transform:rotate(45deg) !important;
  background:#fff8e8 !important;
}
#screen-ninmu.junkou-rebuilt .junkou-feature-desc{
  display:block !important;
  color:#5c4733 !important;
  font:500 clamp(9px,2.4vw,13px)/1.7 'Noto Serif JP',serif !important;
  letter-spacing:.015em !important;
  padding-right:11px !important;
}
#screen-ninmu.junkou-rebuilt .junkou-feature-enter{
  position:absolute !important;
  right:6px !important;
  bottom:35px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:27px !important;
  height:27px !important;
  color:#96642b !important;
  background:linear-gradient(#fffcf6,#f5e9d6) !important;
  border:1px solid rgba(194,149,78,.8) !important;
  border-radius:50% !important;
  font:24px/1 serif !important;
  box-shadow:0 1px 4px rgba(110,78,27,.16) !important;
}
#screen-ninmu.junkou-rebuilt .junkou-reward-section{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
  width:100% !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
}
#screen-ninmu.junkou-rebuilt .junkou-reward-heading{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  text-align:center !important;
  color:#6b4d2d !important;
  white-space:nowrap !important;
}
#screen-ninmu.junkou-rebuilt .junkou-reward-heading strong{
  font:600 clamp(11px,2.85vw,16px)/1.2 'Noto Serif JP',serif !important;
  letter-spacing:.06em !important;
}
#screen-ninmu.junkou-rebuilt .junkou-reward-heading span{
  color:#d8a14b !important;
  font-size:15px !important;
}
#screen-ninmu.junkou-rebuilt .junkou-reward-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:7px !important;
  padding:0 !important;
  width:100% !important;
}
#screen-ninmu.junkou-rebuilt .junkou-reward-item{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  height:clamp(67px,12dvh,108px) !important;
  min-width:0 !important;
  border:1px solid rgba(194,153,96,.7) !important;
  outline:1px solid rgba(255,255,255,.86) !important;
  outline-offset:-3px !important;
  border-radius:4px !important;
  background:linear-gradient(160deg,rgba(255,255,255,.93),rgba(243,230,207,.9)) !important;
  box-shadow:0 2px 9px rgba(116,80,39,.13) !important;
}
#screen-ninmu.junkou-rebuilt .junkou-reward-item img{
  display:block !important;
  flex:0 0 auto !important;
  width:clamp(33px,7dvh,67px) !important;
  height:clamp(33px,7dvh,67px) !important;
  object-fit:contain !important;
}
#screen-ninmu.junkou-rebuilt .junkou-reward-item span{
  display:block !important;
  color:#493018 !important;
  font:600 clamp(10px,2.5vw,14px)/1.4 'Noto Serif JP',serif !important;
  white-space:nowrap !important;
  text-align:center !important;
}
/* SPECIAL/STORY remain fully functional, with presentation adapted to rebuilt columns. */
#screen-ninmu.junkou-rebuilt .junkou-panel-column > #ninmu-panel-special,
#screen-ninmu.junkou-rebuilt .junkou-panel-column > #ninmu-panel-story{
  padding:0 !important;
  background:transparent !important;
}
#screen-ninmu.junkou-rebuilt #ninmu-panel-special .ninmu-chapter-list,
#screen-ninmu.junkou-rebuilt #ninmu-panel-story .ninmu-chapter-list{
  gap:8px !important;
}
#screen-ninmu.junkou-rebuilt #ninmu-panel-special .ninmu-chapter-item,
#screen-ninmu.junkou-rebuilt #ninmu-panel-story .ninmu-chapter-item{
  min-height:100px !important;
  box-sizing:border-box !important;
  border:1px solid rgba(200,166,114,.75) !important;
  border-radius:9px !important;
  background:linear-gradient(130deg,rgba(255,252,245,.96),rgba(244,233,212,.92)) !important;
  box-shadow:0 3px 12px rgba(91,66,39,.12) !important;
  padding:13px 11px !important;
}
#screen-ninmu.junkou-rebuilt #ninmu-panel-special .ninmu-chapter-title,
#screen-ninmu.junkou-rebuilt #ninmu-panel-story .ninmu-chapter-title{
  color:#50351b !important;
  font-size:15px !important;
}
#screen-ninmu.junkou-rebuilt #ninmu-panel-story .ninmu-chapter-label,
#screen-ninmu.junkou-rebuilt #ninmu-panel-special .ninmu-chapter-label{color:#9d7242 !important;}
@media (max-width:380px), (max-height:700px){
  #screen-ninmu.junkou-rebuilt .junkou-workspace{
    grid-template-columns:minmax(92px,29.5%) minmax(0,1fr) !important;
    gap:8px !important;
    padding:7px 7px 3px !important;
  }
  #screen-ninmu.junkou-rebuilt .junkou-tabs{gap:8px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-tabs .junkou-tab{flex-basis:clamp(82px,14dvh,102px) !important;gap:3px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-tabs .junkou-tab .junkou-tab-icon{font-size:17px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-tabs .junkou-tab .ninmu-cat-jp{font-size:clamp(12px,3.25vw,16px) !important;}
  #screen-ninmu.junkou-rebuilt .junkou-feature{flex-basis:clamp(200px,38dvh,280px) !important;}
  #screen-ninmu.junkou-rebuilt .junkou-feature-copy{min-height:90px !important;padding-left:9px !important;padding-right:7px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-feature-enter{width:24px !important;height:24px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-reward-item{height:clamp(62px,11dvh,77px) !important;}
  #screen-ninmu.junkou-rebuilt .junkou-reward-item img{width:clamp(31px,6.8dvh,46px) !important;height:clamp(31px,6.8dvh,46px) !important;}
  #screen-ninmu.junkou-rebuilt .junkou-daily-content{gap:9px !important;}
}
@media (max-width:340px){
  #screen-ninmu.junkou-rebuilt .junkou-workspace{grid-template-columns:89px minmax(0,1fr) !important;gap:6px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-feature-title{font-size:15px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-feature-desc{font-size:9px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-reward-item span{font-size:9px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-tabs .junkou-tab .ninmu-cat-jp{font-size:11px !important;}
}

/* DAILY landing has no unnecessary scroll; quest lists retain native scrolling. */
#screen-ninmu.junkou-rebuilt[data-junkou-cat="daily"] .junkou-panel-column{
  overflow:hidden !important;
}
#screen-ninmu.junkou-rebuilt[data-junkou-cat="special"] .junkou-panel-column,
#screen-ninmu.junkou-rebuilt[data-junkou-cat="story"] .junkou-panel-column{
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior-y:contain !important;
}
#screen-ninmu.junkou-rebuilt .junkou-tabs .junkou-tab:focus-visible,
#screen-ninmu.junkou-rebuilt .junkou-feature:focus-visible {
  outline:2px solid #a7742a !important;
  outline-offset:2px !important;
}


/* build1355-story-rich — STORY tab chapter list redesign */

#screen-ninmu.junkou-rebuilt[data-junkou-cat="story"] .junkou-panel-column{
  overflow:auto !important;
  padding-right:2px !important;
}
#screen-ninmu.junkou-rebuilt #ninmu-panel-story{
  display:block;
  min-height:100%;
}
#screen-ninmu.junkou-rebuilt .junkou-story-list{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  padding:0 0 10px !important;
  margin:0 !important;
}
#screen-ninmu.junkou-rebuilt .junkou-story-card{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:grid !important;
  grid-template-columns:minmax(0, 64%) minmax(0, 36%) !important;
  align-items:stretch !important;
  width:100% !important;
  min-height:112px !important;
  padding:0 !important;
  margin:0 !important;
  border:1px solid rgba(192,145,75,.88) !important;
  border-radius:14px !important;
  overflow:hidden !important;
  position:relative !important;
  background:linear-gradient(180deg,rgba(255,252,246,.96),rgba(250,242,228,.94)) !important;
  box-shadow:0 5px 14px rgba(84,58,22,.16), inset 0 0 0 2px rgba(255,255,255,.72) !important;
  cursor:pointer !important;
  text-align:left !important;
  color:#4b2d14 !important;
  touch-action:manipulation !important;
}
#screen-ninmu.junkou-rebuilt .junkou-story-card::before{
  content:'' !important;
  position:absolute !important;
  inset:5px !important;
  border:1px solid rgba(214,184,129,.68) !important;
  border-radius:10px !important;
  pointer-events:none !important;
  z-index:0 !important;
}
#screen-ninmu.junkou-rebuilt .junkou-story-card:active{
  transform:translateY(1px) !important;
  filter:brightness(.985) !important;
}
#screen-ninmu.junkou-rebuilt .junkou-story-card-copy{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  padding:16px 6px 16px 18px !important;
  min-width:0 !important;
  background:linear-gradient(90deg,rgba(255,249,242,.98) 0%, rgba(255,249,242,.94) 72%, rgba(255,249,242,0) 100%) !important;
}
#screen-ninmu.junkou-rebuilt .junkou-story-card-kicker{
  display:block !important;
  color:#9a6a35 !important;
  font:600 clamp(11px,2.7vw,16px)/1.1 'Cinzel',serif !important;
  letter-spacing:.12em !important;
  margin-bottom:10px !important;
}
#screen-ninmu.junkou-rebuilt .junkou-story-card-rule{
  display:block !important;
  width:86px !important;
  max-width:70% !important;
  height:1px !important;
  background:linear-gradient(90deg,rgba(154,106,53,.78),rgba(154,106,53,.12)) !important;
  margin-bottom:10px !important;
  position:relative !important;
}
#screen-ninmu.junkou-rebuilt .junkou-story-card-rule::after{
  content:'✦' !important;
  position:absolute !important;
  right:-12px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:#9a6a35 !important;
  font-size:9px !important;
}
#screen-ninmu.junkou-rebuilt .junkou-story-card-title{
  display:block !important;
  color:#3f2410 !important;
  font:700 clamp(18px,4.85vw,26px)/1.15 'Noto Serif JP',serif !important;
  letter-spacing:0 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.65) !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:keep-all !important;
  overflow-wrap:anywhere !important;
  max-width:100% !important;
}
/* A six-character Japanese chapter title must stay on one line, even on iPhone SE. */
#screen-ninmu.junkou-rebuilt .junkou-story-card-title.is-six-or-less{
  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

#screen-ninmu.junkou-rebuilt .junkou-story-card-art{
  position:relative !important;
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  background:#e5e1db !important;
}
#screen-ninmu.junkou-rebuilt .junkou-story-card-art::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg, rgba(250,242,228,.92) 0%, rgba(250,242,228,.15) 18%, rgba(255,255,255,0) 42%) !important;
  z-index:1 !important;
  pointer-events:none !important;
}
#screen-ninmu.junkou-rebuilt .junkou-story-card-art img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:saturate(.96) contrast(1.02) brightness(1.02) !important;
  transform:scale(1.015) !important;
}
#screen-ninmu.junkou-rebuilt .junkou-story-card-arrow{
  position:absolute !important;
  right:14px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:2 !important;
  color:#b07d39 !important;
  font:400 clamp(38px,7.4vw,60px)/1 'Times New Roman',serif !important;
  text-shadow:0 1px 4px rgba(255,255,255,.72) !important;
  pointer-events:none !important;
}
#screen-ninmu.junkou-rebuilt .junkou-story-card.is-locked{
  filter:saturate(.78) brightness(.97) !important;
}
#screen-ninmu.junkou-rebuilt .junkou-story-card.is-locked .junkou-story-card-title,
#screen-ninmu.junkou-rebuilt .junkou-story-card.is-locked .junkou-story-card-kicker{
  color:#8e7a64 !important;
}
#screen-ninmu.junkou-rebuilt .junkou-story-card-lock{
  position:absolute !important;
  left:18px !important;
  bottom:13px !important;
  z-index:2 !important;
  padding:3px 10px !important;
  border:1px solid rgba(164,140,102,.65) !important;
  border-radius:999px !important;
  background:rgba(255,248,240,.9) !important;
  color:#8d7357 !important;
  font:600 10px/1.2 'Noto Serif JP',serif !important;
  letter-spacing:.08em !important;
  box-shadow:0 1px 4px rgba(89,70,47,.08) !important;
  pointer-events:none !important;
}
#screen-ninmu.junkou-rebuilt .junkou-story-card.is-locked .junkou-story-card-art img{
  filter:grayscale(.15) brightness(.95) saturate(.8) !important;
}
@media (max-width: 420px){
  #screen-ninmu.junkou-rebuilt .junkou-story-list{gap:10px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-story-card{min-height:102px !important; border-radius:12px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-story-card-copy{padding:13px 5px 13px 13px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-story-card-kicker{margin-bottom:8px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-story-card-rule{width:70px !important; margin-bottom:8px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-story-card-title{font-size:clamp(17px,4.8vw,21px) !important; line-height:1.14 !important;}
  #screen-ninmu.junkou-rebuilt .junkou-story-card-arrow{right:11px !important; font-size:clamp(30px,7vw,46px) !important;}
}

/* build1357: Let short chapter titles use all available copy width without ellipsis. */
@media (max-width: 350px){
  #screen-ninmu.junkou-rebuilt .junkou-story-card-title.is-six-or-less{font-size:16px !important;}
}


/* build1358-special-rich — SPECIAL tab full redesign */
#screen-ninmu.junkou-rebuilt[data-junkou-cat="special"] .junkou-panel-column{
  overflow:auto !important;
  padding-right:2px !important;
}
#screen-ninmu.junkou-rebuilt #ninmu-panel-special{
  display:block;
  min-height:100%;
}
#screen-ninmu.junkou-rebuilt .junkou-special-list{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  padding:0 0 10px !important;
  margin:0 !important;
}
#screen-ninmu.junkou-rebuilt .junkou-special-card{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:grid !important;
  grid-template-columns:minmax(0, 58%) minmax(0, 42%) !important;
  align-items:stretch !important;
  width:100% !important;
  min-height:148px !important;
  padding:0 !important;
  margin:0 !important;
  border:1px solid rgba(195,150,82,.92) !important;
  border-radius:16px !important;
  overflow:hidden !important;
  position:relative !important;
  background:linear-gradient(180deg,rgba(255,252,246,.98),rgba(248,240,226,.95)) !important;
  box-shadow:0 6px 20px rgba(98,70,31,.14), inset 0 0 0 2px rgba(255,255,255,.78) !important;
  cursor:pointer !important;
  text-align:left !important;
  color:#4b2d14 !important;
  touch-action:manipulation !important;
}
#screen-ninmu.junkou-rebuilt .junkou-special-card::before{
  content:'' !important;
  position:absolute !important;
  inset:6px !important;
  border:1px solid rgba(217,185,130,.72) !important;
  border-radius:11px !important;
  pointer-events:none !important;
  z-index:0 !important;
}
#screen-ninmu.junkou-rebuilt .junkou-special-card:active{
  transform:translateY(1px) !important;
  filter:brightness(.985) !important;
}
#screen-ninmu.junkou-rebuilt .junkou-special-copy{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:0 !important;
  padding:18px 10px 18px 18px !important;
  min-width:0 !important;
  background:linear-gradient(90deg,rgba(255,249,242,.985) 0%, rgba(255,249,242,.95) 76%, rgba(255,249,242,0) 100%) !important;
}
#screen-ninmu.junkou-rebuilt .junkou-special-kicker{
  display:block !important;
  color:#9a6a35 !important;
  font:600 clamp(12px,2.4vw,17px)/1.1 'Cinzel',serif !important;
  letter-spacing:.14em !important;
  margin-bottom:10px !important;
}
#screen-ninmu.junkou-rebuilt .junkou-special-rule{
  display:block !important;
  width:92px !important;
  max-width:72% !important;
  height:1px !important;
  background:linear-gradient(90deg,rgba(154,106,53,.82),rgba(154,106,53,.12)) !important;
  margin-bottom:12px !important;
  position:relative !important;
}
#screen-ninmu.junkou-rebuilt .junkou-special-rule::after{
  content:'✦' !important;
  position:absolute !important;
  right:-13px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:#9a6a35 !important;
  font-size:10px !important;
}
#screen-ninmu.junkou-rebuilt .junkou-special-title{
  display:block !important;
  color:#3f2410 !important;
  font:700 clamp(22px,5.6vw,38px)/1.12 'Noto Serif JP',serif !important;
  letter-spacing:0 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.65) !important;
  white-space:normal !important;
  word-break:keep-all !important;
  overflow-wrap:anywhere !important;
  max-width:100% !important;
}
#screen-ninmu.junkou-rebuilt .junkou-special-art{
  position:relative !important;
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  background:#e9e3d8 !important;
}
#screen-ninmu.junkou-rebuilt .junkou-special-art::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg, rgba(250,242,228,.88) 0%, rgba(250,242,228,.18) 18%, rgba(255,255,255,0) 46%) !important;
  z-index:1 !important;
  pointer-events:none !important;
}
#screen-ninmu.junkou-rebuilt .junkou-special-art img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:saturate(.98) contrast(1.02) brightness(1.02) !important;
  transform:scale(1.02) !important;
}
#screen-ninmu.junkou-rebuilt .junkou-special-play{
  position:absolute !important;
  right:14px !important;
  bottom:14px !important;
  z-index:2 !important;
  display:block !important;
  width:148px !important;
  max-width:34% !important;
  pointer-events:none !important;
  filter:drop-shadow(0 4px 8px rgba(120,86,34,.16)) !important;
}
#screen-ninmu.junkou-rebuilt .junkou-special-play img{
  display:block !important;
  width:100% !important;
  height:auto !important;
}
#screen-ninmu.junkou-rebuilt .junkou-special-ticket-balance{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  flex-wrap:wrap !important;
  margin-top:18px !important;
  color:#8f6532 !important;
  font:600 clamp(11px,2.35vw,16px)/1.2 'Noto Serif JP',serif !important;
  letter-spacing:.02em !important;
}
#screen-ninmu.junkou-rebuilt .junkou-special-ticket-balance img{
  width:32px !important;
  height:32px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 2px 3px rgba(122,90,46,.16)) !important;
}
#screen-ninmu.junkou-rebuilt .junkou-special-ticket-balance b{
  color:#7d4b16 !important;
  font:700 clamp(18px,4.7vw,30px)/1 'Noto Serif JP',serif !important;
  margin-left:2px !important;
}
#screen-ninmu.junkou-rebuilt .junkou-special-ticket-unit{
  margin-left:-4px !important;
}
@media (max-width: 420px){
  #screen-ninmu.junkou-rebuilt .junkou-special-list{gap:10px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-special-card{min-height:124px !important; border-radius:14px !important; grid-template-columns:minmax(0, 57%) minmax(0, 43%) !important;}
  #screen-ninmu.junkou-rebuilt .junkou-special-copy{padding:14px 7px 14px 14px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-special-kicker{margin-bottom:8px !important; font-size:clamp(11px,2.6vw,14px) !important;}
  #screen-ninmu.junkou-rebuilt .junkou-special-rule{width:72px !important; margin-bottom:9px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-special-title{font-size:clamp(17px,4.8vw,24px) !important; line-height:1.14 !important;}
  #screen-ninmu.junkou-rebuilt .junkou-special-play{right:10px !important; bottom:10px !important; width:104px !important; max-width:36% !important;}
  #screen-ninmu.junkou-rebuilt .junkou-special-ticket-balance{margin-top:13px !important; gap:5px !important; font-size:clamp(9.5px,2.25vw,12px) !important;}
  #screen-ninmu.junkou-rebuilt .junkou-special-ticket-balance img{width:24px !important; height:24px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-special-ticket-balance b{font-size:clamp(14px,4.5vw,22px) !important;}
}
@media (max-width: 340px){
  #screen-ninmu.junkou-rebuilt .junkou-special-card{min-height:112px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-special-copy{padding:12px 6px 12px 12px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-special-title{font-size:16px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-special-kicker{font-size:10px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-special-play{width:92px !important; max-width:37% !important;}
  #screen-ninmu.junkou-rebuilt .junkou-special-ticket-balance{font-size:9px !important;}
  #screen-ninmu.junkou-rebuilt .junkou-special-ticket-balance b{font-size:13px !important;}
}