/* Yamkage mobile refinement: scoped to phone widths, preserving existing controls and themes. */
@media(max-width:560px){
 html body>header{padding:12px 14px 15px!important;row-gap:12px!important;min-height:0!important;height:auto!important}
 html body>header>a.brand.yf-brand{display:inline-flex!important;align-items:center!important;gap:7px!important;max-width:calc(100% - 68px)!important;margin:0!important;padding:0!important;min-height:52px!important}
 html body>header>a.brand.yf-brand>img.yf-forge-icon{position:relative!important;top:-2px!important;width:55px!important;height:55px!important;min-width:55px!important;min-height:55px!important;max-width:55px!important;max-height:55px!important;object-fit:contain!important;transform:none!important}
 html body>header>a.brand.yf-brand>.yf-forge-word{font-size:clamp(19px,5.1vw,25px)!important;line-height:1.1!important;letter-spacing:-.7px!important;white-space:nowrap!important;transform:none!important}
 html body>header>form.search{min-height:46px!important;height:46px!important;border-radius:14px!important;margin-top:2px!important}
 html body>header>form.search input{font-size:14px!important;min-width:0!important}
 html body>header>nav{gap:8px!important}
 html body>header>nav>a,html body>header>nav>details>summary{border-radius:13px!important}
 html body .yf-home-intro>section.hero{border-radius:22px!important;overflow:hidden!important;padding:22px 18px!important;margin-top:10px!important;background:linear-gradient(135deg,rgba(120,73,230,.10),rgba(154,83,245,.045))!important;border:1px solid rgba(150,105,225,.23)!important}
 html body .yf-home-intro>section.hero h1{font-size:clamp(24px,6.2vw,32px)!important;line-height:1.22!important;letter-spacing:-.65px!important;margin:16px 0!important}
 html body .yf-home-intro>section.hero .eyebrow{font-size:11px!important;letter-spacing:.07em!important}
 html body .yf-home-intro>section.hero .button{border-radius:14px!important;min-height:45px!important}
 html body .yf-home-intro>section.hero .nx-discover-link{display:inline-flex!important;margin-top:14px!important}
 html body footer.yf-site-footer{padding-top:18px!important;padding-bottom:22px!important;min-height:0!important;height:auto!important}
 html body footer.yf-site-footer .yf-footer-main{gap:14px!important;align-items:center!important}
 html body footer.yf-site-footer .yf-footer-identity{margin:0 auto!important;padding:0!important;min-height:0!important}
 html body footer.yf-site-footer a.brand.yf-brand{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:0!important;transform:none!important}
 html body footer.yf-site-footer a.brand.yf-brand img.yf-forge-icon{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;max-width:54px!important;max-height:54px!important;object-fit:contain!important;top:0!important;transform:none!important}
 html body footer.yf-site-footer a.brand.yf-brand .yf-forge-word{font-size:clamp(21px,5.7vw,26px)!important;line-height:1.1!important;transform:none!important}
 html body footer.yf-site-footer .yf-footer-actions{width:100%!important;margin-top:0!important}
 html body footer.yf-site-footer .yf-footer-policy-inline{gap:8px!important}
 html body footer.yf-site-footer .yf-footer-policy-inline>a{min-height:43px!important;padding:10px 13px!important;border-radius:13px!important}
}
@media(max-width:360px){html body>header>a.brand.yf-brand>img.yf-forge-icon{width:49px!important;height:49px!important;min-width:49px!important;min-height:49px!important}}
@media(max-width:560px) and (prefers-reduced-motion:reduce){html body .yf-home-intro>section.hero *{animation:none!important}}

/* Mobile footer: lift only the brand, keep navigation and policy links in place. */
@media(max-width:560px){
 html body footer.yf-site-footer .yf-footer-identity{position:relative!important;top:-12px!important;margin-bottom:-12px!important;}
}

/* Mobile footer logo vertically aligned in the purple brand section. */
@media (max-width:560px){
 html body footer.yf-site-footer.yf-footer-card .yf-footer-main > .yf-footer-identity{
  position:relative!important;top:-20px!important;margin-bottom:-20px!important;
 }
 html body footer.yf-site-footer.yf-footer-card .yf-footer-identity > a.brand.yf-brand{
  position:relative!important;top:0!important;transform:none!important;
 }
}


/* Mobile artwork social stats (Views, Favorites, Comments): align icon and count vertically, center pair and label. */
html body main .art-social-stats .stat-symbol{margin:0!important}
@media (max-width:700px){
 html body main .yf-art-premium .art-social-stats>div,
 html body main .yf-art-premium .art-social-stats>a{
  display:grid!important;
  grid-template-columns:30px minmax(0,max-content)!important;
  grid-template-rows:30px auto!important;
  justify-content:center!important;
  align-content:center!important;
  align-items:center!important;
  column-gap:8px!important;
  row-gap:6px!important;
  padding:12px 8px!important;
 }
 html body main .yf-art-premium .art-social-stats .stat-symbol{
  grid-column:1!important;
  grid-row:1!important;
  width:30px!important;
  height:30px!important;
  margin:0!important;
  align-self:center!important;
  justify-self:center!important;
 }
 html body main .yf-art-premium .art-social-stats strong{
  grid-column:2!important;
  grid-row:1!important;
  margin:0!important;
  align-self:center!important;
  justify-self:start!important;
  font-size:20px!important;
  line-height:1!important;
 }
 html body main .yf-art-premium .art-social-stats>div>span:last-child,
 html body main .yf-art-premium .art-social-stats>a>span:last-child{
  grid-column:1/-1!important;
  grid-row:2!important;
  margin:0!important;
  justify-self:center!important;
  align-self:center!important;
  text-align:center!important;
  font-size:11.5px!important;
  line-height:1.25!important;
 }
}

/* Mobile header: Clear Cache button right next to the theme lightbulb, exact same size and shape, all on one line. */
@media (max-width:700px){
 html body>header>nav{
  column-gap:6px!important;
 }
 html body>header>nav>a.header-join{
  order:-1!important;
  flex:1 1 0!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 10px!important;
  gap:6px!important;
  font-size:12.5px!important;
  border-radius:13px!important;
  justify-content:center!important;
  overflow:hidden!important;
 }
 html body>header>nav>a.header-join>span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
 }
 html body>header>nav>details.yf-language-header{
  order:0!important;
  flex:0 0 auto!important;
 }
 html body>header>nav>details.yf-language-header>summary{
  height:38px!important;
  min-height:38px!important;
  padding:0 10px!important;
  gap:6px!important;
  border-radius:13px!important;
 }
 html body>header>nav>details.appearance,
 html body>header>nav>form.yf-admin-refresh-form{
  order:0!important;
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  margin:0!important;
  padding:0!important;
  display: inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
 }
 html body>header>nav>details.appearance>summary,
 html body>header>nav>form.yf-admin-refresh-form>button.yf-admin-refresh-button{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  padding:0!important;
  margin:0!important;
  gap:0!important;
  border-radius:13px!important;
  border:1px solid var(--line)!important;
  background:var(--panel)!important;
  color:var(--accent)!important;
  box-shadow:0 3px 9px #00000004!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
 }
 html body>header>nav>form.yf-admin-refresh-form>button.yf-admin-refresh-button>.yf-admin-refresh-label{
  display:none!important;
 }
 html body>header>nav>form.yf-admin-refresh-form>button.yf-admin-refresh-button>.yf-cache-refresh-symbol{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  margin:0!important;
 }
}