/* ZERAPHIA build1393 — Settings / dedicated redesign
   Illustrated background and icon assets supplied by the creator.
   Scoped to #screen-setting to avoid changing other game pages. */
html body:not(.ui-immersive) #screen-setting.settings-premium.screen.app-page {
  background:#f8f3e8 url('../images/bg_setting.webp') center center / cover no-repeat !important;
  color:#38271b !important;
}
#screen-setting.settings-premium .setting-premium-header.app-page-header {
  z-index:1;
  height:var(--app-page-header-h,52px);
  flex:0 0 var(--app-page-header-h,52px);
  background:transparent!important;
  border:0!important;
}
#screen-setting.settings-premium .setting-premium-header.app-page-header::after {
  content:'';
  position:absolute;
  top:auto;bottom:2px;
  left:22%;right:22%;height:12px;
  opacity:.85;
  background:linear-gradient(90deg,transparent,#b98938 23%,#ddb969 49%,#bd8b34 77%,transparent) center / 100% 1px no-repeat;
  filter:none;
  pointer-events:none;
}
#screen-setting.settings-premium .setting-premium-header.app-page-header::before {
  content:'✧';
  position:absolute;
  bottom:-5px;
  left:50%;transform:translateX(-50%);
  color:#bc8e38;
  font:18px/1 Georgia,serif;
}
#screen-setting.settings-premium .app-page-title {
  color:#372116!important;
  font-size:clamp(19px,5.4vw,24px)!important;
  letter-spacing:.22em!important;
  font-weight:700!important;
  text-shadow:0 1px 1px rgba(255,255,255,.9)!important;
}
#screen-setting.settings-premium .app-page-back {
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:76px!important;
  height:31px!important;
  padding:0 9px!important;
  border:1px solid #a87b30!important;
  border-radius:1px!important;
  color:#432b19!important;
  font:500 13px/1 'Noto Serif JP',serif!important;
  letter-spacing:.08em!important;
  background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(250,239,211,.94) 70%,rgba(236,213,162,.95))!important;
  box-shadow:inset 0 0 0 2px rgba(255,252,241,.95),0 2px 5px rgba(106,70,28,.16)!important;
  transform:none!important;
  cursor:pointer;
}
#screen-setting.settings-premium .app-page-back span {font-size:12px;margin-right:7px;color:#87602b}
#screen-setting.settings-premium .setting-screen-scroll.app-scroll-region {
  position:relative!important;
  z-index:1;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  flex:1 1 0!important;
  min-height:0!important;
  padding:5px clamp(12px,4.4vw,22px) calc(17px + env(safe-area-inset-bottom))!important;
  margin:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  box-sizing:border-box!important;
  background:transparent!important;
}
#screen-setting.settings-premium .setting-premium-section {
  margin:0 0 clamp(8px,1.45dvh,16px)!important;
  padding:0!important;
  display:block;
}
#screen-setting.settings-premium .setting-premium-section-title {
  display:flex;
  height:clamp(27px,4.5dvh,40px);
  min-height:0;
  width:100%;
  align-items:center;
  gap:9px;
  padding:0 2px!important;
  margin:0 0 4px!important;
  font-family:'Noto Serif JP',serif!important;
  color:#372516!important;
  border:0!important;
  background:transparent!important;
  letter-spacing:.025em;
}
#screen-setting.settings-premium .setting-premium-section-title strong {
  font-size:clamp(15px,4vw,21px);
  line-height:1.15;
  white-space:nowrap;
  font-weight:700;
}
#screen-setting.settings-premium .setting-premium-section-title .setting-title-emblem {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:19px;
  color:#af7825;
  font-size:24px;
  line-height:1;
  text-shadow:0 1px #fff5dc;
}
#screen-setting.settings-premium .setting-premium-section-title small {
  font:600 clamp(9px,2.55vw,12px)/1 'Cinzel',Georgia,serif;
  letter-spacing:.37em;
  color:rgba(153,122,76,.74);
  margin-left:auto;
  text-align:right;
  white-space:nowrap;
}
#screen-setting.settings-premium .setting-premium-account-rows {
  display:flex;flex-direction:column;gap:0;
}
#screen-setting.settings-premium .setting-premium-row {
  display:grid!important;
  grid-template-columns:clamp(50px,15%,66px) minmax(0,1fr) auto 19px!important;
  align-items:center!important;
  width:100%!important;
  height:clamp(52px,8.2dvh,68px)!important;
  min-height:0!important;
  margin:0!important;
  padding:0 9px 0 4px!important;
  gap:0!important;
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(162,111,39,.83)!important;
  border-radius:3px!important;
  background:
    radial-gradient(ellipse at 9% 0%,rgba(255,255,255,.92),transparent 59%),
    linear-gradient(112deg,rgba(255,255,255,.81),rgba(255,251,242,.62) 55%,rgba(249,240,218,.85))!important;
  box-shadow:0 2px 0 rgba(207,167,87,.28),inset 0 0 0 2px rgba(255,252,242,.96),0 3px 9px rgba(105,72,34,.10)!important;
  color:#342417!important;
  cursor:pointer;
}
#screen-setting.settings-premium .setting-premium-row::before {
  content:'';
  position:absolute;inset:3px;
  border:1px solid rgba(199,150,66,.52);
  border-radius:1px;
  pointer-events:none;
  background:
    linear-gradient(135deg,rgba(180,128,45,.45) 0 1px,transparent 1px 100%) left top / 16px 16px no-repeat,
    linear-gradient(225deg,rgba(180,128,45,.45) 0 1px,transparent 1px 100%) right top / 16px 16px no-repeat,
    linear-gradient(45deg,rgba(180,128,45,.45) 0 1px,transparent 1px 100%) left bottom / 16px 16px no-repeat,
    linear-gradient(315deg,rgba(180,128,45,.45) 0 1px,transparent 1px 100%) right bottom / 16px 16px no-repeat;
}
#screen-setting.settings-premium .setting-premium-row:active {filter:brightness(.96)!important}
#screen-setting.settings-premium .setting-premium-row:focus-visible {outline:2px solid #b88a46;outline-offset:2px}
#screen-setting.settings-premium .setting-premium-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  height:58%;
  border-right:1px solid rgba(189,139,67,.5);
  position:relative;
  margin:0 9px 0 2px;
}
#screen-setting.settings-premium .setting-premium-icon::after {
  content:'◆';
  position:absolute;
  right:-5px;
  top:50%;transform:translateY(-50%);
  font:8px/1 Georgia,serif;
  color:#bc8a35;
  text-shadow:0 1px #fff9e9;
}
#screen-setting.settings-premium .setting-premium-icon img {
  display:block;
  width:clamp(29px,8vw,40px);
  height:clamp(29px,8vw,40px);
  object-fit:contain;
  filter:drop-shadow(0 1px 1px rgba(104,77,40,.12));
}
#screen-setting.settings-premium .setting-premium-row .setting-row-label {
  min-width:0;
  font-size:clamp(13px,3.7vw,18px)!important;
  line-height:1.3;
  font-weight:600!important;
  color:#2f211b!important;
  font-family:'Noto Serif JP','Yu Mincho',serif!important;
  letter-spacing:0!important;
  white-space:nowrap;
}
#screen-setting.settings-premium .setting-premium-value {
  min-width:0;
  max-width:38vw;
  padding-left:6px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  white-space:nowrap;
}
#screen-setting.settings-premium .setting-premium-row .setting-row-sub,
#screen-setting.settings-premium .setting-premium-row .setting-audio-status {
  display:block!important;
  max-width:100%!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font:500 clamp(11px,3.35vw,17px)/1.25 'Noto Serif JP','Yu Mincho',serif!important;
  letter-spacing:.015em!important;
  color:#665342!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  min-width:0!important;
  height:auto!important;
  opacity:1!important;
}
#screen-setting.settings-premium .setting-premium-row .setting-audio-status.is-off {color:#6c5b50!important}
#screen-setting.settings-premium .setting-premium-row .setting-row-arrow {
  margin:0!important;
  padding:0!important;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#895a23!important;
  font:500 26px/1 Georgia,serif!important;
  height:100%;
}
#screen-setting.settings-premium .setting-premium-account-rows .setting-premium-row + .setting-premium-row {margin-top:-1px!important}
#screen-setting.settings-premium .setting-premium-advice {
  margin:clamp(8px,1.6dvh,15px) 3px 0;
  padding:0;
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-items:start;
  gap:8px;
  font:400 clamp(10px,2.85vw,12px)/1.6 'Noto Serif JP','Yu Mincho',serif;
  letter-spacing:.02em;
  color:#857565;
}
#screen-setting.settings-premium .setting-advice-emblem {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:19px;height:19px;
  border-radius:50%;
  background:linear-gradient(135deg,#a89574,#81755f);
  color:#fffdf7;
  font:700 13px/1 Georgia,serif;
  box-shadow:0 1px 2px rgba(97,69,37,.25);
}
#screen-setting.settings-premium .setting-premium-extras {
  margin:clamp(7px,1.4dvh,14px) 3px 0;
  padding:0 0 4px;
  color:#887358;
  font:400 10px/1.4 'Noto Serif JP',serif;
}
#screen-setting.settings-premium .setting-premium-extras summary {
  display:block;width:max-content;
  padding:3px 0 3px 30px;
  cursor:pointer;
  color:#937a58;
  text-decoration:underline;
  text-underline-offset:3px;
}
#screen-setting.settings-premium .setting-premium-extra-row {
  display:flex!important;
  justify-content:space-between;
  align-items:center;
  margin:5px 0!important;
  padding:12px!important;
  border:1px solid rgba(184,144,80,.55)!important;
  border-radius:2px!important;
  background:rgba(255,252,245,.78)!important;
  font-size:12px!important;
  cursor:pointer;
}
#screen-setting.settings-premium .setting-premium-extras[open] {padding-bottom:14px}
@media(max-width:359px), (max-height:700px){
  #screen-setting.settings-premium .setting-premium-header.app-page-header {height:46px;flex-basis:46px;min-height:46px}
  #screen-setting.settings-premium .setting-screen-scroll.app-scroll-region {padding-top:2px!important}
  #screen-setting.settings-premium .setting-premium-section {margin-bottom:6px!important}
  #screen-setting.settings-premium .setting-premium-section-title {height:26px;margin-bottom:2px!important}
  #screen-setting.settings-premium .setting-premium-section-title strong {font-size:15px}
  #screen-setting.settings-premium .setting-premium-row {height:clamp(43px,8.3dvh,54px)!important}
  #screen-setting.settings-premium .setting-premium-icon img {width:29px;height:29px}
  #screen-setting.settings-premium .setting-premium-advice {margin-top:7px;line-height:1.45}
  #screen-setting.settings-premium .setting-premium-extras {margin-top:6px}
}
@media(max-width:359px){
  #screen-setting.settings-premium .setting-premium-row {grid-template-columns:49px minmax(0,1fr) auto 16px!important;padding-right:6px!important}
  #screen-setting.settings-premium .setting-premium-row .setting-row-label {font-size:12px!important}
  #screen-setting.settings-premium .setting-premium-value {max-width:35vw;padding-left:2px}
  #screen-setting.settings-premium .setting-premium-row .setting-row-sub,
  #screen-setting.settings-premium .setting-premium-row .setting-audio-status {font-size:11px!important}
  #screen-setting.settings-premium .setting-premium-section-title small {letter-spacing:.2em}
  #screen-setting.settings-premium .setting-premium-advice {font-size:9px}
  #screen-setting.settings-premium .setting-note-desktop-break {display:none}
}
@media(prefers-reduced-motion:reduce){#screen-setting.settings-premium .setting-premium-row {transition:none!important}}
/* The shared back-button skin hides text via !important; give the Settings
   design its own readable arrow/text and reset EVERY inherited text property. */
html body:not(.ui-immersive) #screen-setting.settings-premium.screen.app-page > .setting-premium-header.app-page-header > button.app-page-back {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 82px!important;
  width:82px!important;min-width:82px!important;max-width:82px!important;
  height:35px!important;min-height:35px!important;max-height:35px!important;
  padding:0 9px!important;
  border:1px solid #ae873f!important;
  border-radius:2px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(250,239,211,.94) 70%,rgba(236,213,162,.95))!important;
  box-shadow:inset 0 0 0 2px rgba(255,252,241,.95),0 2px 5px rgba(106,70,28,.16)!important;
  color:#432b19!important;
  -webkit-text-fill-color:#432b19!important;
  font:500 13px/1 'Noto Serif JP',serif!important;
  letter-spacing:.08em!important;
  text-indent:0!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium.screen.app-page > .setting-premium-header.app-page-header > button.app-page-back span {
  font-size:12px!important;
  margin-right:6px!important;
  color:#87602b!important;
  -webkit-text-fill-color:#87602b!important;
}
@media (min-height:630px) and (max-height:760px){
  #screen-setting.settings-premium .setting-premium-header.app-page-header {height:66px!important;min-height:66px!important;flex-basis:66px!important}
  #screen-setting.settings-premium .setting-screen-scroll.app-scroll-region {padding-top:13px!important}
  #screen-setting.settings-premium .setting-premium-section-title {height:31px!important;margin-bottom:5px!important}
  #screen-setting.settings-premium .setting-premium-section {margin-bottom:11px!important}
  #screen-setting.settings-premium .setting-premium-row {height:57px!important}
  #screen-setting.settings-premium .setting-premium-advice {margin-top:11px!important}
}
@media (min-height:630px) and (max-height:760px){
  #screen-setting.settings-premium .setting-premium-section {margin-bottom:9px!important}
  #screen-setting.settings-premium .setting-premium-row {height:54px!important}
}

/* ======================================================================
   build1394 — Settings only: one-screen layout and supplied BACK artwork.
   All five settings remain reachable without vertical scrolling.
   Use the existing app-page shell for HUD/bottom-nav safe bounds.
   ====================================================================== */
html body:not(.ui-immersive) #screen-setting.settings-premium.screen.app-page > .setting-premium-header.app-page-header {
  flex:0 0 clamp(42px,7.7dvh,68px)!important;
  height:clamp(42px,7.7dvh,68px)!important;
  min-height:0!important;
  max-height:none!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium.screen.app-page > .setting-premium-header.app-page-header > button.app-page-back {
  display:block!important;
  position:relative!important;
  flex:0 0 82px!important;
  width:82px!important;
  min-width:82px!important;
  max-width:82px!important;
  height:35px!important;
  min-height:35px!important;
  max-height:35px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent url('../images/button_back.webp?v=1395-left-edge-fade') center / 100% 100% no-repeat!important;
  box-shadow:none!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
  font-size:0!important;
  line-height:0!important;
  letter-spacing:0!important;
  text-indent:-9999px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  transform:none!important;
  cursor:pointer!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-header > button.app-page-back > span {
  display:none!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-header > button.app-page-back::before,
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-header > button.app-page-back::after {
  display:none!important;
  content:none!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-header > button.app-page-back:focus-visible {
  outline:2px solid #b88b39!important;
  outline-offset:2px!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-screen-scroll.app-scroll-region {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1.4fr) minmax(0,1.4fr) minmax(0,4.2fr) 22px!important;
  gap:clamp(3px,.7dvh,8px)!important;
  flex:1 1 0!important;
  width:100%!important;
  height:auto!important;
  max-height:650px!important;
  min-height:0!important;
  box-sizing:border-box!important;
  padding:clamp(3px,.65dvh,8px) clamp(10px,4.4vw,22px) clamp(3px,.75dvh,9px)!important;
  margin:0 auto!important;
  overflow:hidden!important;
  overflow-x:hidden!important;
  overflow-y:hidden!important;
  overscroll-behavior:none!important;
  touch-action:manipulation!important;
  -webkit-overflow-scrolling:auto!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-section {
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-rows:clamp(22px,3.35dvh,34px) minmax(0,1fr)!important;
  gap:clamp(2px,.35dvh,4px)!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-section-title {
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0 2px!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-row {
  width:100%!important;
  min-height:0!important;
  max-height:none!important;
  height:100%!important;
  align-self:stretch!important;
  margin:0!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-account {
  grid-template-rows:clamp(22px,3.35dvh,34px) minmax(0,1fr) auto!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-account-rows {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  min-height:0!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-account-rows .setting-premium-row + .setting-premium-row {
  margin:0!important;
  margin-top:-1px!important;
  height:calc(100% + 1px)!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-advice {
  min-height:0!important;
  margin:clamp(2px,.65dvh,5px) 3px 0!important;
  padding:0!important;
  gap:6px!important;
  font-size:clamp(9px,2.65vw,12px)!important;
  line-height:1.38!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-advice .setting-advice-emblem {
  width:17px!important;
  height:17px!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-extras {
  position:relative!important;
  z-index:11!important;
  min-width:0!important;
  min-height:0!important;
  height:22px!important;
  margin:0 3px!important;
  padding:0!important;
  align-self:start!important;
  overflow:visible!important;
  background:none!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-extras summary {
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  padding:0 0 0 24px!important;
  margin:0!important;
  font-size:10px!important;
  line-height:1.1!important;
}
/* Expanded miscellaneous actions become a floating choice tray above the
   summary. They do not increase page height or introduce a scroll container. */
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-extras[open] > .setting-premium-extra-row {
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:auto!important;
  bottom:calc(100% + 6px)!important;
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:8px 12px!important;
  box-sizing:border-box!important;
  z-index:12!important;
  box-shadow:0 3px 10px rgba(81,55,29,.22)!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-extras[open] > .setting-premium-extra-row:first-of-type {
  bottom:calc(100% + 52px)!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-extras[open] {
  padding:0!important;
}
@media (max-width:359px), (max-height:620px) {
  html body:not(.ui-immersive) #screen-setting.settings-premium.screen.app-page > .setting-premium-header.app-page-header {
    flex-basis:41px!important;
    height:41px!important;
  }
  html body:not(.ui-immersive) #screen-setting.settings-premium.screen.app-page > .setting-premium-header.app-page-header > button.app-page-back {
    flex-basis:75px!important;
    width:75px!important;
    min-width:75px!important;
    max-width:75px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
  }
  html body:not(.ui-immersive) #screen-setting.settings-premium .setting-screen-scroll.app-scroll-region {
    grid-template-rows:minmax(0,1.45fr) minmax(0,1.45fr) minmax(0,4.1fr) 19px!important;
    padding-top:2px!important;
    padding-bottom:2px!important;
    gap:3px!important;
  }
  html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-section,
  html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-account {
    grid-template-rows:21px minmax(0,1fr)!important;
    gap:2px!important;
  }
  html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-account {
    grid-template-rows:21px minmax(0,1fr) auto!important;
  }
  html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-section-title strong {
    font-size:14px!important;
  }
  html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-icon img {
    width:clamp(25px,7.6vw,29px)!important;
    height:clamp(25px,7.6vw,29px)!important;
  }
  html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-advice {
    font-size:9px!important;
    line-height:1.27!important;
    margin-top:2px!important;
  }
  html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-extras,
  html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-extras summary {
    height:19px!important;
    min-height:19px!important;
  }
}

/* build1718: プロフィール欄に「称号」行が増えたため、2行分の高さを確保する。
   （1行分の枠に2行を詰めてプレイヤー名が潰れていた） */
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-screen-scroll.app-scroll-region {
  grid-template-rows:minmax(0,2.5fr) minmax(0,1.3fr) minmax(0,4fr) 22px!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-profile {
  grid-template-rows:clamp(22px,3.35dvh,34px) minmax(0,1fr) minmax(0,1fr)!important;
  gap:0!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-profile > .setting-premium-section-title {
  margin-bottom:clamp(2px,.35dvh,4px)!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-profile .setting-premium-row + .setting-premium-row {
  margin-top:-1px!important;
  height:calc(100% + 1px)!important;
}
@media (max-width:359px), (max-height:620px) {
  html body:not(.ui-immersive) #screen-setting.settings-premium .setting-screen-scroll.app-scroll-region {
    grid-template-rows:minmax(0,2.6fr) minmax(0,1.35fr) minmax(0,3.9fr) 19px!important;
  }
  html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-profile {
    grid-template-rows:21px minmax(0,1fr) minmax(0,1fr)!important;
  }
}

/* ============================================================
   build1844: 「タイトル画面へ戻る」— アカウント欄の下に置く独立ボタン
   ============================================================ */
#screen-setting.settings-premium .setting-title-return{
  position:relative;
  display:flex;align-items:center;gap:12px;
  width:100%;
  height:clamp(54px,8.6dvh,70px);
  margin:clamp(12px,2.2dvh,20px) 0 0;
  padding:0 18px 0 22px;
  box-sizing:border-box;
  border:1px solid rgba(162,111,39,.85);
  border-radius:12px;
  overflow:hidden;
  cursor:pointer;
  text-align:left;
  color:#2f211b;
  background:
    radial-gradient(ellipse 45% 120% at 88% 110%,rgba(214,186,140,.32),transparent 70%),
    radial-gradient(ellipse at 10% 0%,rgba(255,255,255,.95),transparent 60%),
    linear-gradient(110deg,#fffdf8,#f8f0df 60%,#efe1c3);
  box-shadow:0 2px 0 rgba(207,167,87,.3),inset 0 0 0 2px rgba(255,252,242,.96),0 4px 12px rgba(105,72,34,.14);
  -webkit-tap-highlight-color:transparent;
}
/* 内側の金の細線と四隅の切り欠き風の飾り */
#screen-setting.settings-premium .setting-title-return::before{
  content:'';position:absolute;inset:4px;border-radius:9px;pointer-events:none;
  border:1px solid rgba(199,150,66,.55);
}
#screen-setting.settings-premium .setting-title-return::after{
  content:'';position:absolute;right:46px;bottom:5px;width:120px;height:62%;pointer-events:none;opacity:.32;
  background:
    linear-gradient(0deg,rgba(168,128,70,.55),rgba(168,128,70,0)) 70% 100% / 3px 70% no-repeat,
    linear-gradient(0deg,rgba(168,128,70,.45),rgba(168,128,70,0)) 52% 100% / 2px 48% no-repeat,
    linear-gradient(0deg,rgba(168,128,70,.45),rgba(168,128,70,0)) 86% 100% / 2px 42% no-repeat,
    radial-gradient(ellipse 50% 30% at 70% 100%,rgba(168,128,70,.5),transparent 70%);
}
#screen-setting.settings-premium .setting-title-return:active{filter:brightness(.96);transform:translateY(1px)}
#screen-setting.settings-premium .setting-title-return:focus-visible{outline:2px solid #b88a46;outline-offset:2px}
#screen-setting.settings-premium .setting-title-return-icon{position:relative;z-index:1;flex:none;display:flex;align-items:center}
#screen-setting.settings-premium .setting-title-return-icon img{
  display:block;width:clamp(34px,9vw,44px);height:clamp(34px,9vw,44px);object-fit:contain;
  filter:drop-shadow(0 1px 2px rgba(104,77,40,.25));
}
#screen-setting.settings-premium .setting-title-return-label{
  position:relative;z-index:1;flex:1 1 auto;min-width:0;white-space:nowrap;
  font:700 clamp(15px,4.3vw,20px)/1.2 'Noto Serif JP','Yu Mincho',serif;letter-spacing:.06em;color:#2f211b;
}
#screen-setting.settings-premium .setting-title-return-arrow{
  position:relative;z-index:1;flex:none;color:#895a23;font:500 28px/1 Georgia,serif;
}
@media(max-width:359px), (max-height:700px){
  #screen-setting.settings-premium .setting-title-return{height:clamp(46px,8.3dvh,56px);margin-top:9px}
}

/* build1844: 「データ引継ぎ」「その他の設定」を外したので、行の割り付けを組み直す
   ・アカウント欄：見出し／2行（保護・ユーザーID）／タイトルへ戻る／注意書き
   ・「その他の設定」用だった最下段（22px）は無くす */
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-screen-scroll.app-scroll-region{
  grid-template-rows:minmax(0,2fr) minmax(0,1.12fr) minmax(0,3.75fr)!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-account{
  grid-template-rows:clamp(22px,3.35dvh,34px) minmax(0,1fr) auto auto!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-account-rows{
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
}
html body:not(.ui-immersive) #screen-setting.settings-premium .setting-title-return{
  margin-top:clamp(8px,1.6dvh,16px)!important;
}
@media (max-width:359px), (max-height:620px){
  html body:not(.ui-immersive) #screen-setting.settings-premium .setting-screen-scroll.app-scroll-region{
    grid-template-rows:minmax(0,2fr) minmax(0,1.12fr) minmax(0,3.75fr)!important;
  }
  html body:not(.ui-immersive) #screen-setting.settings-premium .setting-premium-account{
    grid-template-rows:21px minmax(0,1fr) auto auto!important;
  }
  html body:not(.ui-immersive) #screen-setting.settings-premium .setting-title-return{
    height:42px!important;margin-top:6px!important;
  }
}