/* Family phone layout only. Tablet/desktop and institutional apps keep their layouts. */
#fm-tabs,#fm-kid{display:none}
@media(max-width:600px) and (orientation:portrait){
  body{--side-w:0px!important;background:#f4f7f4}
  body.sb-on #sb,body.sb-on #drawer,body.sb-on #side-shade{display:none!important}
  body.sb-on #stage{margin-left:0!important;padding:76px 16px 104px!important;min-height:100dvh;align-items:flex-start}
  body.sb-on #top{height:58px;padding:8px 16px;background:#f7faf7;border-bottom:1px solid #e0e9e2}
  #top .hamb,#top [data-sd="menu"],#side-toggle{display:none!important}
  body.sb-on #tb-burger,body.sb-on #tb-pct,body.sb-on #tb-q,body.sb-on #sb-rail{display:none!important}
  body.sb-on #fm-kid:not([hidden]){display:block;border:1px solid #d6e7dc;border-radius:20px;background:#edf7f0;color:#215837;padding:9px 26px 9px 12px;font:inherit;font-size:13px;max-width:195px}
  .duo{width:100%!important;max-width:none!important;margin:0!important}
  .sheet{width:100%!important;border-radius:24px!important;box-shadow:0 8px 32px #133d2610!important}
  .sheet .head,.sheet .body{padding-left:22px!important;padding-right:22px!important}
  .sheet h1,#b-tx{font-size:26px!important;line-height:1.4!important;letter-spacing:-.8px}
  #b-sub{font-size:15px!important;line-height:1.65!important}
  .spk.on{height:142px!important;margin-bottom:-24px!important}
  .disc{font-size:10px!important;line-height:1.6!important;padding:16px!important}
  .ff-kids{grid-template-columns:1fr!important;gap:16px!important}
  .ff-kid{padding:23px!important;background:linear-gradient(150deg,#f0faf3,#fff)!important;border-radius:20px!important}
  .ff-kid h3{font-size:24px!important}.ff-kid .ch{min-height:54px}
  .ff-steps{gap:5px!important;font-size:11px!important}.ff-steps span{flex-wrap:wrap}
  .ch{min-height:48px}.row{padding:17px!important}.row .t{font-size:16px!important}.row .d{font-size:13px!important}
  #rot{display:none!important}#play{height:100dvh!important}#play .cx{top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom));font-size:10px;padding:8px 12px;opacity:.65}
  #fm-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:180;height:calc(72px + env(safe-area-inset-bottom));padding:7px 14px calc(7px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #e3ece6;box-shadow:0 -6px 30px #173f2309;backdrop-filter:blur(18px)}
  #fm-tabs button{flex:1;border:0;background:none;font:inherit;color:#82908a;font-size:12px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:15px}
  #fm-tabs svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
  #fm-tabs button[aria-current=page]{color:#087d49;background:#edf8f1}
  body:not(.sb-on) #fm-tabs,body.playing #fm-tabs{display:none}
  #toast{bottom:100px}.fm-records .fh-list{max-height:none;overflow:visible}.fm-records .fh-row{background:#f5f9f6;margin:8px 0;padding:14px;min-height:70px}.fm-records .fh-row strong{font-size:16px}.fm-records .fh-row small{font-size:13px}
  .fm-account{display:grid;gap:10px}.fm-account button{min-height:54px;border:1px solid #e1e9e4;border-radius:14px;background:#f7faf8;color:#254c36;text-align:left;padding:15px;font:inherit;font-size:16px}
  .fm-account small{display:block;font-size:12px;color:#7a8f82;line-height:1.5;margin-top:5px}
  .fm-guide{font:inherit;border:0;background:transparent;color:#478362;padding:8px 0;cursor:pointer}
}
@media(max-width:600px) and (orientation:portrait){
 body .duo .spk.on{align-self:center!important;width:270px!important;height:174px!important;aspect-ratio:auto!important;overflow:hidden!important;margin:0 0 -8px!important;mask-image:linear-gradient(#000 87%,transparent);animation:none!important}
 body .duo .spk.j svg{position:absolute!important;width:290px!important;height:386px!important;left:-28px!important;top:-4px!important}
 body .duo .spk.h svg{position:absolute!important;width:350px!important;height:350px!important;left:-36px!important;top:-24px!important;animation:none!important}
}
@media(max-width:600px) and (orientation:portrait){
 body.ft-on #duo>.spk.on{width:270px!important;height:174px!important;overflow:hidden!important;margin:0 0 -8px!important}
 body #duo>#spk-j.on>img,body.ft-on #duo>#spk-j.on>svg{position:absolute!important;width:290px!important;height:386px!important;max-width:none!important;left:-12px!important;top:-4px!important;object-fit:contain!important}
 body.ft-on #duo>#spk-h.on>svg{position:absolute!important;width:350px!important;height:350px!important;left:-36px!important;top:-24px!important;animation:none!important}
}
@media(max-width:600px) and (orientation:portrait){
 body.ft-on #duo>#spk-j.on,body.ft-on #duo>#spk-h.on{height:190px!important;margin-bottom:-8px!important}
 body.ft-on #duo>#spk-h.on>svg{width:500px!important;height:500px!important;left:-112px!important;top:-32px!important}
}
@media(max-width:600px) and (orientation:portrait){
 body.ft-on #stage #duo>#spk-j.on,body.ft-on #stage #duo>#spk-h.on{height:190px!important;margin-bottom:-8px!important}
 body.ft-on #stage #duo>#spk-h.on>svg{width:300px!important;height:300px!important;left:-15px!important;top:-24px!important}
}