/* Explorer Ribbon v3 — desktop Home only. The global Family Menu keeps
   its DOM identity and handlers, visually occupying the ribbon's last slot. */
.world-ribbon-brand,.world-ribbon-family-space{display:none}
@media (min-width:1025px) and (orientation:landscape) and (hover:hover) and (pointer:fine){
 body.living-world-view:has(.integrated-world){
  --ribbon-width:min(1280px,calc(100vw - 40px));
  --ribbon-top:max(14px,env(safe-area-inset-top));
 }
 body.living-world-view .integrated-world .world-hud{
  box-sizing:border-box;left:50%;right:auto;top:var(--ribbon-top);
  transform:translateX(-50%);width:var(--ribbon-width);height:88px;
  display:grid;grid-template-columns:minmax(240px,1fr) 250px minmax(240px,1fr);
  align-items:center;gap:16px;padding:8px 16px;
  border:1px solid #B7A080;border-radius:32px 39px 31px 36px / 33px 34px 30px 31px;
  background:linear-gradient(176deg,#fffbf2 0%,#F8F2E4 65%,#f3e8d4 100%);
  box-shadow:inset 0 1px 0 #fffdf5,0 3px 0 #b7a08024,0 7px 18px #79604424;
 }
 body.living-world-view .integrated-world .world-hud::before{
  content:'';position:absolute;inset:4px;border:1px solid #b7a08030;
  border-radius:inherit;pointer-events:none;
 }
 body.living-world-view .integrated-world .world-identity{
  box-sizing:border-box;min-width:0;max-width:none;width:100%;height:70px;
  gap:12px;padding:0 20px 0 0;border:0;border-radius:0;
  border-right:1px solid #b7a08055;background:transparent;box-shadow:none;
 }
 body.living-world-view .integrated-world .world-avatar{
  width:64px;height:64px;object-fit:contain;background:#DCE8CF;
  border:1px solid #B7A080;border-radius:49% 51% 48% 52%;
 }
 body.living-world-view .integrated-world .world-profile-copy{flex:1;min-width:0}
 body.living-world-view .integrated-world .world-profile-copy strong{
  display:block;font-size:20px;line-height:1.15;max-width:none;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#244665;
 }
 body.living-world-view .integrated-world .world-profile-copy>span{
  display:block;font-size:12px;line-height:1.35;color:#3E5948;
 }
 body.living-world-view .integrated-world .world-profile-copy small{
  display:block;font-size:10px;line-height:1.2;color:#3E5948;
 }
 body.living-world-view .integrated-world .world-xp{
  display:block;width:100%;max-width:230px;height:8px;margin:3px 0;
  border:1px solid #b7a08080;background:#e9dfca;color:#8aad79;accent-color:#8aad79;
 }
 body.living-world-view .integrated-world .world-xp::-webkit-progress-bar{background:#e9dfca}
 body.living-world-view .integrated-world .world-xp::-webkit-progress-value{background:#8aad79}
 body.living-world-view .integrated-world .world-xp::-moz-progress-bar{background:#8aad79}
 body.living-world-view .world-ribbon-brand{
  display:block;width:250px;height:70px;overflow:hidden;
 }
 body.living-world-view .world-ribbon-logo{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center;
 }
 body.living-world-view .integrated-world .world-coins{
  box-sizing:border-box;justify-self:end;align-items:center;justify-content:center;
  min-width:0;max-width:100%;height:52px;gap:7px;margin:0 88px 0 0;padding:0 14px 0 4px;
  background:#fffaf04d;border:1px solid #b7a08080;border-radius:28px 30px 27px 29px;
  box-shadow:inset 0 1px 0 #fffdf2;color:#3E5948;
 }
 body.living-world-view .integrated-world .world-coins .world-ui-icon{width:42px;height:42px;flex-shrink:0}
 body.living-world-view .integrated-world .world-coins strong{font-size:26px;line-height:1;overflow-wrap:anywhere}
 body.living-world-view .integrated-world .world-coins small{font-size:12px;flex-basis:auto;line-height:1.2}
 body.living-world-view .world-ribbon-family-space{
  display:block;position:absolute;right:16px;top:12px;width:72px;height:62px;border-left:1px solid #b7a08055;
 }
 body.living-world-view:has(.integrated-world) #family-menu{
  top:calc(var(--ribbon-top) + 12px);bottom:auto;
  right:calc((100vw - var(--ribbon-width))/2 + 16px);
 }
 body.living-world-view:has(.integrated-world) #family-menu .family-menu-panel{top:calc(100% + 16px)}
 body.living-world-view:has(.integrated-world) #family-menu>summary{
  width:64px;height:64px;min-height:64px;max-width:64px;padding:4px;
  background:transparent;border:1px solid transparent;border-radius:50%;box-shadow:none;
  transition:background-color 160ms ease,border-color 160ms ease;
 }
 body.living-world-view:has(.integrated-world) #family-menu>summary .family-badge-icon{width:56px;height:56px}
 body.living-world-view:has(.integrated-world) #family-menu>summary:hover,
 body.living-world-view:has(.integrated-world) #family-menu[open]>summary{
  background:#DCE8CF;border-color:#B7A080;box-shadow:none;transform:none;
 }
 body.living-world-view:has(.integrated-world) #family-menu>summary:active{
  background:#d3dfc8;box-shadow:inset 0 1px 3px #79604424;transform:none;
 }
 body.living-world-view:has(.integrated-world) #family-menu :focus-visible{
  outline:3px solid #3E5948;outline-offset:2px;
 }
 @media(prefers-reduced-motion:reduce){
  body.living-world-view:has(.integrated-world) #family-menu>summary,
  body.living-world-view .integrated-world .world-xp::-webkit-progress-value{transition:none}
 }
}